import type { Router } from 'vue-router';
|
|
import { LOGIN_PATH } from '@vben/constants';
|
import { preferences } from '@vben/preferences';
|
import { useAccessStore, useUserStore } from '@vben/stores';
|
import { startProgress, stopProgress } from '@vben/utils';
|
|
import { addCommonMenu } from '#/api/system/collectMenu';
|
import { accessRoutes, coreRouteNames } from '#/router/routes';
|
import { useAuthStore } from '#/store';
|
import { getJnpfAppEnCode, getRealJnpfAppEnCode } from '#/utils/jnpf';
|
|
import { generateAccess } from './access';
|
|
/**
|
* 通用守卫配置
|
* @param router
|
*/
|
function setupCommonGuard(router: Router) {
|
// 记录已经加载的页面
|
const loadedPaths = new Set<string>();
|
|
router.beforeEach((to) => {
|
to.meta.loaded = loadedPaths.has(to.path);
|
|
// 页面加载进度条
|
if (!to.meta.loaded && preferences.transition.progress) {
|
startProgress();
|
}
|
return true;
|
});
|
|
router.afterEach(async (to) => {
|
const modelId = to.meta?.modelId || '';
|
if (modelId) await addCommonMenu(modelId);
|
// 记录页面是否加载,如果已经加载，后续的页面切换动画等效果不在重复执行
|
loadedPaths.add(to.path);
|
|
// 关闭页面加载进度条
|
if (preferences.transition.progress) {
|
stopProgress();
|
}
|
});
|
}
|
|
/**
|
* 权限访问守卫配置
|
* @param router
|
*/
|
function setupAccessGuard(router: Router) {
|
router.beforeEach(async (to, from) => {
|
const accessStore = useAccessStore();
|
const userStore = useUserStore();
|
const authStore = useAuthStore();
|
const appEnCode = getJnpfAppEnCode();
|
|
if (['/reportPreview', '/workFlowDetail'].includes(to.path) && to.query.token && accessStore.accessToken != to.query.token) {
|
accessStore.setAccessToken(to.query.token as string);
|
return { ...to, replace: true };
|
}
|
|
// 基本路由，这些路由不需要进入权限拦截
|
if (coreRouteNames.includes(to.name as string)) {
|
if (to.path === LOGIN_PATH && accessStore.accessToken) {
|
return decodeURIComponent((to.query?.redirect as string) || preferences.app.defaultHomePath);
|
}
|
return true;
|
}
|
|
// accessToken 检查
|
if (!accessStore.accessToken) {
|
// 明确声明忽略权限访问权限，则可以访问
|
if (to.meta.ignoreAccess) {
|
return true;
|
}
|
|
// 没有访问权限，跳转登录页面
|
if (to.fullPath !== LOGIN_PATH) {
|
return {
|
path: LOGIN_PATH,
|
// 如不需要，直接删除 query
|
query: to.fullPath === preferences.app.defaultHomePath ? {} : { redirect: encodeURIComponent(to.fullPath) },
|
// 携带当前跳转的页面，登录后重新跳转该页面
|
replace: true,
|
};
|
}
|
return to;
|
}
|
|
// 是否已经生成过动态路由
|
if (accessStore.isAccessChecked) {
|
if ((['teamwork', 'workFlow'].includes(appEnCode) || appEnCode !== getRealJnpfAppEnCode()) && to.path === preferences.app.defaultHomePath) {
|
let path = '/404';
|
if (accessStore.backMenus.length && accessStore.backMenus[0]?.children?.length) {
|
path = `/${accessStore.backMenus[0].children[0]?.urlAddress}`;
|
}
|
return {
|
...router.resolve(path),
|
replace: true,
|
};
|
}
|
return true;
|
}
|
|
// 生成路由表
|
// 当前登录用户拥有的角色标识列表
|
!userStore.userInfo && (await authStore.fetchUserInfo());
|
|
// 生成菜单和路由
|
const { accessibleMenus, accessibleRoutes } = await generateAccess({
|
router,
|
routes: accessRoutes,
|
backMenus: accessStore.backMenus,
|
});
|
|
// 保存菜单信息和路由信息
|
accessStore.setAccessMenus(accessibleMenus);
|
accessStore.setAccessRoutes(accessibleRoutes);
|
accessStore.setIsAccessChecked(true);
|
const redirectPath = (from.query.redirect ?? (to.path === preferences.app.defaultHomePath ? preferences.app.defaultHomePath : to.fullPath)) as string;
|
|
if ((['teamwork', 'workFlow'].includes(appEnCode) || appEnCode !== getRealJnpfAppEnCode()) && to.path === preferences.app.defaultHomePath) {
|
let path = '/404';
|
if (accessStore.backMenus.length && accessStore.backMenus[0]?.children?.length) {
|
path = `/${accessStore.backMenus[0].children[0]?.urlAddress}`;
|
}
|
return {
|
...router.resolve(path),
|
replace: true,
|
};
|
}
|
|
return {
|
...router.resolve(decodeURIComponent(redirectPath)),
|
replace: true,
|
};
|
});
|
}
|
|
/**
|
* 项目守卫配置
|
* @param router
|
*/
|
function createRouterGuard(router: Router) {
|
/** 通用 */
|
setupCommonGuard(router);
|
/** 权限访问 */
|
setupAccessGuard(router);
|
}
|
|
export { createRouterGuard };
|
