69 lines
2.0 KiB
JavaScript
69 lines
2.0 KiB
JavaScript
import { defineStore } from "pinia"
|
||
|
||
// 需要在头部传入路由表并且在用户登录的时候进行此操作
|
||
// 引入路由表
|
||
import { constantRouterMap, asyncRoutes } from '@/router'
|
||
|
||
/**
|
||
* 通过meta.role判断是否与当前用户权限匹配，此处也可以根据自己的需求进行修改。比如按位与
|
||
* @param roles 权限
|
||
* @param route 总的路由表
|
||
*/
|
||
function hasPermission(roles, route) {
|
||
if (route.meta && route.meta.roles) {
|
||
console.log(route.meta, roles.some(role => route.meta.roles.includes(role)))
|
||
return roles.some(role => route.meta.roles.includes(role))
|
||
} else {
|
||
return true
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 递归过滤异步路由表，返回符合用户角色权限的路由表
|
||
* @param routes 需要筛选的路由表
|
||
* @param roles 权限
|
||
*/
|
||
function filterAsyncRouter(routes, roles) {
|
||
const res = []
|
||
|
||
routes.forEach(route => {
|
||
const tmp = { ...route }
|
||
|
||
if (hasPermission(roles, tmp)) {
|
||
if (tmp.children) {
|
||
tmp.children = filterAsyncRouter(tmp.children, roles)
|
||
}
|
||
res.push(tmp)
|
||
}
|
||
})
|
||
return res
|
||
}
|
||
|
||
export const usePermissionStore = defineStore({
|
||
id: 'permission',
|
||
state: () => ({
|
||
routers: [],
|
||
}),
|
||
actions: {
|
||
GenerateRoutes(roles) {
|
||
return new Promise(resolve => {
|
||
let accessedRouters = []
|
||
// 在这里当是管理员权限时,就给予所有的路由表
|
||
if (roles === 'admin') {
|
||
accessedRouters = asyncRoutes
|
||
} else {
|
||
accessedRouters = filterAsyncRouter(asyncRoutes, roles)
|
||
}
|
||
this.routers = constantRouterMap.concat(accessedRouters)
|
||
resolve(this.routers)
|
||
})
|
||
},
|
||
ResetRoutes() {
|
||
return new Promise(resolve => {
|
||
this.routers = []
|
||
resolve()
|
||
})
|
||
}
|
||
},
|
||
})
|