【修改】增加权限

src/directives/modules/permission.js

@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import store from '@/store'
+// 权限检查方法
+Vue.prototype.$_has = function (value) {
+  let has = false
+  let menuList = store.getters.btnPerssion
+  if (menuList === '') {
+    return false
+  } else {
+    menuList.map((menu) => {
+      if (menu.id === value || value === undefined || value === '') {
+        has = true
+      }
+    })
+  }
+  return has
+}
+export const btnPermission = Vue.directive('btnPermission', {
+    bind (el, binding, vnode) {
+      // 获取按钮权限
+      let btnPermission = binding.value
+      // 没有这个权限则移除
+      if (!Vue.prototype.$_has(btnPermission)) {
+        Vue.nextTick(() => {
+
+          el.parentNode.removeChild(el)
+        })
+      }
+    }
+  })
+
+

src/store/index.js

@@ -15,7 +15,8 @@ export default new Vuex.Store({
     activeTab: '',
     handleProcess: '',
     marketpre:'',
-    dicts:{}
+    dicts:{},
+    btnPerssion:[]
   },
   getters: {
     marketpre: (state) => state.marketpre,
@@ -24,9 +25,13 @@ export default new Vuex.Store({
     userInfo: (state) => state.userInfo,
     activeTab: (state) =>state.activeTab,
     handleProcess: (state) =>state.handleProcess,
-    dicts: (state) =>state.dicts
+    dicts: (state) =>state.dicts,
+    btnPerssion:(state) =>state.btnPerssion
   },
   mutations: {
+    setBtnPerssion(state,obj){
+      state.btnPerssion = obj
+    },
     setDicts(state, obj) {
       state.dicts[obj.label] = obj.value;
     },

src/views/Layout.vue

@@ -87,6 +87,9 @@ export default {
         }
         data = data.sort((a, b) => a.sort - b.sort)
         const menu = data.filter(item => item.belong && item.isButton=='0')
+        // 存储有权限的按钮
+        const menuBtn = data.filter(item => item.belong && item.isButton=='1')
+        this.$store.commit('setBtnPerssion', menuBtn)
         let menuData = []
         const menuFun = (menu) => {
           menuData = [...menuData, ...menu]

src/views/Report/ReportManager.vue

@@ -36,7 +36,7 @@
             <el-row >
                     <div class="operate-box">
                         <el-button @click="openLog">操作日志</el-button>
-                        <el-button @click="openTags">标签维护</el-button>
+                        <el-button v-btn-permission="'9S7NYLJ9UF'" @click="openTags">标签维护</el-button>
                         <el-button @click="openReportAdd">报告上传</el-button>
                     </div>
             </el-row>

src/views/System/MenuManager.vue

@@ -119,7 +119,7 @@ export default {
     // 菜单
     sysMenuFindAllMenus () {
       this.$api.menu.sysMenuFindAllMenus().then(({ data }) => {
-        this.tableData = data.filter(item => item.id !== '6f6fafb4a7').sort((a, b) => {
+        this.tableData = data.filter(item => item.id !== '6f6fafb4a7' && item.isButton=='0').sort((a, b) => {
           return a.sort - b.sort
         })
       })

src/views/userCenter/processCenter.vue

@@ -113,7 +113,6 @@ import tabs from '../userCenter/processCenter/tabs.vue'
         },
         methods: {
             cancel(){
-              this.flag = ''
               this.dialogVisible=false
             },
             submitForm(){