feat: 添加可选商品修改

src/views/product/indexconfig/addgoods.vue

@@ -88,7 +88,7 @@
               </el-table-column>
               <el-table-column width="150">
                 <template #header>
-                  <el-button type="primary" @click="addgoods">添加商品</el-button>
+                  <el-button type="primary" @click="addgoods(-1)">添加商品</el-button>
                 </template>
                 <template v-slot="scope">
                   <el-button type="text" :disabled="scope.row.type != 'sku'"
@@ -112,7 +112,7 @@
                   <el-button @click="ruleForm.proGroupVo.splice(index, 1)">删除</el-button>
                 </el-form-item>
               </el-form>
-              <div>
+              <div style="margin-top: 20px;">
                 <el-table border :data="item.goods">
                   <el-table-column label="名称" prop="proName"></el-table-column>
                   <el-table-column label="规格" prop="skuName"></el-table-column>
@@ -124,8 +124,7 @@
                   </el-table-column>
                   <el-table-column width="150">
                     <template #header>
-                      <!-- <el-button type="primary"
-                        @click="$refs.shopListRef.show([...form.proGroupVo[index].goods]); addGroupIndex = index">添加商品</el-button> -->
+                      <el-button type="primary" @click="addgoods(index);">添加商品</el-button>
                     </template>
                     <template v-slot="scope">
                       <el-button type="text" :disabled="scope.row.type != 'sku'"
@@ -311,7 +310,8 @@ let datas = reactive<datasForm>({
   selectSkuTableIndex: 0,
   selectSkuConfirmIndex: 0,
   showSelectSku: false,
-  selectSkuItem: {}
+  selectSkuItem: {},
+  addGroupIndex: -1
 })
 let shopListRef = ref(null)
 interface datasForm {
@@ -325,7 +325,8 @@ interface datasForm {
   selectSkuTableIndex: any,
   selectSkuConfirmIndex: number,
   showSelectSku: boolean,
-  selectSkuItem: any
+  selectSkuItem: any,
+  addGroupIndex: any
 }
 interface RuleForm {
   name: string,
@@ -483,7 +484,8 @@ function showSelectSkuHandle(row: any, index: any, tabIndex: any) {
   datas.selectSkuItem = obj
 }
 // 添加商品
-function addgoods() {
+function addgoods(index: number = -1) {
+  datas.addGroupIndex = index;
   (shopListRef.value as any)?.opens()
 }
 // 分组选择商品
@@ -507,19 +509,20 @@ function selectShopRes(res: Array<any>) {
     }
     ruleForm.proGroupVo = [{ ...obj }]
   } else {
-    // if (this.addGroupIndex !== false) {
-    //   this.form.proGroupVo[this.addGroupIndex].count = newres.length
-    //   this.form.proGroupVo[this.addGroupIndex].goods = newres
-    // } else {
-    let arr = [...ruleForm.proGroupVo]
-    arr.push({
-      title: '',
-      count: newres.length,
-      number: '',
-      goods: newres
-    })
-    ruleForm.proGroupVo = [...arr]
-    // }
+    if (datas.addGroupIndex != -1) {
+      console.log(newres, 'newres')
+      ruleForm.proGroupVo[datas.addGroupIndex].count = newres.length
+      ruleForm.proGroupVo[datas.addGroupIndex].goods = newres
+    } else {
+      let arr = [...ruleForm.proGroupVo]
+      arr.push({
+        title: '',
+        count: newres.length,
+        number: '',
+        goods: newres
+      })
+      ruleForm.proGroupVo = [...arr]
+    }
   }
 }
 // 获取单位、分类数据
@@ -548,6 +551,7 @@ function createSkuHeader() {
 }
 // 可选套餐弹窗
 function addtaocan() {
+  datas.addGroupIndex = -1;
   (shopListRef.value as any)?.opens()
 }
 // 生成多规格表体
@@ -639,6 +643,7 @@ function cartesian(arr: any[]) {
 function typeChange() {
   // ruleForm.typeEnum = 'normal'
   if (ruleForm.groupType == '0') {
+    ruleForm.proGroupVo = []
     ruleForm.proGroupVo[0] = {
       title: '',
       count: '',