Merge branch 'dev' into pr/29

Author: sendya

src/config/router.config.js

@@ -169,6 +169,21 @@ export const asyncRouterMap = [
           }
         ]
       },
+      {
+        path: '/system',
+        name: 'system',
+        component: RouteView,
+        redirect: '/system/role',
+        meta: { title: '系统管理', icon: 'setting', permission: [ 'table' ] },
+        children: [
+          {
+            path: '/system/role',
+            name: 'SystemRole',
+            component: () => import('@/views/role/RoleList'),
+            meta: { title: '角色列表', permission: [ 'table' ]}
+          }
+        ]
+      },
 
       // result
       {

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

@@ -0,0 +1,53 @@
+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