删除权限

klp-ui/src/views/wms/product/index.vue

@@ -83,7 +83,7 @@
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-          v-hasPermi="['klp:product:add']"
+          
         >新增</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -94,7 +94,7 @@
           size="mini"
           :disabled="single"
           @click="handleUpdate"
-          v-hasPermi="['klp:product:edit']"
+          
         >修改</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -105,7 +105,7 @@
           size="mini"
           :disabled="multiple"
           @click="handleDelete"
-          v-hasPermi="['klp:product:remove']"
+          
         >删除</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -115,7 +115,7 @@
           icon="el-icon-download"
           size="mini"
           @click="handleExport"
-          v-hasPermi="['klp:product:export']"
+          
         >导出</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
@@ -123,14 +123,29 @@
 
     <el-table v-loading="loading" :data="productList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="主键ID" align="center" prop="productId" v-if="true"/>
       <el-table-column label="产品编号" align="center" prop="productCode" />
       <el-table-column label="产品名称" align="center" prop="productName" />
       <el-table-column label="负责人" align="center" prop="owner" />
-      <el-table-column label="基础材质分类ID" align="center" prop="baseMaterialId" />
-      <el-table-column label="表面处理分类ID" align="center" prop="surfaceTreatmentId" />
-      <el-table-column label="客户需求分类ID" align="center" prop="customerReqId" />
-      <el-table-column label="包装分类ID" align="center" prop="packagingId" />
+      <el-table-column label="基础材质分类" align="center">
+        <template slot-scope="scope">
+          <CategoryRenderer :category-id="scope.row.baseMaterialId" />
+        </template>
+      </el-table-column>
+      <el-table-column label="表面处理分类" align="center">
+        <template slot-scope="scope">
+          <CategoryRenderer :category-id="scope.row.surfaceTreatmentId" />
+        </template>
+      </el-table-column>
+      <el-table-column label="客户需求分类" align="center">
+        <template slot-scope="scope">
+          <CategoryRenderer :category-id="scope.row.customerReqId" />
+        </template>
+      </el-table-column>
+      <el-table-column label="包装分类" align="center">
+        <template slot-scope="scope">
+          <CategoryRenderer :category-id="scope.row.packagingId" />
+        </template>
+      </el-table-column>
       <el-table-column label="厚度" align="center" prop="thickness" />
       <el-table-column label="宽度" align="center" prop="width" />
       <el-table-column label="内径" align="center" prop="innerDiameter" />
@@ -142,14 +157,14 @@
             type="text"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
-            v-hasPermi="['klp:product:edit']"
+            
           >修改</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
-            v-hasPermi="['klp:product:remove']"
+            
           >删除</el-button>
         </template>
       </el-table-column>
@@ -211,11 +226,13 @@
 <script>
 import { listProduct, getProduct, delProduct, addProduct, updateProduct } from "@/api/wms/product";
 import CategorySelect from '@/components/KLPService/CategorySelect';
+import CategoryRenderer from '@/components/KLPService/Renderer/CategoryRenderer.vue';
 
 export default {
   name: "Product",
   components: {
-    CategorySelect
+    CategorySelect,
+    CategoryRenderer
   },
   data() {
     return {