哦

src/views/product/info/index.vue

@@ -211,6 +211,7 @@
           </el-row>
         </div>
         <div v-show="stepNumber === 1">
+          {{this.categoryOptionValue}}
           <el-form-item label="品类" prop="type">
             <el-cascader
               style="width: 100%"
@@ -231,7 +232,7 @@
                     <div style="height: 200px; width: 100%;">
                       <el-form ref="templateAttributeGroupForm" label-width="80px">
                         <el-form-item :label="attribute.name" v-for="attribute in templateAttributeGroup.attributeList">
-                          <el-input v-model="attribute.value"></el-input>
+                          <el-input v-model="attribute.value" :key="attribute.id"></el-input>
                         </el-form-item>
                       </el-form>
                     </div>
@@ -332,6 +333,7 @@
               <el-button type="primary" @click="oneSetting">一键设置</el-button>
             </el-form-item>
           </el-form>
+          {{skuList}}
           <el-table
             :data="skuList"
             border
@@ -458,6 +460,7 @@ export default {
         templateAttributeList: [],
         attributeList: []
       },
+      respData: [],
       templateTitleList: [
         {
           "label":"规格图片",
@@ -477,7 +480,10 @@ export default {
         "image": null,
         "stock": null,
         "price": null
-      }
+      },
+      fifObj: [],
+      respSkuList: [],
+
     };
   },
   watch: {
@@ -498,15 +504,62 @@ export default {
       handler(value) {
         console.log(value)
         if (value != null){
-          getTemplateAttribute(value).then(response => {
+          getTemplateAttribute(value).then(res => {
-            const {data} = response;
+            this.categoryCommonElement.templateAttributeGroupList = res.data.templateAttributeGroupList;
-            const {templateAttributeGroupList,templateAttributeList,attributeList} = data;
+            this.categoryCommonElement.templateAttributeList = res.data.templateAttributeList;
-            this.categoryCommonElement.templateAttributeGroupList = templateAttributeGroupList;
+            this.categoryCommonElement.attributeList = res.data.attributeList;
-            this.categoryCommonElement.templateAttributeList = templateAttributeList;
+            console.log(this.respData)
-            this.categoryCommonElement.attributeList = attributeList;
+            if (this.respData!= null && this.respData != [] && this.respData != undefined && this.respData.length>0){
+
+              this.categoryCommonElement.templateAttributeGroupList.forEach(template =>{
+                template.attributeList.forEach(te => {
+                  this.respData.forEach(
+                    asPro => {
+                      if (te.id === asPro.attributeId){
+                        this.$set(te, 'value', asPro.value)
+                        this.fifObj.push(asPro)
+                      }
+                    }
+                  )
+                })
+              })
+              // console.log("onj",this.parentObj)
+              // this.bigParentObj.push(this.parentObj)
+              // console.log("big",this.bigParentObj)
+              // console.log("big",this.bigParentObj)
+              // this.categoryCommonElement.templateAttributeGroupList = []
+              // this.categoryCommonElement.templateAttributeGroupList.push(this.bigParentObj)
+              console.log("categoryCommonElement",this.categoryCommonElement)
+              this.categoryCommonElement.templateAttributeList.forEach(
+                tem => {
+                  this.respData.forEach(
+                    asPro => {
+                      if (tem.id === asPro.attributeId){
+                        this.$set(tem, 'value', asPro.value);
+                        this.fifObj.push(asPro)
+                      }
+                    }
+                  )
+                }
+              )
+              this.attributeCheckedList = []
+              this.respData.forEach(asPro => {
+                if (!this.fifObj.includes(asPro)){
+                  this.attributeCheckedList.push(asPro)
+                }
+              })
+              this.attributeIdCheckedList = []
+              this.categoryCommonElement.attributeList.forEach(attr => {
+                this.attributeCheckedList.forEach(attri => {
+                  if (attr.id == attri.attributeId){
+                    attri.name = attr.name
+                    this.attributeIdCheckedList.push(attr.id)
+                  }
+                })
+              })
+            }
           })
         }
-
       }
     }
   },
@@ -523,6 +576,7 @@ export default {
     },
     changeRule(ruleId){
       this.titleList = []
+      console.log("list",this.ruleList)
       let ruleInfo = this.ruleList.find(ruleInfo => ruleInfo.id === ruleId);
       const {ruleAttrList} = ruleInfo;
       let skuTotal = 1;
@@ -568,6 +622,13 @@ export default {
           })
         }
       }
