商品属性改为商品成本

src/views/goodStore/goodsCost/components/goodPreview.vue

@@ -19,7 +19,7 @@
             </el-tooltip>
             {{ sitem.companyName }}</el-col
           >
-          <el-col :span="12" class="t2"
+          <el-col :span="15" class="t2"
             >供应商名称：
             <el-tooltip
               class="item"
@@ -31,7 +31,7 @@
             </el-tooltip>
             {{ sitem.supplierName }}</el-col
           >
-          <el-col :span="12" class="t2">成本编号：{{ sitem.spuCode }}</el-col>
+          <el-col :span="9" class="t2">成本编号：{{ sitem.spuCode }}</el-col>
         </el-row>
         <el-row>
           <el-col :span="24" style="padding: 5px 0">
@@ -110,6 +110,8 @@ export default {
     this.img_list = [];
     if (typeof this.sitem.good_info_img === "string") {
       this.img_list = (this.sitem.good_info_img || "").split(",");
+    } else {
+      this.img_list = this.sitem.good_info_img;
     }
 
     this.img_list = this.img_list.map(

src/views/goodStore/goodsCost/detail.vue

@@ -97,9 +97,8 @@
                   <template slot="good_info_img">
                     <div style="max-height: 24px; overflow: hidden">
                       <el-image
-                        v-for="imgSrc in sitem.good_info_img
-                          ? sitem.good_info_img.split(',')
-                          : []"
+                        v-for="(imgSrc, index) in sitem.good_info_img"
+                        :key="imgSrc + index"
                         style="height: 24px; width: 24px; margin-right: 5px"
                         :src="imgSrc"
                         :preview-src-list="[imgSrc]"
@@ -327,7 +326,7 @@ import baseFormNormal from "./components/baseFormNormal";
 import goodPreview from "./components/goodPreview";
 import resToken from "@/mixins/resToken";
 import { mapGetters } from "vuex";
-
+import { isArray } from "@/utils/validate";
 import {
   packingColumns,
   ladderColumns,
@@ -498,6 +497,9 @@ export default {
       this.loading = false;
       if (code === 0) {
         this.sitem = JSON.parse(JSON.stringify(data));
+        if (!isArray(this.sitem.good_info_img)) {
+          this.sitem.good_info_img = this.sitem.good_info_img.split(",");
+        }
         const { status } = this.sitem;
         this.status = status;
         this.getNewTime();

src/views/goodStore/goodsOnline/components/goodPreview.vue

@@ -7,7 +7,7 @@
       <div class="parameter">
         <el-row>
           <el-col :span="24" class="good_name">{{ sitem.good_name }}</el-col>
-          <el-col :span="12" class="t2"
+          <el-col :span="15" class="t2"
             >平台名称：
             <el-tooltip
               class="item"
@@ -18,8 +18,8 @@
               <el-icon class="el-icon-warning-outline" /> </el-tooltip
             >{{ sitem.platform_name }}</el-col
           >
-          <el-col :span="12" class="t2">平台商品编号：{{ sitem.plat_code }}</el-col>
-          <el-col :span="12" class="t2"
+          <el-col :span="9" class="t2">平台商品编号：{{ sitem.plat_code }}</el-col>
+          <el-col :span="15" class="t2"
             >业务公司：
             <el-tooltip
               class="item"
@@ -31,8 +31,8 @@
             </el-tooltip>
             {{ sitem.companyName }}</el-col
           >
-          <el-col :span="12" class="t2">上线商品编号：{{ sitem.skuCode }}</el-col>
-          <el-col :span="12" class="t2"
+          <el-col :span="9" class="t2">上线商品编号：{{ sitem.skuCode }}</el-col>
+          <el-col :span="15" class="t2"
             >供应商名称：
             <el-tooltip
               class="item"
@@ -44,7 +44,7 @@
             </el-tooltip>
             {{ sitem.supplierName }}</el-col
           >
-          <el-col :span="12" class="t2">成本商品编号：{{ sitem.spuCode }}</el-col>
+          <el-col :span="9" class="t2">成本商品编号：{{ sitem.spuCode }}</el-col>
         </el-row>
         <el-row>
           <el-col :span="24" style="padding: 5px 0">