CEES-manage/src/store/modules/permission.ts

303 lines
10 KiB
TypeScript
Raw Normal View History

2021-10-20 14:32:09 +08:00
import type { AppRouteRecordRaw, Menu } from '/@/router/types';
import { defineStore } from 'pinia';
import { store } from '/@/store';
import { useI18n } from '/@/hooks/web/useI18n';
import { useUserStore } from './user';
import { useAppStoreWithOut } from './app';
import { toRaw } from 'vue';
2022-06-10 10:44:44 +08:00
import { transformObjToRoute, flatMultiLevelRoutes, addSlashToRouteComponent } from '/@/router/helper/routeHelper';
2021-10-20 14:32:09 +08:00
import { transformRouteToMenu } from '/@/router/helper/menuHelper';
import projectSetting from '/@/settings/projectSetting';
import { PermissionModeEnum } from '/@/enums/appEnum';
import { asyncRoutes } from '/@/router/routes';
import { ERROR_LOG_ROUTE, PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
import { filter } from '/@/utils/helper/treeHelper';
import { getMenuList } from '/@/api/sys/menu';
import { getPermCode } from '/@/api/sys/user';
import { useMessage } from '/@/hooks/web/useMessage';
import { PageEnum } from '/@/enums/pageEnum';
2022-03-10 09:47:29 +08:00
// 系统权限
interface AuthItem {
// 菜单权限编码例如“sys:schedule:list,sys:schedule:info”,多个逗号隔开
2022-06-10 10:44:44 +08:00
action: string;
2022-03-10 09:47:29 +08:00
// 权限策略1显示2禁用
2022-06-10 10:44:44 +08:00
type: string | number;
2022-03-10 09:47:29 +08:00
// 权限状态(0无效1有效)
2022-06-10 10:44:44 +08:00
status: string | number;
2022-03-10 09:47:29 +08:00
// 权限名称
2022-06-10 10:44:44 +08:00
describe?: string;
isAuth?: boolean;
2022-03-10 09:47:29 +08:00
}
2021-10-20 14:32:09 +08:00
interface PermissionState {
// Permission code list
permCodeList: string[] | number[];
// Whether the route has been dynamically added
isDynamicAddedRoute: boolean;
// To trigger a menu update
lastBuildMenuTime: number;
// Backstage menu list
backMenuList: Menu[];
frontMenuList: Menu[];
2022-03-10 09:47:29 +08:00
// 用户所拥有的权限
2022-06-10 10:44:44 +08:00
authList: AuthItem[];
2022-03-10 09:47:29 +08:00
// 全部权限配置
2022-06-10 10:44:44 +08:00
allAuthList: AuthItem[];
2022-03-10 09:47:29 +08:00
// 系统安全模式
2022-06-10 10:44:44 +08:00
sysSafeMode: boolean;
// online子表按钮权限
onlineSubTableAuthMap: object;
2021-10-20 14:32:09 +08:00
}
export const usePermissionStore = defineStore({
id: 'app-permission',
state: (): PermissionState => ({
permCodeList: [],
// Whether the route has been dynamically added
isDynamicAddedRoute: false,
// To trigger a menu update
lastBuildMenuTime: 0,
// Backstage menu list
backMenuList: [],
// menu List
frontMenuList: [],
2022-03-10 09:47:29 +08:00
authList: [],
allAuthList: [],
sysSafeMode: false,
onlineSubTableAuthMap: {},
2021-10-20 14:32:09 +08:00
}),
getters: {
getPermCodeList(): string[] | number[] {
return this.permCodeList;
},
getBackMenuList(): Menu[] {
return this.backMenuList;
},
getFrontMenuList(): Menu[] {
return this.frontMenuList;
},
getLastBuildMenuTime(): number {
return this.lastBuildMenuTime;
},
getIsDynamicAddedRoute(): boolean {
return this.isDynamicAddedRoute;
},
//update-begin-author:taoyan date:2022-6-1 for: VUEN-1162 子表按钮没控制
getOnlineSubTableAuth: (state) => {
return (code) => state.onlineSubTableAuthMap[code];
},
//update-end-author:taoyan date:2022-6-1 for: VUEN-1162 子表按钮没控制
2021-10-20 14:32:09 +08:00
},
actions: {
setPermCodeList(codeList: string[]) {
this.permCodeList = codeList;
},
setBackMenuList(list: Menu[]) {
this.backMenuList = list;
list?.length > 0 && this.setLastBuildMenuTime();
},
setFrontMenuList(list: Menu[]) {
this.frontMenuList = list;
},
setLastBuildMenuTime() {
this.lastBuildMenuTime = new Date().getTime();
},
setDynamicAddedRoute(added: boolean) {
this.isDynamicAddedRoute = added;
},
resetState(): void {
this.isDynamicAddedRoute = false;
this.permCodeList = [];
this.backMenuList = [];
this.lastBuildMenuTime = 0;
},
async changePermissionCode() {
2022-03-10 09:47:29 +08:00
const systemPermission = await getPermCode();
2022-06-10 10:44:44 +08:00
const codeList = systemPermission.codeList;
2021-10-20 14:32:09 +08:00
this.setPermCodeList(codeList);
2022-06-10 10:44:44 +08:00
this.setAuthData(systemPermission);
2021-10-20 14:32:09 +08:00
},
async buildRoutesAction(): Promise<AppRouteRecordRaw[]> {
const { t } = useI18n();
const userStore = useUserStore();
const appStore = useAppStoreWithOut();
let routes: AppRouteRecordRaw[] = [];
const roleList = toRaw(userStore.getRoleList) || [];
const { permissionMode = projectSetting.permissionMode } = appStore.getProjectConfig;
const routeFilter = (route: AppRouteRecordRaw) => {
const { meta } = route;
const { roles } = meta || {};
if (!roles) return true;
return roleList.some((role) => roles.includes(role));
};
const routeRemoveIgnoreFilter = (route: AppRouteRecordRaw) => {
const { meta } = route;
const { ignoreRoute } = meta || {};
return !ignoreRoute;
};
/**
* @description pathroutes中的affix标记
* */
const patchHomeAffix = (routes: AppRouteRecordRaw[]) => {
if (!routes || routes.length === 0) return;
let homePath: string = userStore.getUserInfo.homePath || PageEnum.BASE_HOME;
function patcher(routes: AppRouteRecordRaw[], parentPath = '') {
if (parentPath) parentPath = parentPath + '/';
routes.forEach((route: AppRouteRecordRaw) => {
const { path, children, redirect } = route;
const currentPath = path.startsWith('/') ? path : parentPath + path;
if (currentPath === homePath) {
if (redirect) {
homePath = route.redirect! as string;
} else {
route.meta = Object.assign({}, route.meta, { affix: true });
throw new Error('end');
}
}
children && children.length > 0 && patcher(children, currentPath);
});
}
try {
patcher(routes);
} catch (e) {
// 已处理完毕跳出循环
}
return;
};
switch (permissionMode) {
case PermissionModeEnum.ROLE:
routes = filter(asyncRoutes, routeFilter);
routes = routes.filter(routeFilter);
// 将多级路由转换为二级
routes = flatMultiLevelRoutes(routes);
break;
case PermissionModeEnum.ROUTE_MAPPING:
routes = filter(asyncRoutes, routeFilter);
routes = routes.filter(routeFilter);
const menuList = transformRouteToMenu(routes, true);
routes = filter(routes, routeRemoveIgnoreFilter);
routes = routes.filter(routeRemoveIgnoreFilter);
menuList.sort((a, b) => {
return (a.meta?.orderNo || 0) - (b.meta?.orderNo || 0);
});
this.setFrontMenuList(menuList);
// 将多级路由转换为二级
routes = flatMultiLevelRoutes(routes);
break;
// 后台菜单构建
case PermissionModeEnum.BACK:
const { createMessage, createWarningModal } = useMessage();
2022-03-10 09:47:29 +08:00
// 菜单加载提示
// createMessage.loading({
// content: t('sys.app.menuLoading'),
// duration: 1,
// });
2021-10-20 14:32:09 +08:00
// 从后台获取权限码,
// 这个函数可能只需要执行一次,并且实际的项目可以在正确的时间被放置
let routeList: AppRouteRecordRaw[] = [];
try {
this.changePermissionCode();
routeList = (await getMenuList()) as AppRouteRecordRaw[];
// update-begin----author:sunjianlei---date:20220315------for: 判断是否是 vue3 版本的菜单 ---
2022-06-10 10:44:44 +08:00
let hasIndex: boolean = false;
let hasIcon: boolean = false;
for (let menuItem of routeList) {
// 条件1判断组件是否是 layouts/default/index
if (!hasIndex) {
2022-06-10 10:44:44 +08:00
hasIndex = menuItem.component === 'layouts/default/index';
}
// 条件2判断图标是否带有 冒号
if (!hasIcon) {
2022-06-10 10:44:44 +08:00
hasIcon = !!menuItem.meta?.icon?.includes(':');
}
// 满足任何一个条件都直接跳出循环
if (hasIcon || hasIndex) {
2022-06-10 10:44:44 +08:00
break;
}
}
// 两个条件都不满足,就弹出提示框
if (!hasIcon && !hasIndex) {
// 延迟1.5秒之后再出现提示,否则提示框出不来
2022-06-10 10:44:44 +08:00
setTimeout(
() =>
createWarningModal({
title: '提示',
content:
'检测到当前菜单表是 <b>Vue2版本</b> 的这将导致菜单加载异常请更换成vue3版本的表' +
'<br>切换文档:<a href="http://vue3.jeecg.com/2671576" target="_blank">http://vue3.jeecg.com/2671576</a>',
2022-06-10 10:44:44 +08:00
}),
1500
);
}
// update-end----author:sunjianlei---date:20220315------for: 判断是否是 vue3 版本的菜单 ---
2021-10-20 14:32:09 +08:00
} catch (error) {
console.error(error);
}
2022-03-10 09:47:29 +08:00
// 组件地址前加斜杠处理 author: lsq date:2021-09-08
routeList = addSlashToRouteComponent(routeList);
2021-10-20 14:32:09 +08:00
// 动态引入组件
routeList = transformObjToRoute(routeList);
// 构建后台路由菜单
const backMenuList = transformRouteToMenu(routeList);
this.setBackMenuList(backMenuList);
// 删除meta.ignoreRoute项
routeList = filter(routeList, routeRemoveIgnoreFilter);
routeList = routeList.filter(routeRemoveIgnoreFilter);
routeList = flatMultiLevelRoutes(routeList);
routes = [PAGE_NOT_FOUND_ROUTE, ...routeList];
break;
}
routes.push(ERROR_LOG_ROUTE);
patchHomeAffix(routes);
return routes;
},
2022-03-10 09:47:29 +08:00
setAuthData(systemPermission) {
2022-06-10 10:44:44 +08:00
this.authList = systemPermission.auth;
this.allAuthList = systemPermission.allAuth;
this.sysSafeMode = systemPermission.sysSafeMode;
2022-03-10 09:47:29 +08:00
},
setAuthList(authList: AuthItem[]) {
2022-06-10 10:44:44 +08:00
this.authList = authList;
2022-03-10 09:47:29 +08:00
},
setAllAuthList(authList: AuthItem[]) {
2022-06-10 10:44:44 +08:00
this.allAuthList = authList;
2022-03-10 09:47:29 +08:00
},
//update-begin-author:taoyan date:2022-6-1 for: VUEN-1162 子表按钮没控制
setOnlineSubTableAuth(code, hideBtnList) {
this.onlineSubTableAuthMap[code] = hideBtnList;
},
//update-end-author:taoyan date:2022-6-1 for: VUEN-1162 子表按钮没控制
2021-10-20 14:32:09 +08:00
},
});
// 需要在设置之外使用
export function usePermissionStoreWithOut() {
return usePermissionStore(store);
}