feat: add action check

src/main.js

@@ -12,6 +12,7 @@ import 'ant-design-vue/dist/antd.less';  // or 'ant-design-vue/dist/antd.less'
 
 import '@/permission' // permission control
 import '@/utils/filter' // base filter
+import PermissionHelper from '@/utils/helper/permission'
 
 import {
   ACCESS_TOKEN,
@@ -33,6 +34,7 @@ Vue.use(Storage, config.storageOptions)
 Vue.use(Antd)
 Vue.use(VueAxios, router)
 Vue.use(Viser)
+Vue.use(PermissionHelper)
 
 new Vue({
   router,

src/utils/helper/permission.js

+const PERMISSION_ENUM = {
+  'add': { key: 'add', label: '新增' },
+  'delete': { key: 'delete', label: '删除' },
+  'edit': { key: 'edit', label: '修改' },
+  'query': { key: 'query', label: '查询' },
+  'get': { key: 'get', label: '详情' },
+  'enable': { key: 'enable', label: '启用' },
+  'disable': { key: 'disable', label: '禁用' },
+  'import': { key: 'import', label: '导入' },
+  'export': { key: 'import', label: '导入' },
+};
+
+function plugin(Vue) {
+
+  if (plugin.installed) {
+    return;
+  }
+
+  !Vue.prototype.$auth && Object.defineProperties(Vue.prototype, {
+    $auth: {
+      get() {
+        const _this = this;
+        return (permissions) => {
+          let [permission, action] = permissions.split('.');
+          const permissionList = _this.$store.getters.roles.permissions;
+          permissionList.find((val) => {
+            return val.permissionId === permission
+          }).actionList.findIndex((val) => {
+            return val === action
+          });
+          return false
+        }
+      }
+    }
+  });
+
+  !Vue.prototype.$enum && Object.defineProperties(Vue.prototype, {
+    $enum: {
+      get() {
+        // const _this = this;
+        return (val) => {
+          let result = PERMISSION_ENUM;
+          val && val.split('.').forEach(v => {
+            result = result && result[v] || null
+          });
+          return result
+        }
+      }
+    }
+  });
+}
+
+export default plugin
\ No newline at end of file

src/views/list/TableList.vue

@@ -62,8 +62,8 @@
     </div>
 
     <div class="table-operator">
-      <a-button type="primary" icon="plus">新建</a-button>
-      <a-dropdown v-if="selectedRowKeys.length > 0">
+      <a-button type="primary" icon="plus" v-if="$auth('table.add')">新建</a-button>
+      <a-dropdown v-if="$auth('table.edit') && selectedRowKeys.length > 0">
         <a-menu slot="overlay">
           <a-menu-item key="1"><a-icon type="delete" />删除</a-menu-item>
           <!-- lock | unlock -->
@@ -84,8 +84,10 @@
       @onSelect="onChange"
     >
       <span slot="action" slot-scope="text, record">
+        <template v-if="$auth('table.update')">
           <a @click="handleEdit(record)">编辑</a>
           <a-divider type="vertical" />
+        </template>
         <a-dropdown>
           <a class="ant-dropdown-link">
             更多 <a-icon type="down" />
@@ -94,10 +96,10 @@
             <a-menu-item>
               <a href="javascript:;">详情</a>
             </a-menu-item>
-            <a-menu-item>
+            <a-menu-item v-if="$auth('table.disable')">
               <a href="javascript:;">禁用</a>
             </a-menu-item>
-            <a-menu-item>
+            <a-menu-item v-if="$auth('table.delete')">
               <a href="javascript:;">删除</a>
             </a-menu-item>
           </a-menu>