feat: 接入权限按钮控制

src/api/base.js

@@ -39,6 +39,6 @@ export function getRole() {
 /**
  * 获取权限列表
  */
- export function getPermissions(params) {
+export function getPermissions(params) {
   return httpRequest.get('/api/permissions/api/v1/user/permissions', { params })
-}
+}
\ No newline at end of file

src/modules/customer/components/BaseInfo.vue

 <template>
   <div class="base-info">
     <div class="bar">
-      <el-button type="primary" size="small" @click="dialogVisable = true">更 新</el-button>
+      <el-button v-if="btnUpdate" type="primary" size="small" @click="dialogVisable = true">更 新</el-button>
     </div>
     <div class="info">
       <div class="item"><label>客户名称：</label>{{ form.name }}</div>
@@ -42,6 +42,14 @@ export default {
       dialogVisable: false
     }
   },
+  computed: {
+    btnPermissions() {
+      return this.$store.state.permissions.filter(item => item.type === 4)
+    },
+    btnUpdate() {
+      return !!this.btnPermissions.find(item => item.tag === 'btn_customer_update')
+    }
+  },
   filters: {
     sourceFilter(val) {
       return sourceMap[val]

src/modules/customer/components/Contact.vue

 <template>
   <div class="base-info">
     <div class="bar">
-      <el-button type="primary" size="small" @click="handleAdd">添加联系人</el-button>
+      <el-button v-if="btnCreate" type="primary" size="small" @click="handleAdd">添加联系人</el-button>
     </div>
     <app-list v-bind="tableOptions" ref="list">
       <!-- 操作 -->
       <template v-slot:table-operate="{ row }">
         <template>
-          <el-button type="text" @click="handleEdit(row)" size="mini">编辑</el-button>
-          <el-button type="text" @click="handleDelete(row)" size="mini">删除</el-button>
+          <el-button v-if="btnUpdate" type="text" @click="handleEdit(row)" size="mini">编辑</el-button>
+          <el-button v-if="btnDelete" type="text" @click="handleDelete(row)" size="mini">删除</el-button>
         </template>
       </template>
       <CreateContact
@@ -42,6 +42,18 @@ export default {
     }
   },
   computed: {
+    btnPermissions() {
+      return this.$store.state.permissions.filter(item => item.type === 4)
+    },
+    btnCreate() {
+      return !!this.btnPermissions.find(item => item.tag === 'btn_customer_contact_create')
+    },
+    btnUpdate() {
+      return !!this.btnPermissions.find(item => item.tag === 'btn_customer_contact_edit')
+    },
+    btnDelete() {
+      return !!this.btnPermissions.find(item => item.tag === 'btn_customer_contact_delete')
+    },
     // 列表配置
     tableOptions() {
       return {

src/modules/customer/components/FollowRemark.vue

 <template>
   <div class="base-info">
     <div class="bar">
-      <el-button type="primary" size="small" @click="dialogVisible = true">添加跟进记录</el-button>
+      <el-button v-if="btnCreate" type="primary" size="small" @click="dialogVisible = true">添加跟进记录</el-button>
     </div>
     <app-list v-bind="tableOptions" ref="list">
       <!-- 操作 -->
       <template v-slot:table-operate="{ row }">
         <template>
-          <!-- <el-button type="text" @click="handleEdit(row)" size="mini">编辑</el-button> -->
-          <el-button type="text" @click="handleDelete(row)" size="mini">删除</el-button>
+          <!-- <el-button v-if="btnUpdate" type="text" @click="handleEdit(row)" size="mini">编辑</el-button> -->
+          <el-button v-if="btnDelete" type="text" @click="handleDelete(row)" size="mini">删除</el-button>
         </template>
       </template>
     </app-list>
@@ -30,6 +30,18 @@ export default {
   name: 'Contact',
   components: { AppList, CreateFollow },
   computed: {
+    btnPermissions() {
+      return this.$store.state.permissions.filter(item => item.type === 4)
+    },
+    btnCreate() {
+      return !!this.btnPermissions.find(item => item.tag === 'btn_customer_followRecord_create')
+    },
+    btnUpdate() {
+      return !!this.btnPermissions.find(item => item.tag === 'btn_customer_followRecord_edit')
+    },
+    btnDelete() {
+      return !!this.btnPermissions.find(item => item.tag === 'btn_customer_followRecord_delete')
+    },
     customerId() {
       return this.$route.query.id
     },

src/modules/customer/components/Project.vue

 <template>
   <div class="base-info">
     <div class="bar">
-      <el-button type="primary" size="small" @click="handleAdd">添加合作项目</el-button>
+      <el-button v-if="btnCreate" type="primary" size="small" @click="handleAdd">添加合作项目</el-button>
     </div>
     <app-list v-bind="tableOptions" ref="list">
       <!-- 操作 -->
       <template v-slot:table-operate="{ row }">
         <template>
-          <el-button type="text" @click="handleEdit(row)" size="mini">编辑</el-button>
-          <el-button type="text" @click="handleDelete(row)" size="mini">删除</el-button>
+          <el-button v-if="btnUpdate" type="text" @click="handleEdit(row)" size="mini">编辑</el-button>
+          <el-button v-if="btnDelete" type="text" @click="handleDelete(row)" size="mini">删除</el-button>
         </template>
       </template>
       <CreateCoopProject
@@ -45,6 +45,18 @@ export default {
     }
   },
   computed: {
+    btnPermissions() {
+      return this.$store.state.permissions.filter(item => item.type === 4)
+    },
+    btnCreate() {
+      return !!this.btnPermissions.find(item => item.tag === 'btn_customer_cooperateProject_create')
+    },
+    btnUpdate() {
+      return !!this.btnPermissions.find(item => item.tag === 'btn_customer_cooperateProject_edit')
+    },
+    btnDelete() {
+      return !!this.btnPermissions.find(item => item.tag === 'btn_customer_cooperateProject_delete')
+    },
     // 列表配置
     tableOptions() {
       return {