新增桌台

src/views/product/category.vue

@@ -7,10 +7,15 @@
         <div class="head-container">
             <el-table :data="tableData.list" v-loading="tableData.loading" row-key="id"
                 :tree-props="{ children: 'childrenList' }">
-                <el-table-column label="排序" prop="sort" sortable></el-table-column>
+                <el-table-column label="排序" prop="sort" sortable width="100"></el-table-column>
+                <el-table-column label="分类名称" prop="name"></el-table-column>
                 <el-table-column label="分类图片">
                     <template v-slot="scope">
-                        <el-image :src="scope.row.pic" style="width: 40px;height: 40px;border-radius: 4px;">
+                        <el-image :src="scope.row.pic"
+                            style="width: 50px;height: 50px;border-radius: 4px;background-color: #efefef;">
+                            <div class="img_error" slot="error">
+                                <i class="icon el-icon-document-delete"></i>
+                            </div>
                         </el-image>
                     </template>
                 </el-table-column>
@@ -26,7 +31,6 @@
                         </div>
                     </template>
                 </el-table-column>
-                <el-table-column label="分类名称" prop="name"></el-table-column>
                 <el-table-column label="操作" width="300">
                     <template v-slot="scope">
                         <el-button type="text" size="mini" round icon="el-icon-plus"
@@ -93,7 +97,7 @@ export default {
         // 删除
         async delHandle(ids) {
             try {
-                const res = await tbShopCategoryDelete(ids)
+                await tbShopCategoryDelete(ids)
                 this.$notify({
                     title: '成功',
                     message: `删除成功`,

src/views/product/components/addClassify.vue

@@ -98,14 +98,15 @@ export default {
                 this.form.sort = obj.sort
                 this.form.style = obj.style
                 this.form.pic = obj.pic
-
-                setTimeout(() => {
-                    this.$refs.uploadImg.fileList = [
-                        {
-                            url: obj.pic
-                        }
-                    ]
-                }, 100)
+                if (obj.pic) {
+                    setTimeout(() => {
+                        this.$refs.uploadImg.fileList = [
+                            {
+                                url: obj.pic
+                            }
+                        ]
+                    }, 100)
+                }
             }
         },
         close() {

src/views/product/index.vue

@@ -70,7 +70,10 @@
             <router-link :to="{ path: '/product/add_shop', query: { goods_id: scope.row.id } }">
               <el-button type="text" icon="el-icon-edit">编辑</el-button>
             </router-link>
-            <el-button type="text" icon="el-icon-delete" style="margin-left: 20px !important;">删除</el-button>
+            <el-popconfirm title="确定删除吗？" @confirm="delTableHandle([scope.row.id])">
+              <el-button type="text" icon="el-icon-delete" style="margin-left: 20px !important;"
+                slot="reference">删除</el-button>
+            </el-popconfirm>
           </template>
         </el-table-column>
       </el-table>
@@ -85,7 +88,7 @@
 <script>
 import dayjs from 'dayjs'
 import settings from '@/settings'
-import { tbProduct, tbShopCategoryGet } from '@/api/shop'
+import { tbProduct, tbShopCategoryGet, tbProductDelete } from '@/api/shop'
 export default {
   data() {
     return {
@@ -154,7 +157,16 @@ export default {
       } catch (error) {
         console.log(error)
       }
-    }
+    },
+    // 删除商品
+    async delTableHandle(ids) {
+      try {
+        await tbProductDelete(ids)
+        this.getTableData()
+      } catch (error) {
+        console.log(error)
+      }
+    },
   }
 }
 </script>