商品上下线问题修改

src/views/goodStore/goodsCost/index.vue

@@ -360,6 +360,7 @@
       >
         <el-form-item label="下线原因" prop="offline_reason">
           <el-select
+          style="width:100%"
             v-model="donline_form.offline_reason"
             placeholder="请选择下线原因"
           >
@@ -878,6 +879,11 @@ export default {
     //点击下线
     async showDonlineDlg(spuCode) {
       this.dialogFormVisible = true;
+      this.donline_form = {
+        offline_reason: "",
+        offline_remark: "",
+        skuCode: "",
+      };
       this.donline_form.spuCode = spuCode;
       // this.donlineDlg(spuCode)
     },
@@ -903,13 +909,7 @@ export default {
         center: true,
       })
         .then(async () => {
-          await this.$confirm(`确定要下线商品？`, {
-            confirmButtonText: "确定",
-            cancelButtonText: "取消",
-            type: "warning",
-          })
-            .then(async () => {
-              this.loading = true;
+          this.loading = true;
               const model = this.donline_form;
               const res = await asyncRequest.goodupoffline(model);
               if (res && res.code === 0) {
@@ -925,15 +925,7 @@ export default {
                 this.loading = false;
                 this.$message.warning(res.message);
               }
-              this.donline_form = {
-                offline_reason: "",
-                offline_remark: "",
-                skuCode: "",
-              };
-            })
-            .catch(() => {
-              console.log("取消1");
-            });
+              
         })
         .catch(async () => {
           console.log("取消");

src/views/goodStore/goodsOffline/columns.js

@@ -11,11 +11,11 @@ const columns = [
     //   fixed: "left",
     //   _noset_: true
     // },
-    {
-      prop: "id",
-      label: "ID",
-      minWidth: "155px",
-    },
+    // {
+    //   prop: "id",
+    //   label: "ID",
+    //   minWidth: "155px",
+    // },
     {
       prop: "spuCode",
       label: "spuCode",
@@ -24,7 +24,7 @@ const columns = [
     {
       prop: "good_name",
       label: "下线商品名称",
-      minWidth: "155px",
+      minWidth: "215px",
     },
   
     {
@@ -55,11 +55,7 @@ const columns = [
       label: "spuCode",
       span: 12
     },
-    {
-      prop: "skuCodes",
-      label: "skuCode",
-      span: 12
-    },
+    
     {
       prop: "good_name",
       label: "商品名称",
@@ -74,20 +70,26 @@ const columns = [
     },
     
     {
-      prop: "result_desc",
+      prop: "result",
       label: "下线原因",
       span: 6
     },
     {
       prop: "addtime",
       label: "下线时间",
-      span: 24
+      span: 12
     },
     {
       prop: "offline_remark",
       label: "下线备注",
       span: 24
     },
+    {
+      prop: "children_list",
+      label: "下线商品信息",
+      span: 24,
+      _slot_:"children_list"
+    },
   ]
 
   export {

src/views/goodStore/goodsOffline/detail.vue

@@ -8,7 +8,35 @@
                 v-if="newTime !== ''"
                 :sitem="list"
                 :columns="costArr"
+                
               >
+              <template slot="children_list">
+                <el-table
+                  :data="list.children_list"
+                  style="width: 100%">
+                  <el-table-column
+                    prop="skuCode"
+                    label="skuCode"
+                    min-width="140">
+                  </el-table-column>
+                  <el-table-column
+                    prop="platform_name"
+                    label="平台名称"
+                    min-width="140">
+                  </el-table-column>
+
+                  <el-table-column
+                    prop="purchease"
+                    label="采购人"
+                    min-width="90">
+                  </el-table-column>
+                  <el-table-column
+                    prop="creater"
+                    label="创建人"
+                    min-width="90">
+                  </el-table-column>
+                </el-table>
+              </template>
               </show-data-table>
     </el-tab-pane>
   </el-tabs>

src/views/goodStore/goodsOnline/index.vue

@@ -293,8 +293,9 @@
         class="demo-ruleForm"
         label-width="80px"
       >
-        <el-form-item label="下线原因" prop="offline_reason">
+        <el-form-item label="下线原因" prop="offline_reason" >
           <el-select
+          style="width:100%"
             v-model="donline_form.offline_reason"
             placeholder="请选择下线原因"
           >
@@ -772,6 +773,11 @@ export default {
     //点击下线
     async showDonlineDlg(skuCode) {
       this.dialogFormVisible = true;
+      this.donline_form = {
+        offline_reason: "",
+        offline_remark: "",
+        skuCode: "",
+      };
       this.donline_form.skuCode = skuCode;
       // this.donlineDlg(skuCode)
     },
@@ -821,11 +827,7 @@ export default {
             this.loading = false;
             this.$message.warning(res.message);
           }
-          this.donline_form = {
-            offline_reason: "",
-            offline_remark: "",
-            skuCode: "",
-          };
+
         })
         .catch(() => {
           console.log("取消");