安环管理-安全管理-安全巡检点配置-新增权限

src/views/safetyManagement/safetyInspectionPoint/index.vue

@@ -17,14 +17,25 @@
       @refresh-change="refreshChange"
       @on-load="onLoad"
       @sort-change="sortChange"
+      :permission="permissionList"
     >
       <template #menu-left>
-        <el-button type="primary" @click="handleAdd">新增 </el-button>
+        <el-button type="primary" v-if="permission.safetyInspectionPoint_add" @click="handleAdd">
-        <el-button type="danger" @click="handleDelete">删除 </el-button>
+          新增
+        </el-button>
+        <el-button type="danger" v-if="permission.safetyInspectionPoint_del" @click="handleDelete">
+          删除
+        </el-button>
       </template>
       <template #menu-right>
         <!-- <el-button type="primary"  @click="handlePrint">打印 </el-button> -->
-        <el-button type="primary" @click="handleImport">导入 </el-button>
+        <el-button
+          type="primary"
+          v-if="permission.safetyInspectionPoint_import"
+          @click="handleImport"
+        >
+          导入
+        </el-button>
       </template>
     </avue-crud>
     <!-- 导入 -->
@@ -52,6 +63,7 @@
 import basicImport from '@/components/basic-import/main.vue';
 import { getList, add, remove, update } from '@/api/safetyManagement/safetyInspectionPoint.js';
 import addInspectDailog from './addInspectDailog.vue';
+import { mapGetters } from 'vuex';
 export default {
   components: {
     basicImport,
@@ -202,6 +214,13 @@ export default {
       });
       return ids.join(',');
     },
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        editBtn: this.validData(this.permission.safetyInspectionPoint_edit, false),
+        delBtn: this.validData(this.permission.safetyInspectionPoint_del, false),
+      };
+    },
   },
   methods: {
     // 点击导入按钮