+      if (this.respSkuList != null && this.respSkuList != [] && this.respSkuList.length>0){
+        for (let i = 0; i < this.respSkuList.length; i++) {
+          this.skuList[i].stock = this.respSkuList[i].stock
+          this.skuList[i].price = this.respSkuList[i].price
+          this.skuList[i].image = this.respSkuList[i].image
+        }
+      }
     },
     saveCustomAttribute(){
       addAttribute({"code": this.customAttributeForm.code, "name": this.customAttributeForm.name}).then(response => {
@@ -715,11 +776,155 @@ export default {
       this.reset();
       const id = row.id || this.ids
       getInfo(id).then(response => {
-        this.form = response.data;
+          // this.form = response.data;
-        this.open = true;
+        console.log("response",response)
-        this.title = "修改商品信息";
+
-      });
+          this.form = response.data.projectInfo
+          // this.categoryOptionValue[0] = response.data.projectInfo.mianType
+          // this.categoryOptionValue[1] = response.data.projectInfo.parentType
+          // this.categoryOptionValue[2] = response.data.projectInfo.type
+
+          // this.form.mianType = response.data.projectInfo.mianType;
+          // this.form.parentType = response.data.projectInfo.parentType;
+          // this.form.type = response.data.projectInfo.type;
+        this.respData = response.data.asProductAttributeInfoList
+        this.respSkuList = response.data.projectSkuInfoList
+
+        this.categoryOptionValue = [
+          Number(response.data.projectInfo.mianType),
+          Number(response.data.projectInfo.parentType),
+          Number(response.data.projectInfo.type)
+        ];
+
+        // getTemplateAttribute(response.data.projectInfo.type).then(res => {
+        //   console.log("res",res)
+        //   this.categoryCommonElement.templateAttributeGroupList = res.data.templateAttributeGroupList;
+        //   this.categoryCommonElement.templateAttributeList = res.data.templateAttributeList;
+        //   this.categoryCommonElement.attributeList = res.data.attributeList;
+        //   console.log("qian",this.categoryCommonElement)
+        //   this.categoryCommonElement.templateAttributeGroupList.forEach(template =>{
+        //     console.log("template",template)
+        //     template.attributeList.forEach(te => {
+        //       this.respData.forEach(
+        //         asPro => {
+        //           if (te.id === asPro.attributeId){
+        //             this.parentObj.push(asPro)
+        //           }
+        //         }
+        //       )
+        //       te.attributeList = this.parentObj
+        //       this.bigParentObj = te
+        //     })
+        //   })
+        //   // console.log("onj",this.parentObj)
+        //   // this.bigParentObj.push(this.parentObj)
+        //   // console.log("big",this.bigParentObj)
+        //   console.log("big",this.bigParentObj)
+        //   this.categoryCommonElement.templateAttributeGroupList = []
+        //   this.categoryCommonElement.templateAttributeGroupList.push(this.bigParentObj)
+        //   console.log("categoryCommonElement",this.categoryCommonElement)
+        //   this.categoryCommonElement.templateAttributeList.forEach(
+        //     tem => {
+        //       this.respData.forEach(
+        //         asPro => {
+        //           if (tem.id = asPro.attributeId){
+        //             tem.value = asPro.value
+        //           }
+        //         }
+        //       )
+        //     }
+        //   )
+        //   this.respData.forEach(asPro => {
+        //
+        //   })
+        // })
+
+
+
+        // this.categoryCommonElement.templateAttributeGroupList.forEach(template =>{
+        //   template.attributeList.forEach(te => {
+        //     this.respData.forEach(
+        //       asPro => {
+        //         console.log(asPro)
+        //         console.log(te)
+        //         if (te.attributeId === asPro.attributeId){
+        //           te.value = asPro.value
+        //         }
+        //       }
+        //     )
+        //   })
+        // })
+        //   console.log("天下无敌")
+        //   console.log(response)
+          this.open = true;
+          this.title = "修改商品信息";
+          console.log("id",response.data.projectInfo.ruleId)
+          this.changeRule(response.data.projectInfo.ruleId)
+        });
+
     },
+    // handleUpdate(row) {
+    //   this.open =true
+    //   this.reset();
+    //
+    //   const id = row.id || this.ids;
+    //   getInfo(id).then(response => {
+    //     this.updateForm(response.data);
+    //     this.getTemplateAttributes(response.data.projectInfo.type);
+    //   });
+    // },
+    //
+    // updateForm(data) {
+    //   this.form = data.projectInfo;
+    //   this.respData = data.asProductAttributeInfoList;
+    //   this.categoryOptionValue = [
+    //     data.projectInfo.mianType,
+    //     data.projectInfo.parentType,
+    //     data.projectInfo.type
+    //   ];
+    // },
+    //
+    // getTemplateAttributes(type) {
+    //   getTemplateAttribute(type).then(res => {
+    //     this.updateCategoryCommonElement(res.data);
+    //   });
+    // },
+    //
+    // updateCategoryCommonElement(data) {
+    //   this.categoryCommonElement.templateAttributeGroupList = data.templateAttributeGroupList;
+    //   this.categoryCommonElement.templateAttributeList = data.templateAttributeList;
+    //   this.categoryCommonElement.attributeList = data.attributeList;
+    //
+    //   this.updateAttributeList();
+    // },
+    //
+    // updateAttributeList() {
+    //   this.categoryCommonElement.templateAttributeGroupList.forEach(template => {
+    //     template.attributeList.map(te => {
+    //        let attributeList = this.getAttributeList(te.id);
+    //        // console.log("attr",attributeList)
+    //       te.value = this.getAttributeList(te.id).value;
+    //       this.bigParentObj = te;
+    //     });
+    //   });
+    //
+    //
+    // },
+    //
+    // getAttributeList(id) {
+    //   let attributeList = {};
+    //   this.respData.forEach(asPro => {
+    //     if (id === asPro.attributeId) {
+    //       attributeList = asPro
+    //     }
+    //   });
+    //   return attributeList;
+    // },
+    //
+    // clearTemplateAttributeGroupList() {
+    //   console.log("偶极矩",this.categoryCommonElement.templateAttributeGroupList)
+    //   this.categoryCommonElement.templateAttributeGroupList = [];
+    // },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {
@@ -757,6 +962,9 @@ export default {
             productSkuList: productSkuList
           };
           console.log(productAddReq)
+          if (productAddReq.projectAddModel.id != undefined && productAddReq.projectAddModel.id != null){
+            productAddReq.id = productAddReq.projectAddModel.id
+          }
           if (this.form.id != null) {
             updateInfo(productAddReq).then(response => {
               this.$modal.msgSuccess("修改成功");