使用addRoutes重构权限

src/store/getters.js

@@ -1,6 +1,5 @@
 const getters = {
   sidebar: state => state.app.sidebar,
-  livenewsChannels: state => state.app.livenewsChannels,
   token: state => state.user.token,
   avatar: state => state.user.avatar,
   name: state => state.user.name,
@@ -10,6 +9,8 @@ const getters = {
   auth_type: state => state.user.auth_type,
   status: state => state.user.status,
   roles: state => state.user.roles,
-  setting: state => state.user.setting
+  setting: state => state.user.setting,
+  permission_routers: state => state.permission.routers,
+  addRouters: state => state.permission.addRouters
 };
 export default getters

src/store/index.js

@@ -2,6 +2,7 @@ import Vue from 'vue';
 import Vuex from 'vuex';
 import app from './modules/app';
 import user from './modules/user';
+import permission from './modules/permission';
 import getters from './getters';
 
 Vue.use(Vuex);
@@ -9,7 +10,8 @@ Vue.use(Vuex);
 const store = new Vuex.Store({
   modules: {
     app,
-    user
+    user,
+    permission
   },
   getters
 });

src/store/modules/app.js

@@ -16,21 +16,11 @@ const app = {
         Cookies.set('sidebarStatus', 0);
       }
       state.sidebar.opened = !state.sidebar.opened;
-    },
-    SET_LIVENEWS_CHANNELS: (status, channels) => {
-      status.livenewsChannels = JSON.stringify(channels);
-      Cookies.set('livenewsChannels', JSON.stringify(channels));
     }
   },
   actions: {
     ToggleSideBar: ({ commit }) => {
       commit('TOGGLE_SIDEBAR')
-    },
-    setTheme: ({ commit }, theme) => {
-      commit('SET_THEME', theme)
-    },
-    setlivenewsChannels: ({ commit }, channels) => {
-      commit('SET_LIVENEWS_CHANNELS', channels)
     }
   }
 };

src/store/modules/permission.js

@@ -0,0 +1,51 @@
+import { asyncRouterMap, constantRouterMap } from 'src/router';
+
+function hasPermission(roles, route) {
+  if (route.meta && route.meta.role) {
+    return roles.some(role => route.meta.role.indexOf(role) >= 0)
+  } else {
+    return true
+  }
+}
+
+const permission = {
+  state: {
+    routers: constantRouterMap,
+    addRouters: []
+  },
+
+  mutations: {
+    SET_ROUTERS: (state, routers) => {
+      state.addRouters = routers;
+      state.routers = constantRouterMap.concat(routers);
+    }
+  },
+
+  actions: {
+    // s
+    GenerateRoutes({ commit }, data) {
+      const { roles } = data;
+      const accessedRouters = asyncRouterMap.filter(v => {
+        if (roles.indexOf('admin') >= 0) return true;
+        if (hasPermission(roles, v)) {
+          if (v.children && v.children.length > 0) {
+            v.children = v.children.filter(child => {
+              if (hasPermission(roles, child)) {
+                return child
+              }
+              return false;
+            });
+            return v
+          } else {
+            return v
+          }
+        }
+        return false;
+      });
+      commit('SET_ROUTERS', accessedRouters);
+    }
+  }
+};
+
+
+export default permission;

src/store/permission.js

@@ -1,38 +0,0 @@
-const permission = {
-  state: {
-    permissionRoutes: []
-  },
-  init(data) {
-    const { roles, router } = data;
-    const permissionRoutes = router.filter(v => {
-      if (roles.indexOf('admin') >= 0) return true;
-      if (this.hasPermission(roles, v)) {
-        if (v.children && v.children.length > 0) {
-          v.children = v.children.filter(child => {
-            if (this.hasPermission(roles, child)) {
-              return child
-            }
-            return false;
-          });
-          return v
-        } else {
-          return v
-        }
-      }
-      return false;
-    });
-    this.state.permissionRoutes = permissionRoutes;
-  },
-  get() {
-    return this.state.permissionRoutes
-  },
-  hasPermission(roles, route) {
-    if (route.meta && route.meta.role) {
-      return roles.some(role => route.meta.role.indexOf(role) >= 0)
-    } else {
-      return true
-    }
-  }
-};
-
-export default permission;