细节

src/views/dataCenter/goods/Index.vue

@@ -346,7 +346,7 @@
         <a @click="handleDelete([item.goods_id])">删除</a>
       </div>
     </s-table>
-    <Update ref="UpdateRef" />
+    <Update ref="UpdateRef" @refresh="refreshParentMethod" />
   </a-card>
 </template>
 <script>
@@ -364,26 +364,26 @@ Vue.use(DatePicker)
 const columns = [
   {
     title: '商品ID',
-    width: '100px',
+    width: '90px',
     dataIndex: 'goods_id',
     sorter: true,
   },
   {
     title: '商品',
     dataIndex: 'goods_name',
-    width: '320px',
+    width: '300px',
     scopedSlots: { customRender: 'goods_name' },
   },
   {
     title: '成本价',
-    width: '120px',
+    width: '100px',
     dataIndex: 'cost_price_min',
     scopedSlots: { customRender: 'cost_price_min' },
     sorter: true,
   },
   {
     title: '前台价',
-    width: '100px',
+    width: '95px',
     dataIndex: 'goods_price_min',
     scopedSlots: { customRender: 'goods_price_min' },
     sorter: true,
@@ -396,7 +396,7 @@ const columns = [
   },
   {
     title: '利润率',
-    width: '110px',
+    width: '95px',
     dataIndex: 'profit_rate',
     sorter: true,
     scopedSlots: { customRender: 'profit_rate' },
@@ -416,14 +416,14 @@ const columns = [
   },
   {
     title: '商品池',
-    width: '100px',
+    width: '95px',
     dataIndex: 'is_pool',
     sorter: true,
     scopedSlots: { customRender: 'is_pool' },
   },
   {
     title: '状态',
-    width: '60px',
+    width: '50px',
     dataIndex: 'is_sale',
     scopedSlots: { customRender: 'is_sale' },
   },
@@ -433,6 +433,12 @@ const columns = [
     dataIndex: 'create_time',
     sorter: true,
   },
+  {
+    title: '最后更新时间',
+    width: '150px',
+    dataIndex: 'update_time',
+    sorter: true,
+  },
   {
     title: '操作',
     dataIndex: 'action',
@@ -733,6 +739,9 @@ export default {
         this.rate = ''
       }
     },
+    refreshParentMethod() {
+      this.handleRefresh(true)
+    },
     // 编辑记录
     async handleEdit(id) {
       // 显示对话框
@@ -1033,7 +1042,6 @@ export default {
 }
 </style>
 <style lang="less" scoped>
-
 /deep/.ant-card-body {
   padding: 22px 18px;
 }
@@ -1055,6 +1063,10 @@ export default {
 /deep/.el-picker-panel__sidebar {
   width: 85px;
 }
+.ant-table .actions a {
+  padding: 20px 4px;
+  margin: 0;
+}
 // 筛选tab
 .tab-list {
   margin-right: 20px;

src/views/dataCenter/goods/modules/Update.vue

@@ -170,7 +170,12 @@
                   />
                   <span class="ml-10">元</span>
                 </a-form-item>
-                <a-form-item label="成本价" :labelCol="labelCol" :wrapperCol="wrapperCol" extra="成本价仅用于商品页展示">
+                <a-form-item
+                  label="成本价"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  extra="成本价仅用于商品页展示"
+                >
                   <a-input-number :min="0" :precision="2" v-decorator="['cost_price']" />
                   <span class="ml-10">元</span>
                 </a-form-item>
@@ -206,7 +211,6 @@
                   <span class="ml-10">千克 (Kg)</span>
                 </a-form-item>
               </div>
-
             </div>
             <!-- 商品详情 -->
             <div class="tab-pane" v-show="tabKey == 2">
@@ -276,10 +280,7 @@
                           <span>{{ province.name }}</span>
                           <template v-if="province.citys.length">
                             <span>(</span>
-                            <span
-                              class="city-name"
-                              v-for="(city, cidx) in province.citys"
-                              :key="cidx"
+                            <span class="city-name" v-for="(city, cidx) in province.citys" :key="cidx"
                               >{{ city.name }}{{ province.citys.length > cidx + 1 ? '、' : '' }}</span
                             >
                             <span>)</span>
@@ -293,7 +294,9 @@
                       </p>
                     </template>
                   </a-table>
-                  <a-button icon="environment" v-if="ruleList.length == 0" @click="handleAdd">点击添加销售区域</a-button>
+                  <a-button icon="environment" v-if="ruleList.length == 0" @click="handleAdd"
+                    >点击添加销售区域</a-button
+                  >
                 </a-form-item>
               </div>
 
@@ -439,7 +442,7 @@ import Region from '@/common/model/Region'
 const defaultItem = {
   key: 0,
   region: [],
-  region_text: []
+  region_text: [],
 }
 export default {
   name: 'Update',
@@ -451,7 +454,7 @@ export default {
     InputNumberGroup,
     MultiSpec,
     AreasModal,
-    Region
+    Region,
   },
   data() {
     return {
@@ -484,11 +487,11 @@ export default {
           title: '销售区域',
           dataIndex: 'region_text',
           width: '400px',
-          scopedSlots: { customRender: 'region_text' }
-        }
+          scopedSlots: { customRender: 'region_text' },
+        },
       ],
       // 城市总数
-      citysCount: null
+      citysCount: null,
     }
   },
 
@@ -499,6 +502,7 @@ export default {
   methods: {
     showEdit(goodsId) {
       // 记录商品ID
+      this.visible = true
       this.goodsId = goodsId
       this.initData()
       this.getDataList()
@@ -506,7 +510,6 @@ export default {
       Region.getCitysCount().then((count) => {
         this.citysCount = count
       })
-    this.visible = true
     },
     // 关闭对话框事件
     handleCancel() {
@@ -585,7 +588,7 @@ export default {
       // 表单验证
       const {
         form: { validateFields },
-        ruleList
+        ruleList,
       } = this
       validateFields((errors, values) => {
         // 定位到错误的tab选项卡
@@ -609,7 +612,6 @@ export default {
         // 提交到后端api
         values.rules = ruleList
         this.onFormSubmit(values)
-        this.handleCancel()
         return true
       })
     },
@@ -628,11 +630,11 @@ export default {
           'is_ind_delivery_type',
           'delivery_type',
           'is_brand',
-          'is_in_store'
+          'is_in_store',
         ],
         ['spec_type', 'goods_price', 'is_restrict', 'restrict_total', 'restrict_single', 'cost_price'],
         ['content'],
-        ['alone_grade_equity', 'first_money', 'second_money', 'third_money']
+        ['alone_grade_equity', 'first_money', 'second_money', 'third_money'],
       ]
       const field = Object.keys(errors).shift()
       for (const key in tabsFieldsMap) {
@@ -651,10 +653,10 @@ export default {
         .then((result) => {
           // 显示提示信息
           this.$message.success(result.message, 1.5)
-          // // 跳转到列表页
-          // setTimeout(() => {
-          //   this.$router.push('./index')
-          // }, 1500)
+          this.$emit('refresh')
+          setTimeout(() => {
+            this.handleCancel()
+          }, 500)
         })
         .catch(() => {
           this.isBtnLoading = false
@@ -687,7 +689,7 @@ export default {
     // 选择地区后的回调
     handleAreaSubmit(result) {
       const {
-        custom: { scene, item }
+        custom: { scene, item },
       } = result
       item.region = result.selectedCityIds
       item.region_text = result.selectedText
@@ -721,10 +723,10 @@ export default {
         onOk() {
           app.ruleList.splice(index, 1)
           modal.destroy()
-        }
+        },
       })
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="less" scoped>