mirror of
https://gitee.com/huangge1199_admin/vue-pro.git
synced 2024-11-26 09:11:52 +08:00
spu保存校验添加
This commit is contained in:
parent
6dca8e082b
commit
f07bf8b0fd
@ -28,4 +28,5 @@ public interface ErrorCodeConstants {
|
|||||||
|
|
||||||
// ========== 商品sku 1008006000 ==========
|
// ========== 商品sku 1008006000 ==========
|
||||||
ErrorCode SKU_NOT_EXISTS = new ErrorCode(1008006000, "商品sku不存在");
|
ErrorCode SKU_NOT_EXISTS = new ErrorCode(1008006000, "商品sku不存在");
|
||||||
|
ErrorCode SKU_PROPERTIES_DUPLICATED = new ErrorCode(1008006001, "商品sku的属性组合存在重复");
|
||||||
}
|
}
|
||||||
|
@ -45,7 +45,9 @@ public class ProductSkuBaseVO {
|
|||||||
|
|
||||||
@Data
|
@Data
|
||||||
public static class Property {
|
public static class Property {
|
||||||
|
@NotNull(message = "规格属性名id不能为空")
|
||||||
private Integer propertyId;
|
private Integer propertyId;
|
||||||
|
@NotNull(message = "规格属性值id不能为空")
|
||||||
private Integer valueId;
|
private Integer valueId;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -37,6 +37,8 @@ public interface ProductSkuConvert {
|
|||||||
|
|
||||||
List<ProductSkuRespVO> convertList(List<ProductSkuDO> list);
|
List<ProductSkuRespVO> convertList(List<ProductSkuDO> list);
|
||||||
|
|
||||||
|
List<ProductSkuDO> convertSkuDOList(List<ProductSkuCreateReqVO> list);
|
||||||
|
|
||||||
PageResult<ProductSkuRespVO> convertPage(PageResult<ProductSkuDO> page);
|
PageResult<ProductSkuRespVO> convertPage(PageResult<ProductSkuDO> page);
|
||||||
|
|
||||||
List<ProductSkuExcelVO> convertList02(List<ProductSkuDO> list);
|
List<ProductSkuExcelVO> convertList02(List<ProductSkuDO> list);
|
||||||
|
@ -76,4 +76,10 @@ public interface ProductPropertyService {
|
|||||||
|
|
||||||
ProductPropertyRespVO getPropertyResp(Long id);
|
ProductPropertyRespVO getPropertyResp(Long id);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据数据名id集合查询属性名以及属性值的集合
|
||||||
|
* @param propertyIds 属性名id集合
|
||||||
|
* @return
|
||||||
|
*/
|
||||||
|
List<ProductPropertyRespVO> selectByIds(List<Integer> propertyIds);
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
package cn.iocoder.yudao.module.product.service.property;
|
package cn.iocoder.yudao.module.product.service.property;
|
||||||
|
|
||||||
|
import cn.iocoder.yudao.framework.common.exception.util.ServiceExceptionUtil;
|
||||||
import cn.iocoder.yudao.framework.common.pojo.PageResult;
|
import cn.iocoder.yudao.framework.common.pojo.PageResult;
|
||||||
import cn.iocoder.yudao.module.product.controller.admin.property.vo.*;
|
import cn.iocoder.yudao.module.product.controller.admin.property.vo.*;
|
||||||
import cn.iocoder.yudao.module.product.controller.admin.property.vo.ProductPropertyCreateReqVO;
|
import cn.iocoder.yudao.module.product.controller.admin.property.vo.ProductPropertyCreateReqVO;
|
||||||
@ -113,13 +114,13 @@ public class ProductPropertyServiceImpl implements ProductPropertyService {
|
|||||||
//获取属性列表
|
//获取属性列表
|
||||||
PageResult<ProductPropertyDO> pageResult = productPropertyMapper.selectPage(pageReqVO);
|
PageResult<ProductPropertyDO> pageResult = productPropertyMapper.selectPage(pageReqVO);
|
||||||
PageResult<ProductPropertyRespVO> propertyRespVOPageResult = ProductPropertyConvert.INSTANCE.convertPage(pageResult);
|
PageResult<ProductPropertyRespVO> propertyRespVOPageResult = ProductPropertyConvert.INSTANCE.convertPage(pageResult);
|
||||||
List<Long> propertyIds = propertyRespVOPageResult.getList().stream().map(x -> x.getId()).collect(Collectors.toList());
|
List<Long> propertyIds = propertyRespVOPageResult.getList().stream().map(ProductPropertyRespVO::getId).collect(Collectors.toList());
|
||||||
|
|
||||||
//获取属性值列表
|
//获取属性值列表
|
||||||
List<ProductPropertyValueDO> productPropertyValueDOList = productPropertyValueService.getPropertyValueListByPropertyId(propertyIds);
|
List<ProductPropertyValueDO> productPropertyValueDOList = productPropertyValueService.getPropertyValueListByPropertyId(propertyIds);
|
||||||
List<ProductPropertyValueRespVO> propertyValueRespVOList = ProductPropertyValueConvert.INSTANCE.convertList(productPropertyValueDOList);
|
List<ProductPropertyValueRespVO> propertyValueRespVOList = ProductPropertyValueConvert.INSTANCE.convertList(productPropertyValueDOList);
|
||||||
//组装一对多
|
//组装一对多
|
||||||
propertyRespVOPageResult.getList().stream().forEach(x->{
|
propertyRespVOPageResult.getList().forEach(x->{
|
||||||
Long propertyId = x.getId();
|
Long propertyId = x.getId();
|
||||||
List<ProductPropertyValueRespVO> valueDOList = propertyValueRespVOList.stream().filter(v -> v.getPropertyId().equals(propertyId)).collect(Collectors.toList());
|
List<ProductPropertyValueRespVO> valueDOList = propertyValueRespVOList.stream().filter(v -> v.getPropertyId().equals(propertyId)).collect(Collectors.toList());
|
||||||
x.setPropertyValueList(valueDOList);
|
x.setPropertyValueList(valueDOList);
|
||||||
@ -140,4 +141,8 @@ public class ProductPropertyServiceImpl implements ProductPropertyService {
|
|||||||
return propertyRespVO;
|
return propertyRespVO;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public List<ProductPropertyRespVO> selectByIds(List<Integer> propertyIds) {
|
||||||
|
return ProductPropertyConvert.INSTANCE.convertList(productPropertyMapper.selectBatchIds(propertyIds));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -72,4 +72,11 @@ public interface ProductSkuService {
|
|||||||
* @param skuCreateReqList sku组合的集合
|
* @param skuCreateReqList sku组合的集合
|
||||||
*/
|
*/
|
||||||
void validatedSkuReq(List<ProductSkuCreateReqVO> skuCreateReqList);
|
void validatedSkuReq(List<ProductSkuCreateReqVO> skuCreateReqList);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 批量保存sku
|
||||||
|
* @param skuDOList sku对象集合
|
||||||
|
* @return
|
||||||
|
*/
|
||||||
|
void batchSave(List<ProductSkuDO> skuDOList);
|
||||||
}
|
}
|
||||||
|
@ -1,21 +1,25 @@
|
|||||||
package cn.iocoder.yudao.module.product.service.sku;
|
package cn.iocoder.yudao.module.product.service.sku;
|
||||||
|
|
||||||
|
import cn.iocoder.yudao.framework.common.exception.util.ServiceExceptionUtil;
|
||||||
|
import cn.iocoder.yudao.framework.common.pojo.PageResult;
|
||||||
|
import cn.iocoder.yudao.module.product.controller.admin.property.vo.ProductPropertyRespVO;
|
||||||
|
import cn.iocoder.yudao.module.product.controller.admin.propertyvalue.vo.ProductPropertyValueRespVO;
|
||||||
|
import cn.iocoder.yudao.module.product.controller.admin.sku.vo.*;
|
||||||
|
import cn.iocoder.yudao.module.product.convert.sku.ProductSkuConvert;
|
||||||
|
import cn.iocoder.yudao.module.product.dal.dataobject.sku.ProductSkuDO;
|
||||||
|
import cn.iocoder.yudao.module.product.dal.mysql.sku.ProductSkuMapper;
|
||||||
|
import cn.iocoder.yudao.module.product.enums.ErrorCodeConstants;
|
||||||
|
import cn.iocoder.yudao.module.product.service.property.ProductPropertyService;
|
||||||
import org.springframework.stereotype.Service;
|
import org.springframework.stereotype.Service;
|
||||||
import javax.annotation.Resource;
|
|
||||||
import org.springframework.validation.annotation.Validated;
|
import org.springframework.validation.annotation.Validated;
|
||||||
|
|
||||||
|
import javax.annotation.Resource;
|
||||||
import java.util.*;
|
import java.util.*;
|
||||||
import java.util.stream.Collectors;
|
import java.util.stream.Collectors;
|
||||||
|
|
||||||
import cn.iocoder.yudao.module.product.controller.admin.sku.vo.*;
|
|
||||||
import cn.iocoder.yudao.module.product.dal.dataobject.sku.ProductSkuDO;
|
|
||||||
import cn.iocoder.yudao.framework.common.pojo.PageResult;
|
|
||||||
|
|
||||||
import cn.iocoder.yudao.module.product.convert.sku.ProductSkuConvert;
|
|
||||||
import cn.iocoder.yudao.module.product.dal.mysql.sku.ProductSkuMapper;
|
|
||||||
|
|
||||||
import static cn.iocoder.yudao.framework.common.exception.util.ServiceExceptionUtil.exception;
|
import static cn.iocoder.yudao.framework.common.exception.util.ServiceExceptionUtil.exception;
|
||||||
import static cn.iocoder.yudao.module.product.enums.ErrorCodeConstants.*;
|
import static cn.iocoder.yudao.module.product.enums.ErrorCodeConstants.PROPERTY_NOT_EXISTS;
|
||||||
|
import static cn.iocoder.yudao.module.product.enums.ErrorCodeConstants.SKU_NOT_EXISTS;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 商品sku Service 实现类
|
* 商品sku Service 实现类
|
||||||
@ -27,13 +31,16 @@ import static cn.iocoder.yudao.module.product.enums.ErrorCodeConstants.*;
|
|||||||
public class ProductSkuServiceImpl implements ProductSkuService {
|
public class ProductSkuServiceImpl implements ProductSkuService {
|
||||||
|
|
||||||
@Resource
|
@Resource
|
||||||
private ProductSkuMapper ProductSkuMapper;
|
private ProductSkuMapper productSkuMapper;
|
||||||
|
|
||||||
|
@Resource
|
||||||
|
private ProductPropertyService productPropertyService;
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public Long createSku(ProductSkuCreateReqVO createReqVO) {
|
public Long createSku(ProductSkuCreateReqVO createReqVO) {
|
||||||
// 插入
|
// 插入
|
||||||
ProductSkuDO sku = ProductSkuConvert.INSTANCE.convert(createReqVO);
|
ProductSkuDO sku = ProductSkuConvert.INSTANCE.convert(createReqVO);
|
||||||
ProductSkuMapper.insert(sku);
|
productSkuMapper.insert(sku);
|
||||||
// 返回
|
// 返回
|
||||||
return sku.getId();
|
return sku.getId();
|
||||||
}
|
}
|
||||||
@ -44,7 +51,7 @@ public class ProductSkuServiceImpl implements ProductSkuService {
|
|||||||
this.validateSkuExists(updateReqVO.getId());
|
this.validateSkuExists(updateReqVO.getId());
|
||||||
// 更新
|
// 更新
|
||||||
ProductSkuDO updateObj = ProductSkuConvert.INSTANCE.convert(updateReqVO);
|
ProductSkuDO updateObj = ProductSkuConvert.INSTANCE.convert(updateReqVO);
|
||||||
ProductSkuMapper.updateById(updateObj);
|
productSkuMapper.updateById(updateObj);
|
||||||
}
|
}
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
@ -52,40 +59,67 @@ public class ProductSkuServiceImpl implements ProductSkuService {
|
|||||||
// 校验存在
|
// 校验存在
|
||||||
this.validateSkuExists(id);
|
this.validateSkuExists(id);
|
||||||
// 删除
|
// 删除
|
||||||
ProductSkuMapper.deleteById(id);
|
productSkuMapper.deleteById(id);
|
||||||
}
|
}
|
||||||
|
|
||||||
private void validateSkuExists(Long id) {
|
private void validateSkuExists(Long id) {
|
||||||
if (ProductSkuMapper.selectById(id) == null) {
|
if (productSkuMapper.selectById(id) == null) {
|
||||||
throw exception(SKU_NOT_EXISTS);
|
throw exception(SKU_NOT_EXISTS);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public ProductSkuDO getSku(Long id) {
|
public ProductSkuDO getSku(Long id) {
|
||||||
return ProductSkuMapper.selectById(id);
|
return productSkuMapper.selectById(id);
|
||||||
}
|
}
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public List<ProductSkuDO> getSkuList(Collection<Long> ids) {
|
public List<ProductSkuDO> getSkuList(Collection<Long> ids) {
|
||||||
return ProductSkuMapper.selectBatchIds(ids);
|
return productSkuMapper.selectBatchIds(ids);
|
||||||
}
|
}
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public PageResult<ProductSkuDO> getSkuPage(ProductSkuPageReqVO pageReqVO) {
|
public PageResult<ProductSkuDO> getSkuPage(ProductSkuPageReqVO pageReqVO) {
|
||||||
return ProductSkuMapper.selectPage(pageReqVO);
|
return productSkuMapper.selectPage(pageReqVO);
|
||||||
}
|
}
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public List<ProductSkuDO> getSkuList(ProductSkuExportReqVO exportReqVO) {
|
public List<ProductSkuDO> getSkuList(ProductSkuExportReqVO exportReqVO) {
|
||||||
return ProductSkuMapper.selectList(exportReqVO);
|
return productSkuMapper.selectList(exportReqVO);
|
||||||
}
|
}
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public void validatedSkuReq(List<ProductSkuCreateReqVO> skuCreateReqList) {
|
public void validatedSkuReq(List<ProductSkuCreateReqVO> skuCreateReqList) {
|
||||||
|
List<ProductSkuBaseVO.Property> skuPropertyList = skuCreateReqList.stream().flatMap(p -> p.getProperties().stream()).collect(Collectors.toList());
|
||||||
// 校验规格属性以及规格值是否存在
|
// 校验规格属性以及规格值是否存在
|
||||||
List<Integer> propertyIds = skuCreateReqList.stream().flatMap(p -> p.getProperties().stream()).map(ProductSkuBaseVO.Property::getPropertyId).collect(Collectors.toList());
|
List<Integer> propertyIds = skuPropertyList.stream().map(ProductSkuBaseVO.Property::getPropertyId).collect(Collectors.toList());
|
||||||
|
List<ProductPropertyRespVO> propertyAndValueList = productPropertyService.selectByIds(propertyIds);
|
||||||
|
if (propertyAndValueList.isEmpty())
|
||||||
|
throw ServiceExceptionUtil.exception(PROPERTY_NOT_EXISTS);
|
||||||
|
Map<Long, ProductPropertyRespVO> propertyMap = propertyAndValueList.stream().collect(Collectors.toMap(ProductPropertyRespVO::getId, p -> p));
|
||||||
|
skuPropertyList.forEach(p -> {
|
||||||
|
ProductPropertyRespVO productPropertyRespVO = propertyMap.get(p.getPropertyId());
|
||||||
|
// 如果对应的属性名不存在或属性名下的属性值集合为空,给出提示
|
||||||
|
if (null == productPropertyRespVO || productPropertyRespVO.getPropertyValueList().isEmpty())
|
||||||
|
throw ServiceExceptionUtil.exception(PROPERTY_NOT_EXISTS);
|
||||||
|
// 判断改属性名对应的属性值是否存在,不存在,给出提示
|
||||||
|
if (!productPropertyRespVO.getPropertyValueList().stream().map(ProductPropertyValueRespVO::getId).collect(Collectors.toSet()).contains(p.getValueId())) {
|
||||||
|
throw ServiceExceptionUtil.exception(ErrorCodeConstants.PROPERTY_VALUE_NOT_EXISTS);
|
||||||
|
}
|
||||||
|
});
|
||||||
// 校验是否有重复的sku组合
|
// 校验是否有重复的sku组合
|
||||||
|
List<List<ProductSkuBaseVO.Property>> skuProperties = skuCreateReqList.stream().map(ProductSkuBaseVO::getProperties).collect(Collectors.toList());
|
||||||
|
Set<String> skuPropertiesConvertSet = new HashSet<>();
|
||||||
|
skuProperties.forEach(p -> {
|
||||||
|
// 组合属性值id为 1~2~3.... 形式的字符串,通过set的特性判断是否有重复的组合
|
||||||
|
if (!skuPropertiesConvertSet.add(p.stream().map(pr -> String.valueOf(pr.getValueId())).sorted().collect(Collectors.joining("~")))) {
|
||||||
|
throw ServiceExceptionUtil.exception(ErrorCodeConstants.SKU_PROPERTIES_DUPLICATED);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public void batchSave(List<ProductSkuDO> skuDOList) {
|
||||||
|
productSkuMapper.insertBatch(skuDOList);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,6 +1,8 @@
|
|||||||
package cn.iocoder.yudao.module.product.service.spu;
|
package cn.iocoder.yudao.module.product.service.spu;
|
||||||
|
|
||||||
import cn.iocoder.yudao.module.product.controller.admin.sku.vo.ProductSkuCreateReqVO;
|
import cn.iocoder.yudao.module.product.controller.admin.sku.vo.ProductSkuCreateReqVO;
|
||||||
|
import cn.iocoder.yudao.module.product.convert.sku.ProductSkuConvert;
|
||||||
|
import cn.iocoder.yudao.module.product.dal.dataobject.sku.ProductSkuDO;
|
||||||
import cn.iocoder.yudao.module.product.service.category.CategoryService;
|
import cn.iocoder.yudao.module.product.service.category.CategoryService;
|
||||||
import cn.iocoder.yudao.module.product.service.sku.ProductSkuService;
|
import cn.iocoder.yudao.module.product.service.sku.ProductSkuService;
|
||||||
import org.springframework.stereotype.Service;
|
import org.springframework.stereotype.Service;
|
||||||
@ -11,6 +13,8 @@ import org.springframework.transaction.annotation.Transactional;
|
|||||||
import org.springframework.validation.annotation.Validated;
|
import org.springframework.validation.annotation.Validated;
|
||||||
|
|
||||||
import java.util.*;
|
import java.util.*;
|
||||||
|
import java.util.stream.Collectors;
|
||||||
|
|
||||||
import cn.iocoder.yudao.module.product.controller.admin.spu.vo.*;
|
import cn.iocoder.yudao.module.product.controller.admin.spu.vo.*;
|
||||||
import cn.iocoder.yudao.module.product.dal.dataobject.spu.ProductSpuDO;
|
import cn.iocoder.yudao.module.product.dal.dataobject.spu.ProductSpuDO;
|
||||||
import cn.iocoder.yudao.framework.common.pojo.PageResult;
|
import cn.iocoder.yudao.framework.common.pojo.PageResult;
|
||||||
@ -47,12 +51,16 @@ public class ProductSpuServiceImpl implements ProductSpuService {
|
|||||||
// 校验SKU
|
// 校验SKU
|
||||||
List<ProductSkuCreateReqVO> skuCreateReqList = createReqVO.getProductSkuCreateReqVOS();
|
List<ProductSkuCreateReqVO> skuCreateReqList = createReqVO.getProductSkuCreateReqVOS();
|
||||||
productSkuService.validatedSkuReq(skuCreateReqList);
|
productSkuService.validatedSkuReq(skuCreateReqList);
|
||||||
// 插入
|
// 插入SPU
|
||||||
ProductSpuDO spu = ProductSpuConvert.INSTANCE.convert(createReqVO);
|
ProductSpuDO spu = ProductSpuConvert.INSTANCE.convert(createReqVO);
|
||||||
|
ProductSpuMapper.insert(spu);
|
||||||
|
// sku关联SPU属性
|
||||||
skuCreateReqList.forEach(p -> {
|
skuCreateReqList.forEach(p -> {
|
||||||
p.setSpuId(spu.getId());
|
p.setSpuId(spu.getId());
|
||||||
});
|
});
|
||||||
ProductSpuMapper.insert(spu);
|
List<ProductSkuDO> skuDOList = ProductSkuConvert.INSTANCE.convertSkuDOList(skuCreateReqList);
|
||||||
|
// 批量插入sku
|
||||||
|
productSkuService.batchSave(skuDOList);
|
||||||
// 返回
|
// 返回
|
||||||
return spu.getId();
|
return spu.getId();
|
||||||
}
|
}
|
||||||
|
@ -39,11 +39,14 @@
|
|||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
||||||
v-hasPermi="['product:spu:create']">新增</el-button>
|
v-hasPermi="['product:spu:create']">新增
|
||||||
|
</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
|
||||||
v-hasPermi="['product:spu:export']">导出</el-button>
|
:loading="exportLoading"
|
||||||
|
v-hasPermi="['product:spu:export']">导出
|
||||||
|
</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -69,9 +72,11 @@
|
|||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
||||||
v-hasPermi="['product:spu:update']">修改</el-button>
|
v-hasPermi="['product:spu:update']">修改
|
||||||
|
</el-button>
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
||||||
v-hasPermi="['product:spu:delete']">删除</el-button>
|
v-hasPermi="['product:spu:delete']">删除
|
||||||
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -91,12 +96,72 @@
|
|||||||
<el-form-item label="描述">
|
<el-form-item label="描述">
|
||||||
<editor v-model="form.description" :min-height="192"/>
|
<editor v-model="form.description" :min-height="192"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="分类id" prop="categoryId">
|
<el-form-item label="分类id" prop="categoryIds">
|
||||||
<el-input v-model="form.categoryId" placeholder="请输入分类id" />
|
<el-cascader
|
||||||
|
v-model="form.categoryIds"
|
||||||
|
placeholder="请输入分类id"
|
||||||
|
style="width: 100%"
|
||||||
|
:options="categoryList"
|
||||||
|
:props="propName"
|
||||||
|
clearable></el-cascader>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="商品主图地址" prop="picUrls">
|
<el-form-item label="商品主图地址" prop="picUrls">
|
||||||
<ImageUpload v-model="form.picUrls" :limit="1"/>
|
<ImageUpload v-model="form.picUrls" :limit="10"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="商品规格">
|
||||||
|
<el-button size="mini" @click="shopTagInput()">添加规格</el-button>
|
||||||
|
<div v-for="(tag, tagIndex) in skuTags" :key="tagIndex">
|
||||||
|
<span>{{tag.tagName}}</span>
|
||||||
|
<el-button class="button-new-tag" type="text" icon="el-icon-delete" @click="removeTag(tagIndex)">删除</el-button>
|
||||||
|
<br/>
|
||||||
|
<el-tag
|
||||||
|
v-for="(tagItem, tagItemIndex) in tag.tagItems"
|
||||||
|
:key="tagItem.valueId"
|
||||||
|
closable
|
||||||
|
:disable-transitions="false"
|
||||||
|
@close="handleTagClose(tagIndex, tagItemIndex)">
|
||||||
|
{{tagItem.propValue}}
|
||||||
|
</el-tag>
|
||||||
|
<el-input
|
||||||
|
class="input-new-tag"
|
||||||
|
v-if="tagItemInputs[tagIndex] && tagItemInputs[tagIndex].visible"
|
||||||
|
v-model="tagItemInputs[tagIndex].value"
|
||||||
|
:ref="`saveTagInput${tagIndex}`"
|
||||||
|
size="small"
|
||||||
|
@keyup.enter.native="handleInputConfirm(tagIndex)"
|
||||||
|
@blur="handleInputConfirm(tagIndex)">
|
||||||
|
</el-input>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="规格名" v-show="isShowTagInput">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-select v-model="addTagInput.name" filterable allow-create default-first-option placeholder="请选择" @change="handleTagClick">
|
||||||
|
<el-option
|
||||||
|
v-for="item in unUseTags"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.name"
|
||||||
|
:value="item.name">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="规格值" v-show="isShowTagInput">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-select v-model="addTagInput.selectValues" multiple filterable allow-create default-first-option placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in dbTagValues"
|
||||||
|
:key="item.valueId"
|
||||||
|
:label="item.propValue"
|
||||||
|
:value="item.propValue">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button size="mini" type="primary" @click="addTag()" v-show="isShowTagInput">确定</el-button>
|
||||||
|
<el-button size="mini" @click="hideTagInput()" v-show="isShowTagInput">取消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="排序字段" prop="sort">
|
<el-form-item label="排序字段" prop="sort">
|
||||||
<el-input v-model="form.sort" placeholder="请输入排序字段"/>
|
<el-input v-model="form.sort" placeholder="请输入排序字段"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -126,15 +191,40 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {createSpu, updateSpu, deleteSpu, getSpu, getSpuPage, exportSpuExcel} from "@/api/mall/product/spu";
|
import {createSpu, updateSpu, deleteSpu, getSpu, getSpuPage, exportSpuExcel} from "@/api/mall/product/spu";
|
||||||
import Editor from '@/components/Editor';
|
import {
|
||||||
|
createCategory,
|
||||||
|
deleteCategory,
|
||||||
|
exportCategoryExcel,
|
||||||
|
getCategory,
|
||||||
|
listCategory,
|
||||||
|
updateCategory
|
||||||
|
} from "@/api/mall/product/category";
|
||||||
|
import { createProperty, updateProperty, deleteProperty, getProperty, getPropertyPage, exportPropertyExcel } from "@/api/mall/product/property";
|
||||||
|
|
||||||
|
import Editor from '@/components/Editor';
|
||||||
|
import ImageUpload from '@/components/ImageUpload';
|
||||||
export default {
|
export default {
|
||||||
name: "Spu",
|
name: "Spu",
|
||||||
components: {
|
components: {
|
||||||
Editor,
|
Editor,ImageUpload
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
dbTagValues:[],
|
||||||
|
unUseTags:[],
|
||||||
|
propertyPageList:[],
|
||||||
|
isShowTagInput: false,
|
||||||
|
addTagInput: {
|
||||||
|
name: '',
|
||||||
|
selectValues: []
|
||||||
|
},
|
||||||
|
skuTags:[],
|
||||||
|
propName: {
|
||||||
|
checkStrictly: true,
|
||||||
|
label:'name',
|
||||||
|
value:'id'
|
||||||
|
},
|
||||||
|
categoryList: [],
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
loading: true,
|
loading: true,
|
||||||
// 导出遮罩层
|
// 导出遮罩层
|
||||||
@ -171,7 +261,7 @@ export default {
|
|||||||
rules: {
|
rules: {
|
||||||
sellPoint: [{required: true, message: "卖点不能为空", trigger: "blur"}],
|
sellPoint: [{required: true, message: "卖点不能为空", trigger: "blur"}],
|
||||||
description: [{required: true, message: "描述不能为空", trigger: "blur"}],
|
description: [{required: true, message: "描述不能为空", trigger: "blur"}],
|
||||||
categoryId: [{ required: true, message: "分类id不能为空", trigger: "blur" }],
|
categoryIds: [{required: true, message: "分类id不能为空", trigger: "blur"}],
|
||||||
picUrls: [{required: true, message: "商品主图地址", trigger: "blur"}],
|
picUrls: [{required: true, message: "商品主图地址", trigger: "blur"}],
|
||||||
sort: [{required: true, message: "排序字段不能为空", trigger: "blur"}],
|
sort: [{required: true, message: "排序字段不能为空", trigger: "blur"}],
|
||||||
}
|
}
|
||||||
@ -179,8 +269,44 @@ export default {
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getList();
|
this.getList();
|
||||||
|
this.getListCategory();
|
||||||
|
this.getPropertyPageList();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
addTag(){
|
||||||
|
|
||||||
|
},
|
||||||
|
hideTagInput(){
|
||||||
|
|
||||||
|
},
|
||||||
|
shopTagInput(){
|
||||||
|
|
||||||
|
},
|
||||||
|
removeTag(row){
|
||||||
|
|
||||||
|
},
|
||||||
|
handleTagClick(row){
|
||||||
|
|
||||||
|
},
|
||||||
|
/** 查询规格 */
|
||||||
|
getPropertyPageList() {
|
||||||
|
// 执行查询
|
||||||
|
getPropertyPage().then(response => {
|
||||||
|
this.propertyPageList = response.data.list;
|
||||||
|
this.unUseTags= this.propertyPageList.map(function (item,index) {
|
||||||
|
return item
|
||||||
|
})
|
||||||
|
console.log(this.propertyPageList)
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 查询分类 */
|
||||||
|
getListCategory() {
|
||||||
|
// 执行查询
|
||||||
|
listCategory().then(response => {
|
||||||
|
this.categoryList = this.handleTree(response.data, "id", "parentId");
|
||||||
|
|
||||||
|
});
|
||||||
|
},
|
||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
@ -207,12 +333,15 @@ export default {
|
|||||||
sellPoint: undefined,
|
sellPoint: undefined,
|
||||||
description: undefined,
|
description: undefined,
|
||||||
categoryId: undefined,
|
categoryId: undefined,
|
||||||
|
categoryIds: [],
|
||||||
picUrls: undefined,
|
picUrls: undefined,
|
||||||
sort: undefined,
|
sort: undefined,
|
||||||
likeCount: undefined,
|
likeCount: undefined,
|
||||||
price: undefined,
|
price: undefined,
|
||||||
quantity: undefined,
|
quantity: undefined,
|
||||||
status: undefined,
|
status: undefined,
|
||||||
|
isShowTagInput:undefined,
|
||||||
|
|
||||||
};
|
};
|
||||||
this.resetForm("form");
|
this.resetForm("form");
|
||||||
},
|
},
|
||||||
@ -245,10 +374,13 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
submitForm() {
|
submitForm() {
|
||||||
|
console.log(this.form.picUrls.split(','));
|
||||||
|
|
||||||
this.$refs["form"].validate(valid => {
|
this.$refs["form"].validate(valid => {
|
||||||
if (!valid) {
|
if (!valid) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
this.form.categoryId= this.form.categoryIds[(this.form.categoryIds.length-1)]
|
||||||
// 修改的提交
|
// 修改的提交
|
||||||
if (this.form.id != null) {
|
if (this.form.id != null) {
|
||||||
updateSpu(this.form).then(response => {
|
updateSpu(this.form).then(response => {
|
||||||
@ -274,7 +406,8 @@ export default {
|
|||||||
}).then(() => {
|
}).then(() => {
|
||||||
this.getList();
|
this.getList();
|
||||||
this.$modal.msgSuccess("删除成功");
|
this.$modal.msgSuccess("删除成功");
|
||||||
}).catch(() => {});
|
}).catch(() => {
|
||||||
|
});
|
||||||
},
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
handleExport() {
|
handleExport() {
|
||||||
@ -290,7 +423,8 @@ export default {
|
|||||||
}).then(response => {
|
}).then(response => {
|
||||||
this.$download.excel(response, '商品spu.xls');
|
this.$download.excel(response, '商品spu.xls');
|
||||||
this.exportLoading = false;
|
this.exportLoading = false;
|
||||||
}).catch(() => {});
|
}).catch(() => {
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user