perf[litemall-admin]: 管理后台的商品列表页面调整

litemall-admin/src/views/goods/list.vue

@@ -36,15 +36,9 @@
             <el-form-item label="品牌商ID">
               <span>{{ props.row.brandId }}</span>
             </el-form-item>
-            <el-form-item label="商品详细介绍">
-              <div v-html="props.row.desc"></div>
-            </el-form-item>         
           </el-form>          
         </template>
       </el-table-column>
-
-      <el-table-column align="center" label="商品ID" prop="id">
-      </el-table-column>
       
       <el-table-column align="center" label="商品编号" prop="goodsSn">
       </el-table-column>
@@ -58,6 +52,15 @@
         </template>
       </el-table-column>
 
+      <el-table-column align="center" label="详情" prop="desc">
+        <template slot-scope="scope">
+          <el-dialog title="商品详情" :visible.sync="descDialogVisible">
+            <div v-html="descDetail"></div>
+          </el-dialog>
+          <el-button type="primary" size="mini" @click="showDesc(scope.row.desc)">查看</el-button>
+        </template>
+      </el-table-column>
+
       <el-table-column align="center" label="专柜价格" prop="counterPrice">
       </el-table-column>
 
@@ -142,23 +145,8 @@ export default {
         sort: 'add_time',
         order: 'desc'
       },
-      dataForm: {
-        id: undefined,
-        goodsSn: undefined,
-        name: undefined,
-        counterPrice: undefined,
-        retailPrice: undefined,
-        isHot: false,
-        isNew: true,
-        isOnSale: true,
-        picUrl: undefined,
-        brief: undefined,
-        desc: undefined,
-        keywords: undefined,
-        gallery: [],
-        categoryId: undefined,
-        brandId: undefined
-      },
+      descDetail: '',
+      descDialogVisible: false,
       downloadLoading: false
     }
   },
@@ -196,6 +184,10 @@ export default {
     handleUpdate(row) {
       this.$router.push({ path: '/goods/edit', query: { id: row.id }})
     },
+    showDesc(desc) {
+      this.descDetail = desc
+      this.descDialogVisible = true
+    },
     handleDelete(row) {
       deleteGoods(row).then(response => {
         this.$notify({