优化 permission 相关的注释
This commit is contained in:
YunaiV
parent
a13fb61359
commit
3cee922e69
|
|
@ -67,7 +67,7 @@ export default {
|
|||
},
|
||||
// 设置子路由
|
||||
childrenMenus() {
|
||||
var childrenMenus = [];
|
||||
const childrenMenus = [];
|
||||
this.routers.map((router) => {
|
||||
for (var item in router.children) {
|
||||
if (router.children[item].parentPath === undefined) {
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ import dialogDragWidth from './dialog/dragWidth'
|
|||
import dialogDragHeight from './dialog/dragHeight'
|
||||
import clipboard from './module/clipboard'
|
||||
|
||||
// Vue：自定义指令：https://v2.cn.vuejs.org/v2/guide/custom-directive.html
|
||||
const install = function(Vue) {
|
||||
Vue.directive('hasRole', hasRole)
|
||||
Vue.directive('hasPermi', hasPermi)
|
||||
|
|
|
|||
|
|
@ -2,22 +2,21 @@
|
|||
* 操作权限处理
|
||||
* Copyright (c) 2019 ruoyi
|
||||
*/
|
||||
|
||||
import store from '@/store'
|
||||
|
||||
export default {
|
||||
inserted(el, binding, vnode) {
|
||||
const { value } = binding
|
||||
const all_permission = "*:*:*";
|
||||
const permissions = store.getters && store.getters.permissions
|
||||
const all_permission = "*:*:*"; // 全部权限
|
||||
const permissions = store.getters && store.getters.permissions // 用户拥有的权限标识的数组
|
||||
|
||||
if (value && value instanceof Array && value.length > 0) {
|
||||
// 判断是否有权限
|
||||
const permissionFlag = value
|
||||
|
||||
const hasPermissions = permissions.some(permission => {
|
||||
return all_permission === permission || permissionFlag.includes(permission)
|
||||
})
|
||||
|
||||
// 如果没有权限，则移除元素
|
||||
if (!hasPermissions) {
|
||||
el.parentNode && el.parentNode.removeChild(el)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,22 +2,22 @@
|
|||
* 角色权限处理
|
||||
* Copyright (c) 2019 ruoyi
|
||||
*/
|
||||
|
||||
|
||||
import store from '@/store'
|
||||
|
||||
export default {
|
||||
inserted(el, binding, vnode) {
|
||||
const { value } = binding
|
||||
const super_admin = "admin";
|
||||
const roles = store.getters && store.getters.roles
|
||||
const roles = store.getters && store.getters.roles // 用户拥有的角色标识的数组
|
||||
|
||||
if (value && value instanceof Array && value.length > 0) {
|
||||
// 判断是否有角色
|
||||
const roleFlag = value
|
||||
|
||||
const hasRole = roles.some(role => {
|
||||
return super_admin === role || roleFlag.includes(role)
|
||||
})
|
||||
|
||||
// 如果没有角色，则移除元素
|
||||
if (!hasRole) {
|
||||
el.parentNode && el.parentNode.removeChild(el)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
:collapse-transition="false"
|
||||
mode="vertical"
|
||||
>
|
||||
<!-- 根据 sidebarRouters 路由，生成菜单 -->
|
||||
<sidebar-item
|
||||
v-for="(route, index) in sidebarRouters"
|
||||
:key="route.path + index"
|
||||
|
|
|
|||
|
|
@ -24,11 +24,11 @@ router.beforeEach((to, from, next) => {
|
|||
isRelogin.show = true
|
||||
// 获取字典数据 add by 芋艿
|
||||
store.dispatch('dict/loadDictDatas')
|
||||
// 判断当前用户是否已拉取完user_info信息
|
||||
// 判断当前用户是否已拉取完 user_info 信息
|
||||
store.dispatch('GetInfo').then(() => {
|
||||
isRelogin.show = false
|
||||
store.dispatch('GenerateRoutes').then(accessRoutes => {
|
||||
// 根据roles权限生成可访问的路由表
|
||||
// 根据 roles 权限生成可访问的路由表
|
||||
router.addRoutes(accessRoutes) // 动态添加可访问路由表
|
||||
next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
|
||||
})
|
||||
|
|
|
|||
|
|
@ -8,18 +8,20 @@ Vue.use(Router)
|
|||
/**
|
||||
* Note: 路由配置项
|
||||
*
|
||||
* hidden: true // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1
|
||||
* hidden: true // 【重要】当设置 true 的时候该路由不会再侧边栏出现 如 401，login 等页面，或者如一些编辑页面 /edit/1
|
||||
* alwaysShow: true // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面
|
||||
* // 只有一个时，会将那个子路由当做根路由显示在侧边栏--如引导页面
|
||||
* // 若你想不管路由下面的 children 声明的个数都显示你的根路由
|
||||
* // 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，一直显示根路由
|
||||
* path: '/login', // 【重要】访问的 URL 路径
|
||||
* component: Layout, // 【重要】对应的组件；也可以是 (resolve) => require(['@/views/login'], resolve),
|
||||
* redirect: noRedirect // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
|
||||
* name:'router-name' // 设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
|
||||
* name:'router-name' // 【重要】设定路由的名字，一定要填写不然使用 <keep-alive> 时会出现各种问题
|
||||
* meta : {
|
||||
noCache: true // 如果设置为true，则不会被 <keep-alive> 缓存(默认 false)
|
||||
title: 'title' // 设置该路由在侧边栏和面包屑中展示的名字
|
||||
icon: 'svg-name' // 设置该路由的图标，对应路径src/assets/icons/svg
|
||||
breadcrumb: false // 如果设置为false，则不会在breadcrumb面包屑中显示
|
||||
noCache: true // 【重要】如果设置为 true，则不会被 <keep-alive> 缓存(默认 false)
|
||||
title: 'title' // 【重要】设置该路由在侧边栏和面包屑中展示的名字
|
||||
icon: 'svg-name' // 【重要】设置该路由的图标，对应路径 src/assets/icons/svg
|
||||
breadcrumb: false // 如果设置为 false，则不会在 breadcrumb 面包屑中显示
|
||||
activeMenu: '/system/user' // 当路由设置了该属性，则会高亮相对应的侧边栏。
|
||||
}
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -8,7 +8,8 @@ const permission = {
|
|||
state: {
|
||||
routes: [],
|
||||
addRoutes: [],
|
||||
sidebarRouters: []
|
||||
sidebarRouters: [], // 左侧边菜单的路由，被 Sidebar/index.vue 使用
|
||||
topbarRouters: [], // 顶部菜单的路由，被 TopNav/index.vue 使用
|
||||
},
|
||||
mutations: {
|
||||
SET_ROUTES: (state, routes) => {
|
||||
|
|
@ -29,10 +30,10 @@ const permission = {
|
|||
// 生成路由
|
||||
GenerateRoutes({ commit }) {
|
||||
return new Promise(resolve => {
|
||||
// 向后端请求路由数据
|
||||
// 向后端请求路由数据（菜单）
|
||||
getRouters().then(res => {
|
||||
const sdata = JSON.parse(JSON.stringify(res.data))
|
||||
const rdata = JSON.parse(JSON.stringify(res.data))
|
||||
const sdata = JSON.parse(JSON.stringify(res.data)) // 【重要】用于菜单中的数据
|
||||
const rdata = JSON.parse(JSON.stringify(res.data)) // 用于最后添加到 Router 中的数据
|
||||
const sidebarRoutes = filterAsyncRouter(sdata)
|
||||
const rewriteRoutes = filterAsyncRouter(rdata, false, true)
|
||||
rewriteRoutes.push({ path: '*', redirect: '/404', hidden: true })
|
||||
|
|
@ -57,7 +58,7 @@ function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
|
|||
icon: route.icon,
|
||||
noCache: !route.keepAlive,
|
||||
}
|
||||
// 路由地址转首字母大写驼峰，作为路由名称，适配keepAlive
|
||||
// 路由地址转首字母大写驼峰，作为路由名称，适配 keepAlive
|
||||
route.name = toCamelCase(route.path, true)
|
||||
route.hidden = !route.visible
|
||||
// 处理 component 属性
|
||||
|
|
|
|||
Loading…
Reference in New Issue