update:图片回显问题处理

src/pages/Activity/releaseProduc/components/addProduc.vue

@@ -353,7 +353,11 @@ export default {
       const res = await markGoodsInfo(params);
       this.commodityForm = res.result.goods_info;
       this.commodityForm.business1 = res.result.goods_info.ota_id;
-      this.commodityForm.picUrlList = res.result.goods_info.desc_pic_url_list;
+      for (var i in res.result.goods_info.desc_pic_url_list) {
+        this.commodityForm.picUrlList.push({
+          url: res.result.goods_info.desc_pic_url_list[i],
+        });
+      }
     },
 
     // 编辑商品详情
@@ -365,7 +369,7 @@ export default {
         inventory_add: this.commodityForm.inventory_total,
         original_price: this.commodityForm.original_price,
         price: this.commodityForm.price,
-        marketing_name:this.editInfo.title,
+        marketing_name: this.editInfo.title,
         marketing_type: "4",
         ota_id: this.commodityForm.business1,
         op_cur_user: store.state.userInfo.email,
@@ -407,7 +411,7 @@ export default {
     // 添加商品
     async addGoodsMet() {
       const res = await addGoods({
-        marketing_name:this.editInfo.title,
+        marketing_name: this.editInfo.title,
         goods_name: this.commodityForm.goods_name,
         desc_pic_url: this.picUploadList.join(","),
         desc: "",
@@ -423,7 +427,8 @@ export default {
           message: "添加商品成功",
           type: "success",
         });
-        this.comTableData = [res.result.goods_info, ...this.multipleSelection];
+        // [res.result.goods_info, ...this.multipleSelection];
+        this.comTableData.push(res.result.goods_info);
         this.addCommodityPopup = false;
       } else {
         ElMessage.error(res.reason);

src/pages/Activity/releaseProduc/components/infoEditing.vue

@@ -48,16 +48,17 @@
 import { GOODS_URI } from "../../../../../server/config";
 import { marketingInfo } from "../../../../service/Activity/index";
 export default {
+  props: ["editInfo"],
   data() {
     return {
       infoEditForm: {
         title: "", // 标题
         desc: "", // 介绍
         picUploadList: [], // 上传详情图片列表
+        picUrlList: [], // 图片回显列表
       },
 
       isShowPopver: false, // 是否展示图片框
-      picUrlList: [], // 图片回显列表
       uploadUrl: `${GOODS_URI}/ksy/ks3apiunencrypt/ks3api_upload`, // 金山云上传地址
     };
   },
@@ -70,7 +71,6 @@ export default {
 
     // 图片上传成功时
     handleDetailSuccess(res) {
-      console.log(res);
       this.infoEditForm.picUploadList.push(res.result.image_id);
     },
 
@@ -95,11 +95,14 @@ export default {
       const res = await marketingInfo(params);
       this.infoEditForm.title = res.result.marketing_info.marketing_name;
       this.infoEditForm.desc = res.result.marketing_info.pindan_desc;
-      this.infoEditForm.picUploadList = res.result.marketing_info.pindan_pic_url;
+      for(var i in res.result.marketing_info.pindan_pic_url){
+        this.infoEditForm.picUrlList.push({url:res.result.marketing_info.pindan_pic_url[i]})
+      }
     },
   },
   created() {
     this.marketingInfoMet();
+    console.log(this.editInfo);
   },
 };
 </script>

src/pages/Activity/releaseProduc/index.vue

@@ -13,7 +13,7 @@
       <el-step title="拼单设置"></el-step>
     </el-steps>
     <div class="content">
-      <infoEditing ref="infoEdit" v-if="active === 1" />
+      <infoEditing ref="infoEdit" v-if="active === 1" :editInfo="infoEditArr"/>
       <addProduc
         ref="addProduc"
         v-else-if="active === 2"
@@ -104,8 +104,9 @@ export default {
     //     marketing_id: marketingId,
     //     marketing_type: "4",
     //   };
-    //   const res = await marketingInfo(params);
-    //   this.infoEditArr = res.result.marketing_info;
+    //     const res = await marketingInfo(params);
+    //     console.log(res);
+    //     this.infoEditArr = res.result.marketing_info;
     // },
 
     // 取消