Merge branch 'master' of https://gitee.com/beijing_hongye_huicheng/lilishop-ui

seller/src/views/goods/goods-seller/goodsOperationSec.vue

@@ -203,6 +203,7 @@
 
 
                                   <AutoComplete ref="input" v-model="val.value"
+                                                :disabled="containsSameSkuItem"
                                                 :filter-method="filterMethod"
                                                 :maxlength="30" placeholder="请输入规格值" style="width: 180px"
                                                 @on-focus="changeSkuVals(val, item.name)"
@@ -257,6 +258,7 @@
 
                               <FormItem v-if="item.spec_values.length < 10 && item.spec_values.length >= 1 && item.spec_values[0].value !== ''" class="sku-item-content-val flex" label="" style="line-height: 32px;">
                                 <AutoComplete ref="input" v-model="newSkuValues[$index]"
+                                              :disabled="containsSameSkuItem"
                                               :filter-method="filterMethod"
                                               :maxlength="30" placeholder="自定义规格值" style="width: 180px"
                                               @on-blur="addSpec($index, item)"
@@ -630,6 +632,10 @@ export default {
       skuTableColumn: [],
       /** 表格数据 */
       skuTableData: [],
+      // 持久化的sku数据
+      skuTableDataCopy: [],
+      // 持久化的sku数据
+      skuInfoCopy: [],
       /** 默认的规格参数 */
       skuData: [],
       /** 默认的规格值 */
@@ -671,6 +677,9 @@ export default {
       shopCategory: [],
       /** 商品单位列表 */
       goodsUnitList: [],
+      containsSameSkuItem: false,
+      containsSameSkuValue: false,
+      containsSameSkuNewValue: false,
       // 展示商品视频
       showGoodsVideo: false,
       ignoreColumn: [
@@ -729,17 +738,6 @@ export default {
         desc: "视频大小不能超过10MB",
       });
     },
-    onAddSku(index) {
-      if (!this.newSkuValues[index]) {
-        this.$Message.error('请输入规格值')
-        return
-      }
-      this.skuInfo[index].spec_values.push({
-        name: this.newSkuValues[index].name,
-        value: this.newSkuValues[index],
-        images: this.openImage ? [] : this.baseInfoForm.goodsGalleryFiles
-      })
-    },
     // 图片选择后回调
     callbackSelected(val) {
       this.picModelFlag = false;
@@ -1246,6 +1244,14 @@ export default {
     },
     /** 添加规格项 */
     addSkuItem() {
+      if (this.containsSameSkuItem) {
+        this.$Message.error("存在重复规格项！");
+        return;
+      }
+      if (this.containsSameSkuValue) {
+        this.$Message.error("存在重复规格值！");
+        return;
+      }
       if (this.skuInfo.length >= 5) {
         this.$Message.error("规格项不能大于5个！");
         return;
@@ -1269,8 +1275,10 @@ export default {
     editSkuItem(val, index, item) {
       if (this.skuTableData.find((i) => i[val])) {
         this.$Message.error("已存在相同规格项！");
+        this.containsSameSkuItem = true;
         return;
       }
+      this.containsSameSkuItem = false;
       if (this.zz(0, val) > 20) {
         this.$Message.error("规格值最多十个字符长度！");
         // val = val.toString().slice(0, 4);
@@ -1283,6 +1291,11 @@ export default {
         delete e[this.currentSkuItem];
         return e;
       });
+
+      this.skuInfo[index].name = val;
+      this.skuInfo[index].spec_values.forEach((e) => {
+        e.name = val;
+      });
       this.currentSkuItem = val;
       this.renderTableData(this.skuTableData);
     },
@@ -1322,8 +1335,13 @@ export default {
     skuValueChange(val, index, item, $index) {
       if (this.skuTableData.find((i) => i[val.name] === val.value)) {
         this.$Message.error("已存在相同规格值！");
+
+        this.skuInfo = cloneObj(this.skuInfoCopy);
+        this.skuTableData = cloneObj(this.skuTableDataCopy);
         return;
       }
+
+      this.containsSameSkuValue = false;
       if (val.value === '') {
         return;
       }
@@ -1343,6 +1361,8 @@ export default {
         return e;
       });
       this.currentSkuVal = val.value;
+      this.skuTableDataCopy = cloneObj(this.skuTableData);
+      this.skuInfoCopy = cloneObj(this.skuInfo);
       this.renderTableData(this.skuTableData);
     },
     // 获取焦点时，取得规格名对应的规格值
@@ -1366,6 +1386,12 @@ export default {
           (e) => e[spec.name] !== this.lastEditSkuValue
         );
       }
+
+      // 判断是否存在重复规格值
+      if (!this.skuTableData.find((i) => i[val.name] === val.value)) {
+        this.skuTableDataCopy = cloneObj(this.skuTableData);
+        this.skuInfoCopy = cloneObj(this.skuInfo);
+      }
     },
     /** 移除当前规格项 进行数据变化*/
     handleCloseSkuItem($index, item) {
@@ -1456,6 +1482,21 @@ export default {
         this.$Message.error("请输入规格值");
         return;
       }
+
+      if (this.containsSameSkuItem) {
+        this.$Message.error("存在重复规格项！");
+        return;
+      }
+
+      if (item.spec_values.find((i) => i.value === this.newSkuValues[$index])) {
+        this.newSkuValues[$index] = "";
+        this.skuInfo = cloneObj(this.skuInfoCopy);
+        this.skuTableData = cloneObj(this.skuTableDataCopy);
+        this.$Message.error("存在重复规格值！");
+        this.containsSameSkuNewValue = true;
+        return;
+      }
+
       if (this.validateEmpty(item.spec_values)) {
         if (item.spec_values.length >= 10) {
           this.$Message.error("规格值不能大于10个！");
@@ -1514,6 +1555,9 @@ export default {
         }
         this.baseInfoForm.regeneratorSkuFlag = true;
         this.newSkuValues[$index] = "";
+
+        this.skuTableDataCopy = cloneObj(this.skuTableData);
+        this.skuInfoCopy = cloneObj(this.skuInfo);
       }
     },
     handleClearSku() {
@@ -1780,6 +1824,14 @@ export default {
     },
     /**  添加商品 **/
     save() {
+      if (this.containsSameSkuItem) {
+        this.$Message.error("存在重复规格项！");
+        return;
+      }
+      if (this.containsSameSkuValue) {
+        this.$Message.error("存在重复规格值！");
+        return;
+      }
       this.submitLoading = true;
       this.$refs["baseInfoForm"].validate((valid) => {
         if (valid) {