动态路由加入；角色权限管理--权限传参加入父级id

src/main.js

@@ -4,6 +4,7 @@ import router from './router'
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 import './assets/styles/index.scss'
+import { initDynamicRoutes } from './utils/createRoutes'
 
 var axios = require('axios')
 axios.defaults.baseURL = 'http://47.101.207.123:8080/gateway-server'
@@ -21,6 +22,8 @@ axios.interceptors.response.use(
 Vue.config.productionTip = false
 Vue.use(ElementUI, {size: 'mini'})
 
+initDynamicRoutes()
+
 new Vue({
   render: h => h(App),
   router,

src/router/index.js

@@ -2,144 +2,158 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import AppIndex from '../views/home/AppIndex'
 import RouterView from '../views/home/RouterView'
-import {vaildJWT} from "../utils/service/jwt";
-import {getCookie, setCookie} from "../utils/service/cookie";
+import {vaildJWT, GetUserAuthority} from "../utils/service/jwt";
+import {getCookie, setCookie, deleteCookie} from "../utils/service/cookie";
 
 Vue.use(Router)
 
-const defaultRouter = new Router({
-  routes: [
-    {
-      path: '/index',
-      name: 'AppIndex',
-      component: AppIndex,
-      children: [
-        {
-          path: '/home',
-          name: 'Home',
-          component: () => import('../views/homePage/Index'),
-          meta: { title: '首页', icon: 'icon-menu icon-home', menuKey: "sy" },
-        },
-        {
-          path: '/userManage',
-          name: 'UserManage',
-          component: RouterView,
-          meta: { title: '用户管理', icon: 'icon-menu icon-yhgl', menuKey: "yhgl" },
-          children: [
-            {
-              path: 'userList',
-              name: 'UserList',
-              component: () => import('../views/userManage/UserList'),
-              meta: { title: '用户列表', menuKey: "yhlb" },
-            },
-            {
-              path: 'userListDetail/:id',
-              name: 'UserListDetail',
-              component: () => import('../views/userManage/UserListDetail'),
-              meta: { menuKey: "yhlb" },
-              hidden: true
-            },
-            {
-              path: 'userListEdit/:id',
-              name: 'UserListEdit',
-              component: () => import('../views/userManage/UserListDetail'),
-              meta: { menuKey: "yhlb" },
-              hidden: true
-            },
-            {
-              path: 'userListAdd',
-              name: 'UserListAdd',
-              component: () => import('../views/userManage/UserListDetail'),
-              meta: { menuKey: "yhlb" },
-              hidden: true
-            },
-            {
-              path: 'userApproval',
-              name: 'UserApproval',
-              component: () => import('../views/userManage/UserApproval'),
-              meta: { title: '用户审批', menuKey: "yhsp" },
-              hidden: true
-            },
-            {
-              path: 'authManage',
-              name: 'AuthManage',
-              component: () => import('../views/userManage/AuthManage'),
-              meta: { title: '权限管理', menuKey: "qxgl" },
-            },
-            {
-              path: 'authManageAdd',
-              name: 'AuthManageAdd',
-              component: () => import('../views/userManage/AuthManageEdit'),
-              meta: { menuKey: "qxgl" },
-              hidden: true
-            },
-            {
-              path: 'authManageDetail/:id',
-              name: 'AuthManageDetail',
-              component: () => import('../views/userManage/AuthManageEdit'),
-              meta: { menuKey: "qxgl" },
-              hidden: true
-            },
-            {
-              path: 'authManageEdit/:id',
-              name: 'AuthManageEdit',
-              component: () => import('../views/userManage/AuthManageEdit'),
-              meta: { menuKey: "qxgl" },
-              hidden: true
-            }
-          ]
-        },
-        {
-          path: '/logManage',
-          name: 'LogManage',
-          component: RouterView,
-          meta: { title: '日志管理', icon: 'icon-menu icon-rzgl', menuKey: "rzgl" },
-          children: [
-            {
-              path: 'userLoginLogs',
-              name: 'UserLoginLogs',
-              component: () => import('../views/logManage/UserLoginLogs'),
-              meta: { title: '用户登录日志', menuKey: "yhdlrz" },
-            },
-            {
-              path: 'sysOperationLog',
-              name: 'SysOperationLog',
-              component: () => import('../views/logManage/SysOperationLog'),
-              meta: { title: '系统操作日志', menuKey: "xtczrz" },
-            }
-          ]
-        },
-        {
-          path: '/sysConfigs',
-          name: 'SysConfigs',
-          component: RouterView,
-          meta: { title: '系统设置', icon: 'icon-menu icon-xtsz', menuKey: "xtsz" },
-          children: [
-            {
-              path: 'orgConfig',
-              name: 'OrgConfig',
-              component: () => import('../views/sysConfigs/OrgConfig'),
-              meta: { title: '单位设置', menuKey: "dwsz" },
-            },
-          ]
-        }
-      ]
-    },
-    {
-      path: '/',
-      redirect: '/home',
-    }
-  ]
+export const defaultRoutes = [
+  {
+    path: '/index',
+    name: 'AppIndex',
+    component: AppIndex,
+    children: [
+      {
+        path: '/home',
+        name: 'Home',
+        component: () => import('../views/homePage/Index'),
+        meta: { title: '首页', icon: 'icon-menu icon-home', menuKey: "sy" },
+      },
+      {
+        path: '/userManage',
+        name: 'UserManage',
+        component: RouterView,
+        meta: { title: '用户管理', icon: 'icon-menu icon-yhgl', menuKey: "yhgl" },
+        children: [
+          {
+            path: 'userList',
+            name: 'UserList',
+            component: () => import('../views/userManage/UserList'),
+            meta: { title: '用户列表', menuKey: "yhlb" },
+          },
+          {
+            path: 'userListDetail/:id',
+            name: 'UserListDetail',
+            component: () => import('../views/userManage/UserListDetail'),
+            meta: { menuKey: "yhlb" },
+            hidden: true
+          },
+          {
+            path: 'userListEdit/:id',
+            name: 'UserListEdit',
+            component: () => import('../views/userManage/UserListDetail'),
+            meta: { menuKey: "yhlb" },
+            hidden: true
+          },
+          {
+            path: 'userListAdd',
+            name: 'UserListAdd',
+            component: () => import('../views/userManage/UserListDetail'),
+            meta: { menuKey: "yhlb" },
+            hidden: true
+          },
+          {
+            path: 'userApproval',
+            name: 'UserApproval',
+            component: () => import('../views/userManage/UserApproval'),
+            meta: { title: '用户审批', menuKey: "yhsp" },
+            hidden: true
+          },
+          {
+            path: 'authManage',
+            name: 'AuthManage',
+            component: () => import('../views/userManage/AuthManage'),
+            meta: { title: '权限管理', menuKey: "qxgl" },
+          },
+          {
+            path: 'authManageAdd',
+            name: 'AuthManageAdd',
+            component: () => import('../views/userManage/AuthManageEdit'),
+            meta: { menuKey: "qxgl" },
+            hidden: true
+          },
+          {
+            path: 'authManageDetail/:id',
+            name: 'AuthManageDetail',
+            component: () => import('../views/userManage/AuthManageEdit'),
+            meta: { menuKey: "qxgl" },
+            hidden: true
+          },
+          {
+            path: 'authManageEdit/:id',
+            name: 'AuthManageEdit',
+            component: () => import('../views/userManage/AuthManageEdit'),
+            meta: { menuKey: "qxgl" },
+            hidden: true
+          }
+        ]
+      },
+      {
+        path: '/logManage',
+        name: 'LogManage',
+        component: RouterView,
+        meta: { title: '日志管理', icon: 'icon-menu icon-rzgl', menuKey: "rzgl" },
+        children: [
+          {
+            path: 'userLoginLogs',
+            name: 'UserLoginLogs',
+            component: () => import('../views/logManage/UserLoginLogs'),
+            meta: { title: '用户登录日志', menuKey: "yhdlrz" },
+          },
+          {
+            path: 'sysOperationLog',
+            name: 'SysOperationLog',
+            component: () => import('../views/logManage/SysOperationLog'),
+            meta: { title: '系统操作日志', menuKey: "xtczrz" },
+          }
+        ]
+      },
+      {
+        path: '/sysConfigs',
+        name: 'SysConfigs',
+        component: RouterView,
+        meta: { title: '系统设置', icon: 'icon-menu icon-xtsz', menuKey: "xtsz" },
+        children: [
+          {
+            path: 'orgConfig',
+            name: 'OrgConfig',
+            component: () => import('../views/sysConfigs/OrgConfig'),
+            meta: { title: '单位设置', menuKey: "dwsz" },
+          },
+        ]
+      }
+    ]
+  },
+  {
+    path: '/',
+    redirect: '/home',
+  }
+]
+
+
+const createRouter = () => new Router({
+  scrollBehavior: () => ({ y: 0 }),
+  routes: []
 })
 
-defaultRouter.beforeEach((to, from, next) => {
-  // console.log("to:", to, "from:", from)
+const router = createRouter()
+
+export function resetRouter() {
+  const newRouter = createRouter()
+  router.matcher = newRouter.matcher // reset router
+}
+
+router.beforeEach((to, from, next) => {
   vaildJWT(getCookie("m_token")).then(res=>{
     if (res.code==="200") {
-      setCookie('name', res.data.name, 1)
+      if(getCookie('name')==='') {
+        setCookie('name', res.data.name, 1)
+      }
       next()
     }else {
-
+      deleteCookie('m_token')
+      deleteCookie('name')
+      deleteCookie('authority')
       window.open(
         `http://47.101.207.123:8080/platform-rk/#/login?url=http://47.101.207.123:8080/user_authentication/#/home`,
         "_self",
@@ -149,6 +163,9 @@ defaultRouter.beforeEach((to, from, next) => {
       // location.href = "http://47.101.207.123:8080/platform-rk/#/login?url=http://47.101.207.123:8080/user_authentication/#/home"
     }
   },error=>{
+    deleteCookie('m_token')
+    deleteCookie('name')
+    deleteCookie('authority')
      window.open(
       `http://47.101.207.123:8080/platform-rk/#/login?url=http://47.101.207.123:8080/user_authentication/#/home`,
       "_self",
@@ -160,4 +177,4 @@ defaultRouter.beforeEach((to, from, next) => {
   // next()
 })
 
-export default defaultRouter
+export default router

src/utils/createRoutes.js

@@ -0,0 +1,63 @@
+import router, {defaultRoutes, resetRouter} from '../router'
+import {getCookie, setCookie} from "./service/cookie";
+import {GetUserAuthority} from "./service/jwt";
+
+// 生成返回的用户权限页面的路由名称组成的数组
+function initauthorityNameArr(authority,retArr) {
+  for (let i = authority.length - 1; i>=0; i--) {
+    retArr.push(authority[i].routeName)
+    if (authority[i].children && authority[i].children.length!=0) {
+      initauthorityNameArr(authority[i].children,retArr)
+    }
+  }
+  return retArr
+}
+
+// 生成用户权限对应路由
+function selectRoutes(routes, names) {
+  for (let i = routes.length - 1; i>=0; i--) {
+    let isExist = false
+    for (let j=0;j<names.length;j++) {
+      if (routes[i].name == names[j]) {
+        isExist = true
+        if (routes[i].children != null) {
+          routes[i].children = selectRoutes(routes[i].children,names)
+        }
+        break
+      }
+    }
+    if (!isExist) {
+      routes.splice(i,1)
+    }
+  }
+  return routes
+}
+
+const initDynamicRoutesFunc = () => {
+  let [...defRoutes] = defaultRoutes
+  let authorityNameArr = initauthorityNameArr(JSON.parse(getCookie('authority'))[0].children,[])
+  let selectedRoutes = selectRoutes(defRoutes[0].children, authorityNameArr)
+  defRoutes[0].children = selectedRoutes
+  resetRouter()
+  router.options.routes = defRoutes
+  router.addRoutes(defRoutes)
+  console.log('router:',router)
+}
+
+export const initDynamicRoutes = () => {
+  if(getCookie('authority')==='') {
+    GetUserAuthority().then(res => {
+      if(res.code == 200) {
+        let auth = res.data.authority.filter(i => {
+          return i.authorityName === '用户认证管理'
+        })
+        setCookie('authority',JSON.stringify(auth), 1)
+        initDynamicRoutesFunc()
+        router.push({path: '/'})
+      }
+    })
+  }else {
+    initDynamicRoutesFunc()
+  }
+  
+}

src/utils/service/jwt.js

@@ -15,3 +15,10 @@ export function Logout() {
   }
   return axios.post('/user/logOut', qs.stringify(data))
 }
+
+export function GetUserAuthority() {
+  let data = {
+    token: getCookie('m_token')
+  }
+  return axios.post('user/getUserAuthority', qs.stringify(data))
+}

src/views/userManage/AuthManageEdit.vue

@@ -23,7 +23,6 @@
               :props="defaultProps"
               node-key="authorityId"
               :default-expanded-keys="defaultExpand[index]"
-              :default-checked-keys="defaultChecked"
               :ref="'tree-'+index"
               show-checkbox>
             </el-tree>
@@ -55,7 +54,6 @@
           ]
         },
         defaultExpand: [],
-        defaultChecked: [],
         treeData: [],
         defaultProps: {
           children: 'data',
@@ -88,15 +86,27 @@
         GetRoleDetail(this.$route.params.id).then(res => {
           if(res.code == 200) {
             this.form.roleName = res.data.Rows[0].role_name
-            this.defaultChecked = res.data.Rows[0].authority.split(",")
+            let checkedKeys = res.data.Rows[0].authority.split(",").map(Number)
+            const treeDataTimer = setInterval(() => {
+              if(this.treeData.length!==0) {
+                for(let i=0; i<this.treeData.length; i++) {
+                  checkedKeys.forEach(key => {
+                    this.$refs[`tree-${i}`][0].setChecked(key, true, false)
+                  })
+                }
+                clearInterval(treeDataTimer)
+              }
+            }, 200);
           }
         })
       },
       save() {
         let checkedTemp = []
         for(let i=0; i<this.treeData.length; i++) {
+          checkedTemp.push(...this.$refs[`tree-${i}`][0].getHalfCheckedKeys())
           checkedTemp.push(...this.$refs[`tree-${i}`][0].getCheckedKeys())
         }
+        console.log(checkedTemp)
         if(!this.isNew) {
           UpdateRoleAuthority(this.$route.params.id, checkedTemp).then(res => {
             if(res.code == 200) {