mirror of
https://github.com/jeecgboot/JeecgBoot.git
synced 2026-01-02 19:15:26 +08:00
前端和后端源码，合并到一个git仓库中，方便用户下载，避免前后端不匹配的问题
This commit is contained in:
JEECG
24
jeecgboot-vue3/src/router/constant.ts
Normal file
24
jeecgboot-vue3/src/router/constant.ts
Normal file
@ -0,0 +1,24 @@
|
||||
export const REDIRECT_NAME = 'Redirect';
|
||||
|
||||
export const PARENT_LAYOUT_NAME = 'ParentLayout';
|
||||
|
||||
export const PAGE_NOT_FOUND_NAME = 'PageNotFound';
|
||||
|
||||
export const EXCEPTION_COMPONENT = () => import('/@/views/sys/exception/Exception.vue');
|
||||
|
||||
/**
|
||||
* @description: default layout
|
||||
*/
|
||||
export const LAYOUT = () => import('/@/layouts/default/index.vue');
|
||||
|
||||
/**
|
||||
* @description: parent-layout
|
||||
*/
|
||||
export const getParentLayout = (_name?: string) => {
|
||||
return () =>
|
||||
new Promise((resolve) => {
|
||||
resolve({
|
||||
name: _name || PARENT_LAYOUT_NAME,
|
||||
});
|
||||
});
|
||||
};
|
||||
147
jeecgboot-vue3/src/router/guard/index.ts
Normal file
147
jeecgboot-vue3/src/router/guard/index.ts
Normal file
@ -0,0 +1,147 @@
|
||||
import type { Router, RouteLocationNormalized } from 'vue-router';
|
||||
import { useAppStoreWithOut } from '/@/store/modules/app';
|
||||
import { useUserStoreWithOut } from '/@/store/modules/user';
|
||||
import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting';
|
||||
import { AxiosCanceler } from '/@/utils/http/axios/axiosCancel';
|
||||
import { Modal, notification } from 'ant-design-vue';
|
||||
import { warn } from '/@/utils/log';
|
||||
import { unref } from 'vue';
|
||||
import { setRouteChange } from '/@/logics/mitt/routeChange';
|
||||
import { createPermissionGuard } from './permissionGuard';
|
||||
import { createStateGuard } from './stateGuard';
|
||||
import nProgress from 'nprogress';
|
||||
import projectSetting from '/@/settings/projectSetting';
|
||||
import { createParamMenuGuard } from './paramMenuGuard';
|
||||
|
||||
// Don't change the order of creation
|
||||
export function setupRouterGuard(router: Router) {
|
||||
createPageGuard(router);
|
||||
createPageLoadingGuard(router);
|
||||
createHttpGuard(router);
|
||||
createScrollGuard(router);
|
||||
createMessageGuard(router);
|
||||
createProgressGuard(router);
|
||||
createPermissionGuard(router);
|
||||
createParamMenuGuard(router); // must after createPermissionGuard (menu has been built.)
|
||||
createStateGuard(router);
|
||||
}
|
||||
|
||||
/**
|
||||
* Hooks for handling page state
|
||||
*/
|
||||
function createPageGuard(router: Router) {
|
||||
const loadedPageMap = new Map<string, boolean>();
|
||||
|
||||
router.beforeEach(async (to) => {
|
||||
// The page has already been loaded, it will be faster to open it again, you don’t need to do loading and other processing
|
||||
to.meta.loaded = !!loadedPageMap.get(to.path);
|
||||
// Notify routing changes
|
||||
setRouteChange(to);
|
||||
|
||||
return true;
|
||||
});
|
||||
|
||||
router.afterEach((to) => {
|
||||
loadedPageMap.set(to.path, true);
|
||||
});
|
||||
}
|
||||
|
||||
// Used to handle page loading status
|
||||
function createPageLoadingGuard(router: Router) {
|
||||
const userStore = useUserStoreWithOut();
|
||||
const appStore = useAppStoreWithOut();
|
||||
const { getOpenPageLoading } = useTransitionSetting();
|
||||
router.beforeEach(async (to) => {
|
||||
if (!userStore.getToken) {
|
||||
return true;
|
||||
}
|
||||
if (to.meta.loaded) {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (unref(getOpenPageLoading)) {
|
||||
appStore.setPageLoadingAction(true);
|
||||
return true;
|
||||
}
|
||||
|
||||
return true;
|
||||
});
|
||||
router.afterEach(async () => {
|
||||
if (unref(getOpenPageLoading)) {
|
||||
// TODO Looking for a better way
|
||||
// The timer simulates the loading time to prevent flashing too fast,
|
||||
setTimeout(() => {
|
||||
appStore.setPageLoading(false);
|
||||
}, 220);
|
||||
}
|
||||
return true;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* The interface used to close the current page to complete the request when the route is switched
|
||||
* @param router
|
||||
*/
|
||||
function createHttpGuard(router: Router) {
|
||||
const { removeAllHttpPending } = projectSetting;
|
||||
let axiosCanceler: Nullable<AxiosCanceler>;
|
||||
if (removeAllHttpPending) {
|
||||
axiosCanceler = new AxiosCanceler();
|
||||
}
|
||||
router.beforeEach(async () => {
|
||||
// Switching the route will delete the previous request
|
||||
axiosCanceler?.removeAllPending();
|
||||
return true;
|
||||
});
|
||||
}
|
||||
|
||||
// Routing switch back to the top
|
||||
function createScrollGuard(router: Router) {
|
||||
const isHash = (href: string) => {
|
||||
return /^#/.test(href);
|
||||
};
|
||||
|
||||
const body = document.body;
|
||||
|
||||
router.afterEach(async (to) => {
|
||||
// scroll top
|
||||
isHash((to as RouteLocationNormalized & { href: string })?.href) && body.scrollTo(0, 0);
|
||||
return true;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Used to close the message instance when the route is switched
|
||||
* @param router
|
||||
*/
|
||||
export function createMessageGuard(router: Router) {
|
||||
const { closeMessageOnSwitch } = projectSetting;
|
||||
|
||||
router.beforeEach(async () => {
|
||||
try {
|
||||
if (closeMessageOnSwitch) {
|
||||
Modal.destroyAll();
|
||||
notification.destroy();
|
||||
}
|
||||
} catch (error) {
|
||||
warn('message guard error:' + error);
|
||||
}
|
||||
return true;
|
||||
});
|
||||
}
|
||||
|
||||
export function createProgressGuard(router: Router) {
|
||||
const { getOpenNProgress } = useTransitionSetting();
|
||||
router.beforeEach(async (to) => {
|
||||
if (to.meta.loaded) {
|
||||
return true;
|
||||
}
|
||||
unref(getOpenNProgress) && nProgress.start();
|
||||
return true;
|
||||
});
|
||||
|
||||
router.afterEach(async () => {
|
||||
unref(getOpenNProgress) && nProgress.done();
|
||||
return true;
|
||||
});
|
||||
}
|
||||
47
jeecgboot-vue3/src/router/guard/paramMenuGuard.ts
Normal file
47
jeecgboot-vue3/src/router/guard/paramMenuGuard.ts
Normal file
@ -0,0 +1,47 @@
|
||||
import type { Router } from 'vue-router';
|
||||
import { configureDynamicParamsMenu } from '../helper/menuHelper';
|
||||
import { Menu } from '../types';
|
||||
import { PermissionModeEnum } from '/@/enums/appEnum';
|
||||
import { useAppStoreWithOut } from '/@/store/modules/app';
|
||||
|
||||
import { usePermissionStoreWithOut } from '/@/store/modules/permission';
|
||||
|
||||
export function createParamMenuGuard(router: Router) {
|
||||
const permissionStore = usePermissionStoreWithOut();
|
||||
router.beforeEach(async (to, _, next) => {
|
||||
// filter no name route
|
||||
if (!to.name) {
|
||||
next();
|
||||
return;
|
||||
}
|
||||
|
||||
// menu has been built.
|
||||
if (!permissionStore.getIsDynamicAddedRoute) {
|
||||
next();
|
||||
return;
|
||||
}
|
||||
|
||||
let menus: Menu[] = [];
|
||||
if (isBackMode()) {
|
||||
menus = permissionStore.getBackMenuList;
|
||||
} else if (isRouteMappingMode()) {
|
||||
menus = permissionStore.getFrontMenuList;
|
||||
}
|
||||
menus.forEach((item) => configureDynamicParamsMenu(item, to.params));
|
||||
|
||||
next();
|
||||
});
|
||||
}
|
||||
|
||||
const getPermissionMode = () => {
|
||||
const appStore = useAppStoreWithOut();
|
||||
return appStore.getProjectConfig.permissionMode;
|
||||
};
|
||||
|
||||
const isBackMode = () => {
|
||||
return getPermissionMode() === PermissionModeEnum.BACK;
|
||||
};
|
||||
|
||||
const isRouteMappingMode = () => {
|
||||
return getPermissionMode() === PermissionModeEnum.ROUTE_MAPPING;
|
||||
};
|
||||
206
jeecgboot-vue3/src/router/guard/permissionGuard.ts
Normal file
206
jeecgboot-vue3/src/router/guard/permissionGuard.ts
Normal file
@ -0,0 +1,206 @@
|
||||
import type { Router, RouteRecordRaw } from 'vue-router';
|
||||
|
||||
import { usePermissionStoreWithOut } from '/@/store/modules/permission';
|
||||
|
||||
import { PageEnum } from '/@/enums/pageEnum';
|
||||
import { useUserStoreWithOut } from '/@/store/modules/user';
|
||||
|
||||
import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
|
||||
|
||||
import { RootRoute } from '/@/router/routes';
|
||||
|
||||
import { isOAuth2AppEnv } from '/@/views/sys/login/useLogin';
|
||||
import { OAUTH2_THIRD_LOGIN_TENANT_ID } from "/@/enums/cacheEnum";
|
||||
import { setAuthCache } from "/@/utils/auth";
|
||||
|
||||
const LOGIN_PATH = PageEnum.BASE_LOGIN;
|
||||
//auth2登录路由
|
||||
const OAUTH2_LOGIN_PAGE_PATH = PageEnum.OAUTH2_LOGIN_PAGE_PATH;
|
||||
|
||||
//分享免登录路由
|
||||
const SYS_FILES_PATH = PageEnum.SYS_FILES_PATH;
|
||||
|
||||
// 邮件中的跳转地址,对应此路由,携带token免登录直接去办理页面
|
||||
const TOKEN_LOGIN = PageEnum.TOKEN_LOGIN;
|
||||
|
||||
const ROOT_PATH = RootRoute.path;
|
||||
|
||||
//update-begin---author:wangshuai ---date:20220629 for：[issues/I5BG1I]vue3不支持auth2登录------------
|
||||
//update-begin---author:wangshuai ---date:20221111 for: [VUEN-2472]分享免登录------------
|
||||
const whitePathList: PageEnum[] = [LOGIN_PATH, OAUTH2_LOGIN_PAGE_PATH,SYS_FILES_PATH, TOKEN_LOGIN ];
|
||||
//update-end---author:wangshuai ---date:20221111 for: [VUEN-2472]分享免登录------------
|
||||
//update-end---author:wangshuai ---date:20220629 for：[issues/I5BG1I]vue3不支持auth2登录------------
|
||||
|
||||
export function createPermissionGuard(router: Router) {
|
||||
const userStore = useUserStoreWithOut();
|
||||
const permissionStore = usePermissionStoreWithOut();
|
||||
router.beforeEach(async (to, from, next) => {
|
||||
if (
|
||||
from.path === ROOT_PATH &&
|
||||
to.path === PageEnum.BASE_HOME &&
|
||||
userStore.getUserInfo.homePath &&
|
||||
userStore.getUserInfo.homePath !== PageEnum.BASE_HOME
|
||||
) {
|
||||
next(userStore.getUserInfo.homePath);
|
||||
return;
|
||||
}
|
||||
|
||||
const token = userStore.getToken;
|
||||
|
||||
// Whitelist can be directly entered
|
||||
if (whitePathList.includes(to.path as PageEnum)) {
|
||||
if (to.path === LOGIN_PATH && token) {
|
||||
const isSessionTimeout = userStore.getSessionTimeout;
|
||||
|
||||
//update-begin---author:scott ---date:2023-04-24 for：【QQYUN-4713】登录代码调整逻辑有问题，改造待观察--
|
||||
//TODO vben默认写法，暂时不知目的，有问题暂时先注释掉
|
||||
//await userStore.afterLoginAction();
|
||||
//update-end---author:scott ---date::2023-04-24 for：【QQYUN-4713】登录代码调整逻辑有问题，改造待观察--
|
||||
|
||||
try {
|
||||
if (!isSessionTimeout) {
|
||||
next((to.query?.redirect as string) || '/');
|
||||
return;
|
||||
}
|
||||
} catch {}
|
||||
//update-begin---author:wangshuai ---date:20220629 for：[issues/I5BG1I]vue3不支持auth2登录------------
|
||||
} else if (to.path === LOGIN_PATH && isOAuth2AppEnv() && !token) {
|
||||
//退出登录进入此逻辑
|
||||
//如果进入的页面是login页面并且当前是OAuth2app环境，并且token为空，就进入OAuth2登录页面
|
||||
//update-begin---author:wangshuai ---date:20230224 for：[QQYUN-3440]新建企业微信和钉钉配置表，通过租户模式隔离------------
|
||||
if(to.query.tenantId){
|
||||
setAuthCache(OAUTH2_THIRD_LOGIN_TENANT_ID,to.query.tenantId)
|
||||
}
|
||||
next({ path: OAUTH2_LOGIN_PAGE_PATH });
|
||||
//update-end---author:wangshuai ---date:20230224 for：[QQYUN-3440]新建企业微信和钉钉配置表，通过租户模式隔离------------
|
||||
return;
|
||||
//update-end---author:wangshuai ---date:20220629 for：[issues/I5BG1I]vue3不支持auth2登录------------
|
||||
}
|
||||
next();
|
||||
return;
|
||||
}
|
||||
|
||||
// token does not exist
|
||||
if (!token) {
|
||||
// You can access without permission. You need to set the routing meta.ignoreAuth to true
|
||||
if (to.meta.ignoreAuth) {
|
||||
next();
|
||||
return;
|
||||
}
|
||||
|
||||
//update-begin---author:wangshuai ---date:20220629 for：[issues/I5BG1I]vue3 Auth2未实现------------
|
||||
let path = LOGIN_PATH;
|
||||
if (whitePathList.includes(to.path as PageEnum)) {
|
||||
// 在免登录白名单，如果进入的页面是login页面并且当前是OAuth2app环境，就进入OAuth2登录页面
|
||||
if (to.path === LOGIN_PATH && isOAuth2AppEnv()) {
|
||||
next({ path: OAUTH2_LOGIN_PAGE_PATH });
|
||||
} else {
|
||||
//在免登录白名单，直接进入
|
||||
next();
|
||||
}
|
||||
} else {
|
||||
//update-begin---author:wangshuai ---date:20230302 for：只有首次登陆并且是企业微信或者钉钉的情况下才会调用------------
|
||||
//----------【首次登陆并且是企业微信或者钉钉的情况下才会调用】-----------------------------------------------
|
||||
//只有首次登陆并且是企业微信或者钉钉的情况下才会调用
|
||||
let href = window.location.href;
|
||||
//判断当前是auth2页面，并且是钉钉/企业微信，并且包含tenantId参数
|
||||
if(isOAuth2AppEnv() && href.indexOf("/tenantId/")!= -1){
|
||||
let params = to.params;
|
||||
if(params && params.path && params.path.length>0){
|
||||
//直接获取参数最后一位
|
||||
setAuthCache(OAUTH2_THIRD_LOGIN_TENANT_ID,params.path[params.path.length-1])
|
||||
}
|
||||
}
|
||||
//---------【首次登陆并且是企业微信或者钉钉的情况下才会调用】------------------------------------------------
|
||||
//update-end---author:wangshuai ---date:20230302 for：只有首次登陆并且是企业微信或者钉钉的情况下才会调用------------
|
||||
// 如果当前是在OAuth2APP环境，就跳转到OAuth2登录页面，否则跳转到登录页面
|
||||
path = isOAuth2AppEnv() ? OAUTH2_LOGIN_PAGE_PATH : LOGIN_PATH;
|
||||
}
|
||||
//update-end---author:wangshuai ---date:20220629 for：[issues/I5BG1I]vue3 Auth2未实现------------
|
||||
// redirect login page
|
||||
const redirectData: { path: string; replace: boolean; query?: Recordable<string> } = {
|
||||
//update-begin---author:wangshuai ---date:20220629 for：[issues/I5BG1I]vue3 Auth2未实现------------
|
||||
path: path,
|
||||
//update-end---author:wangshuai ---date:20220629 for：[issues/I5BG1I]vue3 Auth2未实现------------
|
||||
replace: true,
|
||||
};
|
||||
|
||||
//update-begin---author:scott ---date:2023-04-24 for：【QQYUN-4713】登录代码调整逻辑有问题，改造待观察--
|
||||
if (to.fullPath) {
|
||||
console.log("to.fullPath 1",to.fullPath)
|
||||
console.log("to.path 2",to.path)
|
||||
|
||||
let getFullPath = to.fullPath;
|
||||
if(getFullPath=='/' || getFullPath=='/500' || getFullPath=='/400' || getFullPath=='/login?redirect=/' || getFullPath=='/login?redirect=/login?redirect=/'){
|
||||
return;
|
||||
}
|
||||
//update-end---author:scott ---date:2023-04-24 for：【QQYUN-4713】登录代码调整逻辑有问题，改造待观察--
|
||||
|
||||
redirectData.query = {
|
||||
...redirectData.query,
|
||||
// update-begin-author:sunjianlei date:20230306 for: 修复登录成功后，没有正确重定向的问题
|
||||
redirect: to.fullPath,
|
||||
// update-end-author:sunjianlei date:20230306 for: 修复登录成功后，没有正确重定向的问题
|
||||
|
||||
};
|
||||
}
|
||||
next(redirectData);
|
||||
return;
|
||||
}
|
||||
|
||||
//==============================【首次登录并且是企业微信或者钉钉的情况下才会调用】==================
|
||||
//判断是免登录页面,如果页面包含/tenantId/,那么就直接前往主页
|
||||
if(isOAuth2AppEnv() && to.path.indexOf("/tenantId/") != -1){
|
||||
next(userStore.getUserInfo.homePath || PageEnum.BASE_HOME);
|
||||
return;
|
||||
}
|
||||
//==============================【首次登录并且是企业微信或者钉钉的情况下才会调用】==================
|
||||
|
||||
// Jump to the 404 page after processing the login
|
||||
if (from.path === LOGIN_PATH && to.name === PAGE_NOT_FOUND_ROUTE.name && to.fullPath !== (userStore.getUserInfo.homePath || PageEnum.BASE_HOME)) {
|
||||
next(userStore.getUserInfo.homePath || PageEnum.BASE_HOME);
|
||||
return;
|
||||
}
|
||||
|
||||
//update-begin---author:scott ---date:2024-02-21 for：【QQYUN-8326】刷新首页，不需要重新获取用户信息---
|
||||
// // get userinfo while last fetch time is empty
|
||||
// if (userStore.getLastUpdateTime === 0) {
|
||||
// try {
|
||||
// console.log("--LastUpdateTime---getUserInfoAction-----")
|
||||
// await userStore.getUserInfoAction();
|
||||
// } catch (err) {
|
||||
// console.info(err);
|
||||
// next();
|
||||
// }
|
||||
// }
|
||||
//update-end---author:scott ---date::2024-02-21 for：【QQYUN-8326】刷新首页，不需要重新获获取用户信息---
|
||||
// update-begin--author:liaozhiyang---date:20240321---for：【QQYUN-8572】表格行选择卡顿问题（customRender中字典引起的）
|
||||
if (userStore.getLastUpdateTime === 0) {
|
||||
userStore.setAllDictItemsByLocal();
|
||||
}
|
||||
// update-end--author:liaozhiyang---date:20240321---for：【QQYUN-8572】表格行选择卡顿问题（customRender中字典引起的）
|
||||
if (permissionStore.getIsDynamicAddedRoute) {
|
||||
next();
|
||||
return;
|
||||
}
|
||||
|
||||
// 构建后台菜单路由
|
||||
const routes = await permissionStore.buildRoutesAction();
|
||||
routes.forEach((route) => {
|
||||
router.addRoute(route as unknown as RouteRecordRaw);
|
||||
});
|
||||
|
||||
router.addRoute(PAGE_NOT_FOUND_ROUTE as unknown as RouteRecordRaw);
|
||||
permissionStore.setDynamicAddedRoute(true);
|
||||
|
||||
if (to.name === PAGE_NOT_FOUND_ROUTE.name) {
|
||||
// 动态添加路由后，此处应当重定向到fullPath，否则会加载404页面内容
|
||||
next({ path: to.fullPath, replace: true, query: to.query });
|
||||
} else {
|
||||
const redirectPath = (from.query.redirect || to.path) as string;
|
||||
const redirect = decodeURIComponent(redirectPath);
|
||||
const nextData = to.path === redirect ? { ...to, replace: true } : { path: redirect };
|
||||
next(nextData);
|
||||
}
|
||||
});
|
||||
}
|
||||
24
jeecgboot-vue3/src/router/guard/stateGuard.ts
Normal file
24
jeecgboot-vue3/src/router/guard/stateGuard.ts
Normal file
@ -0,0 +1,24 @@
|
||||
import type { Router } from 'vue-router';
|
||||
import { useAppStore } from '/@/store/modules/app';
|
||||
import { useMultipleTabStore } from '/@/store/modules/multipleTab';
|
||||
import { useUserStore } from '/@/store/modules/user';
|
||||
import { usePermissionStore } from '/@/store/modules/permission';
|
||||
import { PageEnum } from '/@/enums/pageEnum';
|
||||
import { removeTabChangeListener } from '/@/logics/mitt/routeChange';
|
||||
|
||||
export function createStateGuard(router: Router) {
|
||||
router.afterEach((to) => {
|
||||
// Just enter the login page and clear the authentication information
|
||||
if (to.path === PageEnum.BASE_LOGIN) {
|
||||
const tabStore = useMultipleTabStore();
|
||||
const userStore = useUserStore();
|
||||
const appStore = useAppStore();
|
||||
const permissionStore = usePermissionStore();
|
||||
appStore.resetAllState();
|
||||
permissionStore.resetState();
|
||||
tabStore.resetState();
|
||||
userStore.resetState();
|
||||
removeTabChangeListener();
|
||||
}
|
||||
});
|
||||
}
|
||||
133
jeecgboot-vue3/src/router/helper/menuHelper.ts
Normal file
133
jeecgboot-vue3/src/router/helper/menuHelper.ts
Normal file
@ -0,0 +1,133 @@
|
||||
import { AppRouteModule } from '/@/router/types';
|
||||
import type { MenuModule, Menu, AppRouteRecordRaw } from '/@/router/types';
|
||||
import { findPath, treeMap } from '/@/utils/helper/treeHelper';
|
||||
import { cloneDeep } from 'lodash-es';
|
||||
import { isUrl } from '/@/utils/is';
|
||||
import { RouteParams } from 'vue-router';
|
||||
import { toRaw } from 'vue';
|
||||
|
||||
export function getAllParentPath<T = Recordable>(treeData: T[], path: string) {
|
||||
// update-begin--author:sunjianlei---date:220230426---for：【issues/478】修复菜单展开合并BUG
|
||||
// 原代码
|
||||
// const menuList = findPath(treeData, (n) => n.path === path) as Menu[];
|
||||
// 先匹配不包含隐藏菜单的路径
|
||||
let menuList = findMenuPath(treeData, path, false);
|
||||
// 如果没有匹配到，再匹配包含隐藏菜单的路径
|
||||
if(!(menuList?.length)) {
|
||||
menuList = findMenuPath(treeData, path, true)
|
||||
}
|
||||
// update-end--author:sunjianlei---date:220230426---for：【issues/478】修复菜单展开合并BUG
|
||||
return (menuList || []).map((item) => item.path);
|
||||
}
|
||||
|
||||
/**
|
||||
* 查找菜单路径
|
||||
*
|
||||
* @param treeData
|
||||
* @param path
|
||||
* @param matchHide 是否匹配隐藏菜单
|
||||
*/
|
||||
function findMenuPath<T = Recordable>(treeData: T[], path: string, matchHide: boolean) {
|
||||
return findPath(treeData, (n) => {
|
||||
// 隐藏菜单不参与匹配
|
||||
if(!matchHide && n.hideMenu) {
|
||||
return false;
|
||||
}
|
||||
return n.path === path
|
||||
}) as Menu[];
|
||||
}
|
||||
|
||||
// 路径处理
|
||||
function joinParentPath(menus: Menu[], parentPath = '') {
|
||||
for (let index = 0; index < menus.length; index++) {
|
||||
const menu = menus[index];
|
||||
// https://next.router.vuejs.org/guide/essentials/nested-routes.html
|
||||
// Note that nested paths that start with / will be treated as a root path.
|
||||
// 请注意，以 / 开头的嵌套路径将被视为根路径。
|
||||
// This allows you to leverage the component nesting without having to use a nested URL.
|
||||
// 这允许你利用组件嵌套，而无需使用嵌套 URL。
|
||||
if (!(menu.path.startsWith('/') || isUrl(menu.path))) {
|
||||
// path doesn't start with /, nor is it a url, join parent path
|
||||
// 路径不以 / 开头，也不是 url，加入父路径
|
||||
menu.path = `${parentPath}/${menu.path}`;
|
||||
}
|
||||
if (menu?.children?.length) {
|
||||
joinParentPath(menu.children, menu.meta?.hidePathForChildren ? parentPath : menu.path);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Parsing the menu module
|
||||
export function transformMenuModule(menuModule: MenuModule): Menu {
|
||||
const { menu } = menuModule;
|
||||
|
||||
const menuList = [menu];
|
||||
|
||||
joinParentPath(menuList);
|
||||
return menuList[0];
|
||||
}
|
||||
|
||||
// 将路由转换成菜单
|
||||
export function transformRouteToMenu(routeModList: AppRouteModule[], routerMapping = false) {
|
||||
// 借助 lodash 深拷贝
|
||||
const cloneRouteModList = cloneDeep(routeModList);
|
||||
const routeList: AppRouteRecordRaw[] = [];
|
||||
|
||||
// 对路由项进行修改
|
||||
cloneRouteModList.forEach((item) => {
|
||||
if (routerMapping && item.meta.hideChildrenInMenu && typeof item.redirect === 'string') {
|
||||
item.path = item.redirect;
|
||||
}
|
||||
|
||||
if (item.meta?.single) {
|
||||
const realItem = item?.children?.[0];
|
||||
realItem && routeList.push(realItem);
|
||||
} else {
|
||||
routeList.push(item);
|
||||
}
|
||||
});
|
||||
// 提取树指定结构
|
||||
const list = treeMap(routeList, {
|
||||
conversion: (node: AppRouteRecordRaw) => {
|
||||
const { meta: { title, hideMenu = false } = {} } = node;
|
||||
|
||||
return {
|
||||
...(node.meta || {}),
|
||||
meta: node.meta,
|
||||
name: title,
|
||||
hideMenu,
|
||||
alwaysShow:node.alwaysShow||false,
|
||||
path: node.path,
|
||||
...(node.redirect ? { redirect: node.redirect } : {}),
|
||||
};
|
||||
},
|
||||
});
|
||||
// 路径处理
|
||||
joinParentPath(list);
|
||||
return cloneDeep(list);
|
||||
}
|
||||
|
||||
/**
|
||||
* config menu with given params
|
||||
*/
|
||||
const menuParamRegex = /(?::)([\s\S]+?)((?=\/)|$)/g;
|
||||
|
||||
export function configureDynamicParamsMenu(menu: Menu, params: RouteParams) {
|
||||
const { path, paramPath } = toRaw(menu);
|
||||
let realPath = paramPath ? paramPath : path;
|
||||
const matchArr = realPath.match(menuParamRegex);
|
||||
|
||||
matchArr?.forEach((it) => {
|
||||
const realIt = it.substr(1);
|
||||
if (params[realIt]) {
|
||||
realPath = realPath.replace(`:${realIt}`, params[realIt] as string);
|
||||
}
|
||||
});
|
||||
// save original param path.
|
||||
if (!paramPath && matchArr && matchArr.length > 0) {
|
||||
menu.paramPath = path;
|
||||
}
|
||||
menu.path = realPath;
|
||||
// children
|
||||
menu.children?.forEach((item) => configureDynamicParamsMenu(item, params));
|
||||
}
|
||||
240
jeecgboot-vue3/src/router/helper/routeHelper.ts
Normal file
240
jeecgboot-vue3/src/router/helper/routeHelper.ts
Normal file
@ -0,0 +1,240 @@
|
||||
import type { AppRouteModule, AppRouteRecordRaw } from '/@/router/types';
|
||||
import type { Router, RouteRecordNormalized } from 'vue-router';
|
||||
|
||||
import { getParentLayout, LAYOUT, EXCEPTION_COMPONENT } from '/@/router/constant';
|
||||
import { cloneDeep, omit } from 'lodash-es';
|
||||
import { warn } from '/@/utils/log';
|
||||
import { createRouter, createWebHashHistory } from 'vue-router';
|
||||
import { getTenantId, getToken } from "/@/utils/auth";
|
||||
import { URL_HASH_TAB, _eval } from '/@/utils';
|
||||
//引入online lib路由
|
||||
import { packageViews } from '/@/utils/monorepo/dynamicRouter';
|
||||
import {useI18n} from "/@/hooks/web/useI18n";
|
||||
|
||||
export type LayoutMapKey = 'LAYOUT';
|
||||
const IFRAME = () => import('/@/views/sys/iframe/FrameBlank.vue');
|
||||
const LayoutContent = () => import('/@/layouts/default/content/index.vue');
|
||||
|
||||
const LayoutMap = new Map<string, () => Promise<typeof import('*.vue')>>();
|
||||
|
||||
LayoutMap.set('LAYOUT', LAYOUT);
|
||||
LayoutMap.set('IFRAME', IFRAME);
|
||||
//微前端qiankun
|
||||
LayoutMap.set('LayoutsContent', LayoutContent);
|
||||
|
||||
let dynamicViewsModules: Record<string, () => Promise<Recordable>>;
|
||||
|
||||
// Dynamic introduction
|
||||
function asyncImportRoute(routes: AppRouteRecordRaw[] | undefined) {
|
||||
if (!dynamicViewsModules) {
|
||||
dynamicViewsModules = import.meta.glob('../../views/**/*.{vue,tsx}');
|
||||
//合并online lib路由
|
||||
dynamicViewsModules = Object.assign({}, dynamicViewsModules, packageViews);
|
||||
}
|
||||
if (!routes) return;
|
||||
routes.forEach((item) => {
|
||||
|
||||
//【jeecg-boot/issues/I5N2PN】左侧动态菜单怎么做国际化处理 2022-10-09
|
||||
//菜单支持国际化翻译
|
||||
if (item?.meta?.title) {
|
||||
const { t } = useI18n();
|
||||
if(item.meta.title.includes('t(\'') && t){
|
||||
// update-begin--author:liaozhiyang---date:20230906---for：【QQYUN-6390】eval替换成new Function，解决build警告
|
||||
item.meta.title = new Function('t', `return ${item.meta.title}`)(t);
|
||||
// update-end--author:liaozhiyang---date:20230906---for：【QQYUN-6390】eval替换成new Function，解决build警告
|
||||
}
|
||||
}
|
||||
// update-begin--author:sunjianlei---date:20210918---for:适配旧版路由选项 --------
|
||||
// @ts-ignore 适配隐藏路由
|
||||
if (item?.hidden) {
|
||||
item.meta.hideMenu = true;
|
||||
//是否隐藏面包屑
|
||||
item.meta.hideBreadcrumb = true;
|
||||
}
|
||||
// @ts-ignore 添加忽略路由配置
|
||||
if (item?.route == 0) {
|
||||
item.meta.ignoreRoute = true;
|
||||
}
|
||||
// @ts-ignore 添加是否缓存路由配置
|
||||
item.meta.ignoreKeepAlive = !item?.meta.keepAlive;
|
||||
let token = getToken();
|
||||
let tenantId = getTenantId();
|
||||
// URL支持{{ window.xxx }}占位符变量
|
||||
//update-begin---author:wangshuai ---date:20220711 for：[VUEN-1638]菜单tenantId需要动态生成------------
|
||||
item.component = (item.component || '').replace(/{{([^}}]+)?}}/g, (s1, s2) => _eval(s2)).replace('${token}', token).replace('${tenantId}', tenantId);
|
||||
//update-end---author:wangshuai ---date:20220711 for：[VUEN-1638]菜单tenantId需要动态生成------------
|
||||
// 适配 iframe
|
||||
if (/^\/?http(s)?/.test(item.component as string)) {
|
||||
item.component = item.component.substring(1, item.component.length);
|
||||
}
|
||||
if (/^http(s)?/.test(item.component as string)) {
|
||||
if (item.meta?.internalOrExternal) {
|
||||
// @ts-ignore 外部打开
|
||||
item.path = item.component;
|
||||
// update-begin--author:sunjianlei---date:20220408---for: 【VUEN-656】配置外部网址打不开，原因是带了#号，需要替换一下
|
||||
item.path = item.path.replace('#', URL_HASH_TAB);
|
||||
// update-end--author:sunjianlei---date:20220408---for: 【VUEN-656】配置外部网址打不开，原因是带了#号，需要替换一下
|
||||
} else {
|
||||
// @ts-ignore 内部打开
|
||||
item.meta.frameSrc = item.component;
|
||||
}
|
||||
delete item.component;
|
||||
}
|
||||
// update-end--author:sunjianlei---date:20210918---for:适配旧版路由选项 --------
|
||||
if (!item.component && item.meta?.frameSrc) {
|
||||
item.component = 'IFRAME';
|
||||
}
|
||||
let { component, name } = item;
|
||||
const { children } = item;
|
||||
if (component) {
|
||||
const layoutFound = LayoutMap.get(component.toUpperCase());
|
||||
if (layoutFound) {
|
||||
item.component = layoutFound;
|
||||
} else {
|
||||
// update-end--author:zyf---date:20220307--for:VUEN-219兼容后台返回动态首页,目的适配跟v2版本配置一致 --------
|
||||
if (component.indexOf('dashboard/') > -1) {
|
||||
//当数据标sys_permission中component没有拼接index时前端需要拼接
|
||||
if (component.indexOf('/index') < 0) {
|
||||
component = component + '/index';
|
||||
}
|
||||
}
|
||||
// update-end--author:zyf---date:20220307---for:VUEN-219兼容后台返回动态首页,目的适配跟v2版本配置一致 --------
|
||||
item.component = dynamicImport(dynamicViewsModules, component as string);
|
||||
}
|
||||
} else if (name) {
|
||||
item.component = getParentLayout();
|
||||
}
|
||||
children && asyncImportRoute(children);
|
||||
});
|
||||
}
|
||||
|
||||
function dynamicImport(dynamicViewsModules: Record<string, () => Promise<Recordable>>, component: string) {
|
||||
const keys = Object.keys(dynamicViewsModules);
|
||||
const matchKeys = keys.filter((key) => {
|
||||
const k = key.replace('../../views', '');
|
||||
const startFlag = component.startsWith('/');
|
||||
const endFlag = component.endsWith('.vue') || component.endsWith('.tsx');
|
||||
const startIndex = startFlag ? 0 : 1;
|
||||
const lastIndex = endFlag ? k.length : k.lastIndexOf('.');
|
||||
return k.substring(startIndex, lastIndex) === component;
|
||||
});
|
||||
if (matchKeys?.length === 1) {
|
||||
const matchKey = matchKeys[0];
|
||||
return dynamicViewsModules[matchKey];
|
||||
} else if (matchKeys?.length > 1) {
|
||||
warn(
|
||||
'Please do not create `.vue` and `.TSX` files with the same file name in the same hierarchical directory under the views folder. This will cause dynamic introduction failure'
|
||||
);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// Turn background objects into routing objects
|
||||
export function transformObjToRoute<T = AppRouteModule>(routeList: AppRouteModule[]): T[] {
|
||||
routeList.forEach((route) => {
|
||||
const component = route.component as string;
|
||||
if (component) {
|
||||
if (component.toUpperCase() === 'LAYOUT') {
|
||||
route.component = LayoutMap.get(component.toUpperCase());
|
||||
} else {
|
||||
route.children = [cloneDeep(route)];
|
||||
route.component = LAYOUT;
|
||||
route.name = `${route.name}Parent`;
|
||||
route.path = '';
|
||||
const meta = route.meta || {};
|
||||
meta.single = true;
|
||||
meta.affix = false;
|
||||
route.meta = meta;
|
||||
}
|
||||
} else {
|
||||
warn('请正确配置路由：' + route?.name + '的component属性');
|
||||
}
|
||||
route.children && asyncImportRoute(route.children);
|
||||
});
|
||||
return routeList as unknown as T[];
|
||||
}
|
||||
|
||||
/**
|
||||
* 将多级路由转换为二级
|
||||
*/
|
||||
export function flatMultiLevelRoutes(routeModules: AppRouteModule[]) {
|
||||
const modules: AppRouteModule[] = cloneDeep(routeModules);
|
||||
for (let index = 0; index < modules.length; index++) {
|
||||
const routeModule = modules[index];
|
||||
if (!isMultipleRoute(routeModule)) {
|
||||
continue;
|
||||
}
|
||||
promoteRouteLevel(routeModule);
|
||||
}
|
||||
return modules;
|
||||
}
|
||||
|
||||
//提升路由级别
|
||||
function promoteRouteLevel(routeModule: AppRouteModule) {
|
||||
// Use vue-router to splice menus
|
||||
let router: Router | null = createRouter({
|
||||
routes: [routeModule as unknown as RouteRecordNormalized],
|
||||
history: createWebHashHistory(),
|
||||
});
|
||||
|
||||
const routes = router.getRoutes();
|
||||
addToChildren(routes, routeModule.children || [], routeModule);
|
||||
router = null;
|
||||
|
||||
routeModule.children = routeModule.children?.map((item) => omit(item, 'children'));
|
||||
}
|
||||
|
||||
// Add all sub-routes to the secondary route
|
||||
function addToChildren(routes: RouteRecordNormalized[], children: AppRouteRecordRaw[], routeModule: AppRouteModule) {
|
||||
for (let index = 0; index < children.length; index++) {
|
||||
const child = children[index];
|
||||
const route = routes.find((item) => item.name === child.name);
|
||||
if (!route) {
|
||||
continue;
|
||||
}
|
||||
routeModule.children = routeModule.children || [];
|
||||
if (!routeModule.children.find((item) => item.name === route.name)) {
|
||||
routeModule.children?.push(route as unknown as AppRouteModule);
|
||||
}
|
||||
if (child.children?.length) {
|
||||
addToChildren(routes, child.children, routeModule);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Determine whether the level exceeds 2 levels
|
||||
function isMultipleRoute(routeModule: AppRouteModule) {
|
||||
if (!routeModule || !Reflect.has(routeModule, 'children') || !routeModule.children?.length) {
|
||||
return false;
|
||||
}
|
||||
|
||||
const children = routeModule.children;
|
||||
|
||||
let flag = false;
|
||||
for (let index = 0; index < children.length; index++) {
|
||||
const child = children[index];
|
||||
if (child.children?.length) {
|
||||
flag = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
return flag;
|
||||
}
|
||||
/**
|
||||
* 组件地址前加斜杠处理
|
||||
* @updateBy:lsq
|
||||
* @updateDate:2021-09-08
|
||||
*/
|
||||
export function addSlashToRouteComponent(routeList: AppRouteRecordRaw[]) {
|
||||
routeList.forEach((route) => {
|
||||
let component = route.component as string;
|
||||
if (component) {
|
||||
const layoutFound = LayoutMap.get(component);
|
||||
if (!layoutFound) {
|
||||
route.component = component.startsWith('/') ? component : `/${component}`;
|
||||
}
|
||||
}
|
||||
route.children && addSlashToRouteComponent(route.children);
|
||||
});
|
||||
return routeList as unknown as T[];
|
||||
}
|
||||
46
jeecgboot-vue3/src/router/index.ts
Normal file
46
jeecgboot-vue3/src/router/index.ts
Normal file
@ -0,0 +1,46 @@
|
||||
import type { RouteRecordRaw } from 'vue-router';
|
||||
import type { App } from 'vue';
|
||||
|
||||
import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router';
|
||||
import { basicRoutes } from './routes';
|
||||
|
||||
// 白名单应该包含基本静态路由
|
||||
const WHITE_NAME_LIST: string[] = [];
|
||||
const getRouteNames = (array: any[]) =>
|
||||
array.forEach((item) => {
|
||||
WHITE_NAME_LIST.push(item.name);
|
||||
getRouteNames(item.children || []);
|
||||
});
|
||||
getRouteNames(basicRoutes);
|
||||
|
||||
// app router
|
||||
export const router = createRouter({
|
||||
history: createWebHistory(import.meta.env.VITE_PUBLIC_PATH),
|
||||
routes: basicRoutes as unknown as RouteRecordRaw[],
|
||||
strict: true,
|
||||
scrollBehavior: () => ({ left: 0, top: 0 }),
|
||||
});
|
||||
|
||||
// TODO 【QQYUN-4517】【表单设计器】记录分享路由守卫测试
|
||||
router.beforeEach(async (to, from, next) => {
|
||||
//console.group('【QQYUN-4517】beforeEach');
|
||||
//console.warn('from', from);
|
||||
//console.warn('to', to);
|
||||
//console.groupEnd();
|
||||
next();
|
||||
});
|
||||
|
||||
// reset router
|
||||
export function resetRouter() {
|
||||
router.getRoutes().forEach((route) => {
|
||||
const { name } = route;
|
||||
if (name && !WHITE_NAME_LIST.includes(name as string)) {
|
||||
router.hasRoute(name) && router.removeRoute(name);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// config router
|
||||
export function setupRouter(app: App<Element>) {
|
||||
app.use(router);
|
||||
}
|
||||
126
jeecgboot-vue3/src/router/menus/index.ts
Normal file
126
jeecgboot-vue3/src/router/menus/index.ts
Normal file
@ -0,0 +1,126 @@
|
||||
import type { Menu, MenuModule } from '/@/router/types';
|
||||
import type { RouteRecordNormalized } from 'vue-router';
|
||||
|
||||
import { useAppStoreWithOut } from '/@/store/modules/app';
|
||||
import { usePermissionStore } from '/@/store/modules/permission';
|
||||
import { transformMenuModule, getAllParentPath } from '/@/router/helper/menuHelper';
|
||||
import { filter } from '/@/utils/helper/treeHelper';
|
||||
import { isUrl } from '/@/utils/is';
|
||||
import { router } from '/@/router';
|
||||
import { PermissionModeEnum } from '/@/enums/appEnum';
|
||||
import { pathToRegexp } from 'path-to-regexp';
|
||||
|
||||
const modules = import.meta.glob('./modules/**/*.ts', { eager: true });
|
||||
|
||||
const menuModules: MenuModule[] = [];
|
||||
|
||||
Object.keys(modules).forEach((key) => {
|
||||
const mod = (modules as Recordable)[key].default || {};
|
||||
const modList = Array.isArray(mod) ? [...mod] : [mod];
|
||||
menuModules.push(...modList);
|
||||
});
|
||||
|
||||
// ===========================
|
||||
// ==========Helper===========
|
||||
// ===========================
|
||||
|
||||
const getPermissionMode = () => {
|
||||
const appStore = useAppStoreWithOut();
|
||||
return appStore.getProjectConfig.permissionMode;
|
||||
};
|
||||
const isBackMode = () => {
|
||||
return getPermissionMode() === PermissionModeEnum.BACK;
|
||||
};
|
||||
|
||||
const isRouteMappingMode = () => {
|
||||
return getPermissionMode() === PermissionModeEnum.ROUTE_MAPPING;
|
||||
};
|
||||
|
||||
const isRoleMode = () => {
|
||||
return getPermissionMode() === PermissionModeEnum.ROLE;
|
||||
};
|
||||
|
||||
const staticMenus: Menu[] = [];
|
||||
(() => {
|
||||
menuModules.sort((a, b) => {
|
||||
return (a.orderNo || 0) - (b.orderNo || 0);
|
||||
});
|
||||
|
||||
for (const menu of menuModules) {
|
||||
staticMenus.push(transformMenuModule(menu));
|
||||
}
|
||||
})();
|
||||
|
||||
async function getAsyncMenus() {
|
||||
const permissionStore = usePermissionStore();
|
||||
if (isBackMode()) {
|
||||
return permissionStore.getBackMenuList.filter((item) => !item.meta?.hideMenu && !item.hideMenu);
|
||||
}
|
||||
if (isRouteMappingMode()) {
|
||||
return permissionStore.getFrontMenuList.filter((item) => !item.hideMenu);
|
||||
}
|
||||
return staticMenus;
|
||||
}
|
||||
|
||||
export const getMenus = async (): Promise<Menu[]> => {
|
||||
const menus = await getAsyncMenus();
|
||||
if (isRoleMode()) {
|
||||
const routes = router.getRoutes();
|
||||
return filter(menus, basicFilter(routes));
|
||||
}
|
||||
return menus;
|
||||
};
|
||||
|
||||
export async function getCurrentParentPath(currentPath: string) {
|
||||
const menus = await getAsyncMenus();
|
||||
const allParentPath = await getAllParentPath(menus, currentPath);
|
||||
return allParentPath?.[0];
|
||||
}
|
||||
|
||||
// Get the level 1 menu, delete children
|
||||
export async function getShallowMenus(): Promise<Menu[]> {
|
||||
const menus = await getAsyncMenus();
|
||||
const shallowMenuList = menus.map((item) => ({ ...item, children: undefined }));
|
||||
if (isRoleMode()) {
|
||||
const routes = router.getRoutes();
|
||||
return shallowMenuList.filter(basicFilter(routes));
|
||||
}
|
||||
return shallowMenuList;
|
||||
}
|
||||
|
||||
// Get the children of the menu
|
||||
export async function getChildrenMenus(parentPath: string) {
|
||||
const menus = await getMenus();
|
||||
const parent = menus.find((item) => item.path === parentPath);
|
||||
if (!parent || !parent.children || !!parent?.meta?.hideChildrenInMenu) {
|
||||
return [] as Menu[];
|
||||
}
|
||||
if (isRoleMode()) {
|
||||
const routes = router.getRoutes();
|
||||
return filter(parent.children, basicFilter(routes));
|
||||
}
|
||||
return parent.children;
|
||||
}
|
||||
|
||||
function basicFilter(routes: RouteRecordNormalized[]) {
|
||||
return (menu: Menu) => {
|
||||
const matchRoute = routes.find((route) => {
|
||||
if (isUrl(menu.path)) return true;
|
||||
|
||||
if (route.meta?.carryParam) {
|
||||
return pathToRegexp(route.path).test(menu.path);
|
||||
}
|
||||
const isSame = route.path === menu.path;
|
||||
if (!isSame) return false;
|
||||
|
||||
if (route.meta?.ignoreAuth) return true;
|
||||
|
||||
return isSame || pathToRegexp(route.path).test(menu.path);
|
||||
});
|
||||
|
||||
if (!matchRoute) return false;
|
||||
menu.icon = (menu.icon || matchRoute.meta.icon) as string;
|
||||
menu.meta = matchRoute.meta;
|
||||
return true;
|
||||
};
|
||||
}
|
||||
73
jeecgboot-vue3/src/router/routes/basic.ts
Normal file
73
jeecgboot-vue3/src/router/routes/basic.ts
Normal file
@ -0,0 +1,73 @@
|
||||
import type { AppRouteRecordRaw } from '/@/router/types';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
import { REDIRECT_NAME, LAYOUT, EXCEPTION_COMPONENT, PAGE_NOT_FOUND_NAME } from '/@/router/constant';
|
||||
|
||||
// 404 on a page
|
||||
export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
|
||||
path: '/:path(.*)*',
|
||||
name: PAGE_NOT_FOUND_NAME,
|
||||
component: LAYOUT,
|
||||
meta: {
|
||||
title: 'ErrorPage',
|
||||
hideBreadcrumb: true,
|
||||
hideMenu: true,
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '/:path(.*)*',
|
||||
name: PAGE_NOT_FOUND_NAME,
|
||||
component: EXCEPTION_COMPONENT,
|
||||
meta: {
|
||||
title: 'ErrorPage',
|
||||
hideBreadcrumb: true,
|
||||
hideMenu: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export const REDIRECT_ROUTE: AppRouteRecordRaw = {
|
||||
path: '/redirect',
|
||||
component: LAYOUT,
|
||||
name: 'RedirectTo',
|
||||
meta: {
|
||||
title: REDIRECT_NAME,
|
||||
hideBreadcrumb: true,
|
||||
hideMenu: true,
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '/redirect/:path(.*)',
|
||||
name: REDIRECT_NAME,
|
||||
component: () => import('/@/views/sys/redirect/index.vue'),
|
||||
meta: {
|
||||
title: REDIRECT_NAME,
|
||||
hideBreadcrumb: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export const ERROR_LOG_ROUTE: AppRouteRecordRaw = {
|
||||
path: '/error-log',
|
||||
name: 'ErrorLog',
|
||||
component: LAYOUT,
|
||||
redirect: '/error-log/list',
|
||||
meta: {
|
||||
title: 'ErrorLog',
|
||||
hideBreadcrumb: true,
|
||||
hideChildrenInMenu: true,
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'list',
|
||||
name: 'ErrorLogList',
|
||||
component: () => import('/@/views/sys/error-log/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.basic.errorLogList'),
|
||||
hideBreadcrumb: true,
|
||||
currentActiveMenu: '/error-log',
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
68
jeecgboot-vue3/src/router/routes/index.ts
Normal file
68
jeecgboot-vue3/src/router/routes/index.ts
Normal file
@ -0,0 +1,68 @@
|
||||
import type { AppRouteRecordRaw, AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '/@/router/routes/basic';
|
||||
|
||||
import { mainOutRoutes } from './mainOut';
|
||||
import { PageEnum } from '/@/enums/pageEnum';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const modules = import.meta.glob('./modules/**/*.ts', { eager: true });
|
||||
|
||||
const routeModuleList: AppRouteModule[] = [];
|
||||
|
||||
// 加入到路由集合中
|
||||
Object.keys(modules).forEach((key) => {
|
||||
const mod = (modules as Recordable)[key].default || {};
|
||||
const modList = Array.isArray(mod) ? [...mod] : [mod];
|
||||
routeModuleList.push(...modList);
|
||||
});
|
||||
|
||||
export const asyncRoutes = [PAGE_NOT_FOUND_ROUTE, ...routeModuleList];
|
||||
|
||||
export const RootRoute: AppRouteRecordRaw = {
|
||||
path: '/',
|
||||
name: 'Root',
|
||||
redirect: PageEnum.BASE_HOME,
|
||||
meta: {
|
||||
title: 'Root',
|
||||
},
|
||||
};
|
||||
|
||||
export const LoginRoute: AppRouteRecordRaw = {
|
||||
path: '/login',
|
||||
name: 'Login',
|
||||
//新版后台登录，如果想要使用旧版登录放开即可
|
||||
// component: () => import('/@/views/sys/login/Login.vue'),
|
||||
component: () => import('/@/views/system/loginmini/MiniLogin.vue'),
|
||||
meta: {
|
||||
title: t('routes.basic.login'),
|
||||
},
|
||||
};
|
||||
|
||||
//update-begin---author:wangshuai ---date:20220629 for：auth2登录页面路由------------
|
||||
export const Oauth2LoginRoute: AppRouteRecordRaw = {
|
||||
path: '/oauth2-app/login',
|
||||
name: 'oauth2-app-login',
|
||||
//新版钉钉免登录，如果想要使用旧版放开即可
|
||||
// component: () => import('/@/views/sys/login/OAuth2Login.vue'),
|
||||
component: () => import('/@/views/system/loginmini/OAuth2Login.vue'),
|
||||
meta: {
|
||||
title: t('routes.oauth2.login'),
|
||||
},
|
||||
};
|
||||
//update-end---author:wangshuai ---date:20220629 for：auth2登录页面路由------------
|
||||
|
||||
/**
|
||||
* 【通过token直接静默登录】流程办理登录页面 中转跳转
|
||||
*/
|
||||
export const TokenLoginRoute: AppRouteRecordRaw = {
|
||||
path: '/tokenLogin',
|
||||
name: 'TokenLoginRoute',
|
||||
component: () => import('/@/views/sys/login/TokenLoginPage.vue'),
|
||||
meta: {
|
||||
title: '带token登录页面',
|
||||
ignoreAuth: true,
|
||||
},
|
||||
};
|
||||
// Basic routing without permission
|
||||
export const basicRoutes = [LoginRoute, RootRoute, ...mainOutRoutes, REDIRECT_ROUTE, PAGE_NOT_FOUND_ROUTE, TokenLoginRoute, Oauth2LoginRoute];
|
||||
22
jeecgboot-vue3/src/router/routes/mainOut.ts
Normal file
22
jeecgboot-vue3/src/router/routes/mainOut.ts
Normal file
@ -0,0 +1,22 @@
|
||||
/**
|
||||
The routing of this file will not show the layout.
|
||||
It is an independent new page.
|
||||
the contents of the file still need to log in to access
|
||||
*/
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
// test
|
||||
// http:ip:port/main-out
|
||||
export const mainOutRoutes: AppRouteModule[] = [
|
||||
{
|
||||
path: '/main-out',
|
||||
name: 'MainOut',
|
||||
component: () => import('/@/views/demo/main-out/index.vue'),
|
||||
meta: {
|
||||
title: 'MainOut',
|
||||
ignoreAuth: true,
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
export const mainOutRouteNames = mainOutRoutes.map((item) => item.name);
|
||||
31
jeecgboot-vue3/src/router/routes/modules/about.ts
Normal file
31
jeecgboot-vue3/src/router/routes/modules/about.ts
Normal file
@ -0,0 +1,31 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { LAYOUT } from '/@/router/constant';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const dashboard: AppRouteModule = {
|
||||
path: '/about',
|
||||
name: 'About',
|
||||
component: LAYOUT,
|
||||
redirect: '/about/index',
|
||||
meta: {
|
||||
hideChildrenInMenu: true,
|
||||
icon: 'simple-icons:about-dot-me',
|
||||
title: t('routes.dashboard.about'),
|
||||
orderNo: 100000,
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
name: 'AboutPage',
|
||||
component: () => import('/@/views/sys/about/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.dashboard.about'),
|
||||
icon: 'simple-icons:about-dot-me',
|
||||
hideMenu: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default dashboard;
|
||||
37
jeecgboot-vue3/src/router/routes/modules/dashboard.ts
Normal file
37
jeecgboot-vue3/src/router/routes/modules/dashboard.ts
Normal file
@ -0,0 +1,37 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { LAYOUT } from '/@/router/constant';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const dashboard: AppRouteModule = {
|
||||
path: '/dashboard',
|
||||
name: 'Dashboard',
|
||||
component: LAYOUT,
|
||||
redirect: '/dashboard/analysis',
|
||||
meta: {
|
||||
orderNo: 10,
|
||||
icon: 'ion:grid-outline',
|
||||
title: t('routes.dashboard.dashboard'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'analysis',
|
||||
name: 'Analysis',
|
||||
component: () => import('/@/views/dashboard/Analysis/index.vue'),
|
||||
meta: {
|
||||
// affix: true,
|
||||
title: t('routes.dashboard.analysis'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'workbench',
|
||||
name: 'Workbench',
|
||||
component: () => import('/@/views/dashboard/workbench/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.dashboard.workbench'),
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default dashboard;
|
||||
79
jeecgboot-vue3/src/router/routes/modules/demo/charts.ts
Normal file
79
jeecgboot-vue3/src/router/routes/modules/demo/charts.ts
Normal file
@ -0,0 +1,79 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { getParentLayout, LAYOUT } from '/@/router/constant';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const charts: AppRouteModule = {
|
||||
path: '/charts',
|
||||
name: 'Charts',
|
||||
component: LAYOUT,
|
||||
redirect: '/charts/echarts/map',
|
||||
meta: {
|
||||
orderNo: 500,
|
||||
icon: 'ion:bar-chart-outline',
|
||||
title: t('routes.demo.charts.charts'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'baiduMap',
|
||||
name: 'BaiduMap',
|
||||
meta: {
|
||||
title: t('routes.demo.charts.baiduMap'),
|
||||
},
|
||||
component: () => import('/@/views/demo/charts/map/Baidu.vue'),
|
||||
},
|
||||
{
|
||||
path: 'aMap',
|
||||
name: 'AMap',
|
||||
meta: {
|
||||
title: t('routes.demo.charts.aMap'),
|
||||
},
|
||||
component: () => import('/@/views/demo/charts/map/Gaode.vue'),
|
||||
},
|
||||
{
|
||||
path: 'googleMap',
|
||||
name: 'GoogleMap',
|
||||
meta: {
|
||||
title: t('routes.demo.charts.googleMap'),
|
||||
},
|
||||
component: () => import('/@/views/demo/charts/map/Google.vue'),
|
||||
},
|
||||
{
|
||||
path: 'echarts',
|
||||
name: 'Echarts',
|
||||
component: getParentLayout('Echarts'),
|
||||
meta: {
|
||||
title: 'Echarts',
|
||||
},
|
||||
redirect: '/charts/echarts/map',
|
||||
children: [
|
||||
{
|
||||
path: 'map',
|
||||
name: 'Map',
|
||||
component: () => import('/@/views/demo/charts/Map.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.charts.map'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'line',
|
||||
name: 'Line',
|
||||
component: () => import('/@/views/demo/charts/Line.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.charts.line'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'pie',
|
||||
name: 'Pie',
|
||||
component: () => import('/@/views/demo/charts/Pie.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.charts.pie'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default charts;
|
||||
692
jeecgboot-vue3/src/router/routes/modules/demo/comp.ts
Normal file
692
jeecgboot-vue3/src/router/routes/modules/demo/comp.ts
Normal file
@ -0,0 +1,692 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { getParentLayout, LAYOUT } from '/@/router/constant';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const comp: AppRouteModule = {
|
||||
path: '/comp',
|
||||
name: 'Comp',
|
||||
component: LAYOUT,
|
||||
redirect: '/comp/basic',
|
||||
meta: {
|
||||
orderNo: 30,
|
||||
icon: 'ion:layers-outline',
|
||||
title: t('routes.demo.comp.comp'),
|
||||
},
|
||||
|
||||
children: [
|
||||
{
|
||||
path: 'jeecg',
|
||||
name: 'JeecgDemo',
|
||||
redirect: '/comp/jeecg/basic',
|
||||
component: getParentLayout('JeecgDemo'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.jeecg'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'JAreaLinkage',
|
||||
component: () => import('/@/views/demo/jeecg/JeecgComponents.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.jeecg.JAreaLinkage'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'oneToMore',
|
||||
name: 'oneToMoreDemo',
|
||||
component: () => import('/@/views/demo/vextable/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.oneToMore'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'BasicDemo',
|
||||
component: getParentLayout('BasicDemo'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.basic'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'button',
|
||||
name: 'ButtonDemo',
|
||||
component: () => import('/@/views/demo/comp/button/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.basic.button'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'icon',
|
||||
name: 'IconDemo',
|
||||
component: () => import('/@/views/demo/feat/icon/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.icon'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'msg',
|
||||
name: 'MsgDemo',
|
||||
component: () => import('/@/views/demo/feat/msg/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.msg'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'tabs',
|
||||
name: 'TabsDemo',
|
||||
component: () => import('/@/views/demo/feat/tabs/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.tabs'),
|
||||
hideChildrenInMenu: true,
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'detail/:id',
|
||||
name: 'TabDetail',
|
||||
component: () => import('/@/views/demo/feat/tabs/TabDetail.vue'),
|
||||
meta: {
|
||||
currentActiveMenu: '/comp/basic/tabs',
|
||||
title: t('routes.demo.feat.tabDetail'),
|
||||
hideMenu: true,
|
||||
dynamicLevel: 3,
|
||||
realPath: '/comp/basic/tabs/detail',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
{
|
||||
path: 'form',
|
||||
name: 'FormDemo',
|
||||
redirect: '/comp/form/basic',
|
||||
component: getParentLayout('FormDemo'),
|
||||
meta: {
|
||||
// icon: 'mdi:form-select',
|
||||
title: t('routes.demo.form.form'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'FormBasicDemo',
|
||||
component: () => import('/@/views/demo/form/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.form.basic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'useForm',
|
||||
name: 'UseFormDemo',
|
||||
component: () => import('/@/views/demo/form/UseForm.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.form.useForm'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'refForm',
|
||||
name: 'RefFormDemo',
|
||||
component: () => import('/@/views/demo/form/RefForm.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.form.refForm'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'advancedForm',
|
||||
name: 'AdvancedFormDemo',
|
||||
component: () => import('/@/views/demo/form/AdvancedForm.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.form.advancedForm'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'ruleForm',
|
||||
name: 'RuleFormDemo',
|
||||
component: () => import('/@/views/demo/form/RuleForm.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.form.ruleForm'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'dynamicForm',
|
||||
name: 'DynamicFormDemo',
|
||||
component: () => import('/@/views/demo/form/DynamicForm.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.form.dynamicForm'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'customerForm',
|
||||
name: 'CustomerFormDemo',
|
||||
component: () => import('/@/views/demo/form/CustomerForm.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.form.customerForm'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'appendForm',
|
||||
name: 'appendFormDemo',
|
||||
component: () => import('/@/views/demo/form/AppendForm.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.form.appendForm'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'table',
|
||||
name: 'TableDemo',
|
||||
redirect: '/comp/table/basic',
|
||||
component: getParentLayout('TableDemo'),
|
||||
meta: {
|
||||
// icon: 'carbon:table-split',
|
||||
title: t('routes.demo.table.table'),
|
||||
},
|
||||
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'TableBasicDemo',
|
||||
component: () => import('/@/views/demo/table/Basic.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.basic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'treeTable',
|
||||
name: 'TreeTableDemo',
|
||||
component: () => import('/@/views/demo/table/TreeTable.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.treeTable'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'fetchTable',
|
||||
name: 'FetchTableDemo',
|
||||
component: () => import('/@/views/demo/table/FetchTable.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.fetchTable'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'fixedColumn',
|
||||
name: 'FixedColumnDemo',
|
||||
component: () => import('/@/views/demo/table/FixedColumn.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.fixedColumn'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'customerCell',
|
||||
name: 'CustomerCellDemo',
|
||||
component: () => import('/@/views/demo/table/CustomerCell.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.customerCell'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'formTable',
|
||||
name: 'FormTableDemo',
|
||||
component: () => import('/@/views/demo/table/FormTable.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.formTable'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'useTable',
|
||||
name: 'UseTableDemo',
|
||||
component: () => import('/@/views/demo/table/UseTable.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.useTable'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'refTable',
|
||||
name: 'RefTableDemo',
|
||||
component: () => import('/@/views/demo/table/RefTable.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.refTable'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'multipleHeader',
|
||||
name: 'MultipleHeaderDemo',
|
||||
component: () => import('/@/views/demo/table/MultipleHeader.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.multipleHeader'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'mergeHeader',
|
||||
name: 'MergeHeaderDemo',
|
||||
component: () => import('/@/views/demo/table/MergeHeader.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.mergeHeader'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'nestedTable',
|
||||
name: 'nestedTableDemo',
|
||||
component: () => import('/@/views/demo/table/NestedTable.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.nestedTable'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'expandTable',
|
||||
name: 'ExpandTableDemo',
|
||||
component: () => import('/@/views/demo/table/ExpandTable.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.expandTable'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'fixedHeight',
|
||||
name: 'FixedHeightDemo',
|
||||
component: () => import('/@/views/demo/table/FixedHeight.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.fixedHeight'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'footerTable',
|
||||
name: 'FooterTableDemo',
|
||||
component: () => import('/@/views/demo/table/FooterTable.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.footerTable'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'editCellTable',
|
||||
name: 'EditCellTableDemo',
|
||||
component: () => import('/@/views/demo/table/EditCellTable.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.editCellTable'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'editRowTable',
|
||||
name: 'EditRowTableDemo',
|
||||
component: () => import('/@/views/demo/table/EditRowTable.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.editRowTable'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'authColumn',
|
||||
name: 'AuthColumnDemo',
|
||||
component: () => import('/@/views/demo/table/AuthColumn.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.table.authColumn'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'modal',
|
||||
name: 'ModalDemo',
|
||||
redirect: '/comp/modal/basic',
|
||||
component: getParentLayout('ModalDemo'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.modal'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'ModalBasicDemo',
|
||||
component: () => import('/@/views/demo/comp/modal/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.modal.basic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'drawer',
|
||||
name: 'DrawerDemo',
|
||||
component: () => import('/@/views/demo/comp/drawer/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.modal.drawer'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
{
|
||||
path: 'third',
|
||||
name: 'ThirdDemo',
|
||||
redirect: '/comp/third/basic',
|
||||
component: getParentLayout('ModalDemo'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.third'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'CropperDemo',
|
||||
component: () => import('/@/views/demo/comp/cropper/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.cropperImage'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'qrcode',
|
||||
name: 'QrCodeDemo',
|
||||
component: () => import('/@/views/demo/comp/qrcode/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.qrcode'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'strength-meter',
|
||||
name: 'StrengthMeterDemo',
|
||||
component: () => import('/@/views/demo/comp/strength-meter/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.strength'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'upload',
|
||||
name: 'UploadDemo',
|
||||
component: () => import('/@/views/demo/comp/upload/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.upload'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'loading',
|
||||
name: 'LoadingDemo',
|
||||
component: () => import('/@/views/demo/comp/loading/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.loading'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'timestamp',
|
||||
name: 'TimeDemo',
|
||||
component: () => import('/@/views/demo/comp/time/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.time'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'countTo',
|
||||
name: 'CountTo',
|
||||
component: () => import('/@/views/demo/comp/count-to/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.countTo'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'transition',
|
||||
name: 'transitionDemo',
|
||||
component: () => import('/@/views/demo/comp/transition/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.transition'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'print',
|
||||
name: 'Print',
|
||||
component: () => import('/@/views/demo/feat/print/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.print'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'img-preview',
|
||||
name: 'ImgPreview',
|
||||
component: () => import('/@/views/demo/feat/img-preview/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.imgPreview'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'download',
|
||||
name: 'DownLoadDemo',
|
||||
component: () => import('/@/views/demo/feat/download/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.download'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'click-out-side',
|
||||
name: 'ClickOutSideDemo',
|
||||
component: () => import('/@/views/demo/feat/click-out-side/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.clickOutSide'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'copy',
|
||||
name: 'CopyDemo',
|
||||
component: () => import('/@/views/demo/feat/copy/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.copy'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'ripple',
|
||||
name: 'RippleDemo',
|
||||
component: () => import('/@/views/demo/feat/ripple/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.ripple'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'tree',
|
||||
name: 'TreeDemo',
|
||||
redirect: '/comp/tree/basic',
|
||||
component: getParentLayout('TreeDemo'),
|
||||
meta: {
|
||||
// icon: 'clarity:tree-view-line',
|
||||
title: t('routes.demo.comp.tree'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'BasicTreeDemo',
|
||||
component: () => import('/@/views/demo/tree/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.treeBasic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'editTree',
|
||||
name: 'EditTreeDemo',
|
||||
component: () => import('/@/views/demo/tree/EditTree.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.editTree'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'actionTree',
|
||||
name: 'ActionTreeDemo',
|
||||
component: () => import('/@/views/demo/tree/ActionTree.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.actionTree'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'editor',
|
||||
name: 'EditorDemo',
|
||||
redirect: '/comp/editor/markdown',
|
||||
component: getParentLayout('EditorDemo'),
|
||||
meta: {
|
||||
// icon: 'carbon:table-split',
|
||||
title: t('routes.demo.editor.editor'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'json',
|
||||
component: () => import('/@/views/demo/editor/json/index.vue'),
|
||||
name: 'JsonEditorDemo',
|
||||
meta: {
|
||||
title: t('routes.demo.editor.jsonEditor'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'markdown',
|
||||
component: getParentLayout('MarkdownDemo'),
|
||||
name: 'MarkdownDemo',
|
||||
meta: {
|
||||
title: t('routes.demo.editor.markdown'),
|
||||
},
|
||||
redirect: '/comp/editor/markdown/index',
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
name: 'MarkDownBasicDemo',
|
||||
component: () => import('/@/views/demo/editor/markdown/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.editor.tinymceBasic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'editor',
|
||||
name: 'MarkDownFormDemo',
|
||||
component: () => import('/@/views/demo/editor/markdown/Editor.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.editor.tinymceForm'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
{
|
||||
path: 'tinymce',
|
||||
component: getParentLayout('TinymceDemo'),
|
||||
name: 'TinymceDemo',
|
||||
meta: {
|
||||
title: t('routes.demo.editor.tinymce'),
|
||||
},
|
||||
redirect: '/comp/editor/tinymce/index',
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
name: 'TinymceBasicDemo',
|
||||
component: () => import('/@/views/demo/editor/tinymce/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.editor.tinymceBasic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'editor',
|
||||
name: 'TinymceFormDemo',
|
||||
component: () => import('/@/views/demo/editor/tinymce/Editor.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.editor.tinymceForm'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'scroll',
|
||||
name: 'ScrollDemo',
|
||||
redirect: '/comp/scroll/basic',
|
||||
component: getParentLayout('ScrollDemo'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.scroll'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'BasicScrollDemo',
|
||||
component: () => import('/@/views/demo/comp/scroll/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.scrollBasic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'action',
|
||||
name: 'ActionScrollDemo',
|
||||
component: () => import('/@/views/demo/comp/scroll/Action.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.scrollAction'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'virtualScroll',
|
||||
name: 'VirtualScrollDemo',
|
||||
component: () => import('/@/views/demo/comp/scroll/VirtualScroll.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.virtualScroll'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
{
|
||||
path: 'desc',
|
||||
name: 'DescDemo',
|
||||
component: () => import('/@/views/demo/comp/desc/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.desc'),
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
path: 'lazy',
|
||||
name: 'LazyDemo',
|
||||
component: getParentLayout('LazyDemo'),
|
||||
redirect: '/comp/lazy/basic',
|
||||
meta: {
|
||||
title: t('routes.demo.comp.lazy'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'BasicLazyDemo',
|
||||
component: () => import('/@/views/demo/comp/lazy/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.lazyBasic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'transition',
|
||||
name: 'BasicTransitionDemo',
|
||||
component: () => import('/@/views/demo/comp/lazy/Transition.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.lazyTransition'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'verify',
|
||||
name: 'VerifyDemo',
|
||||
component: getParentLayout('VerifyDemo'),
|
||||
redirect: '/comp/verify/drag',
|
||||
meta: {
|
||||
title: t('routes.demo.comp.verify'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'drag',
|
||||
name: 'VerifyDragDemo',
|
||||
component: () => import('/@/views/demo/comp/verify/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.verifyDrag'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'rotate',
|
||||
name: 'VerifyRotateDemo',
|
||||
component: () => import('/@/views/demo/comp/verify/Rotate.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.comp.verifyRotate'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default comp;
|
||||
196
jeecgboot-vue3/src/router/routes/modules/demo/feat.ts
Normal file
196
jeecgboot-vue3/src/router/routes/modules/demo/feat.ts
Normal file
@ -0,0 +1,196 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { getParentLayout, LAYOUT } from '/@/router/constant';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const feat: AppRouteModule = {
|
||||
path: '/feat',
|
||||
name: 'FeatDemo',
|
||||
component: LAYOUT,
|
||||
redirect: '/feat/icon',
|
||||
meta: {
|
||||
orderNo: 19,
|
||||
icon: 'ion:git-compare-outline',
|
||||
title: t('routes.demo.feat.feat'),
|
||||
},
|
||||
|
||||
children: [
|
||||
{
|
||||
path: 'ws',
|
||||
name: 'WebSocket',
|
||||
component: () => import('/@/views/demo/feat/ws/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.ws'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'session-timeout',
|
||||
name: 'SessionTimeout',
|
||||
component: () => import('/@/views/demo/feat/session-timeout/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.sessionTimeout'),
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
path: 'breadcrumb',
|
||||
name: 'BreadcrumbDemo',
|
||||
redirect: '/feat/breadcrumb/flat',
|
||||
component: getParentLayout('BreadcrumbDemo'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.breadcrumb'),
|
||||
},
|
||||
|
||||
children: [
|
||||
{
|
||||
path: 'flat',
|
||||
name: 'BreadcrumbFlatDemo',
|
||||
component: () => import('/@/views/demo/feat/breadcrumb/FlatList.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.breadcrumbFlat'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'flatDetail',
|
||||
name: 'BreadcrumbFlatDetailDemo',
|
||||
component: () => import('/@/views/demo/feat/breadcrumb/FlatListDetail.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.breadcrumbFlatDetail'),
|
||||
hideMenu: true,
|
||||
hideTab: true,
|
||||
currentActiveMenu: '/feat/breadcrumb/flat',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'children',
|
||||
name: 'BreadcrumbChildrenDemo',
|
||||
component: () => import('/@/views/demo/feat/breadcrumb/ChildrenList.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.breadcrumbChildren'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'childrenDetail',
|
||||
name: 'BreadcrumbChildrenDetailDemo',
|
||||
component: () => import('/@/views/demo/feat/breadcrumb/ChildrenListDetail.vue'),
|
||||
meta: {
|
||||
currentActiveMenu: '/feat/breadcrumb/children',
|
||||
title: t('routes.demo.feat.breadcrumbChildrenDetail'),
|
||||
//hideTab: true,
|
||||
// hideMenu: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
{
|
||||
path: 'context-menu',
|
||||
name: 'ContextMenuDemo',
|
||||
component: () => import('/@/views/demo/feat/context-menu/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.contextMenu'),
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
path: 'copy',
|
||||
name: 'CopyDemo',
|
||||
component: () => import('/@/views/demo/feat/copy/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.copy'),
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
path: 'watermark',
|
||||
name: 'WatermarkDemo',
|
||||
component: () => import('/@/views/demo/feat/watermark/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.watermark'),
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
path: 'full-screen',
|
||||
name: 'FullScreenDemo',
|
||||
component: () => import('/@/views/demo/feat/full-screen/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.fullScreen'),
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
path: '/error-log',
|
||||
name: 'ErrorLog',
|
||||
component: () => import('/@/views/sys/error-log/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.errorLog'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'testTab/:id',
|
||||
name: 'TestTab',
|
||||
component: () => import('/@/views/demo/feat/tab-params/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.tab'),
|
||||
carryParam: true,
|
||||
hidePathForChildren: true,
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'testTab/id1',
|
||||
name: 'TestTab1',
|
||||
component: () => import('/@/views/demo/feat/tab-params/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.tab1'),
|
||||
carryParam: true,
|
||||
ignoreRoute: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'testTab/id2',
|
||||
name: 'TestTab2',
|
||||
component: () => import('/@/views/demo/feat/tab-params/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.tab2'),
|
||||
carryParam: true,
|
||||
ignoreRoute: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'testParam/:id',
|
||||
name: 'TestParam',
|
||||
component: getParentLayout('TestParam'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.menu'),
|
||||
ignoreKeepAlive: true,
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'sub1',
|
||||
name: 'TestParam_1',
|
||||
component: () => import('/@/views/demo/feat/menu-params/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.menu1'),
|
||||
ignoreKeepAlive: true,
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'sub2',
|
||||
name: 'TestParam_2',
|
||||
component: () => import('/@/views/demo/feat/menu-params/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.feat.menu2'),
|
||||
ignoreKeepAlive: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default feat;
|
||||
48
jeecgboot-vue3/src/router/routes/modules/demo/iframe.ts
Normal file
48
jeecgboot-vue3/src/router/routes/modules/demo/iframe.ts
Normal file
@ -0,0 +1,48 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { LAYOUT } from '/@/router/constant';
|
||||
const IFrame = () => import('/@/views/sys/iframe/FrameBlank.vue');
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const iframe: AppRouteModule = {
|
||||
path: '/frame',
|
||||
name: 'Frame',
|
||||
component: LAYOUT,
|
||||
redirect: '/frame/doc',
|
||||
meta: {
|
||||
orderNo: 1000,
|
||||
icon: 'ion:tv-outline',
|
||||
title: t('routes.demo.iframe.frame'),
|
||||
},
|
||||
|
||||
children: [
|
||||
{
|
||||
path: 'doc',
|
||||
name: 'Doc',
|
||||
component: IFrame,
|
||||
meta: {
|
||||
frameSrc: 'https://vvbin.cn/doc-next/',
|
||||
title: t('routes.demo.iframe.doc'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'antv',
|
||||
name: 'Antv',
|
||||
component: IFrame,
|
||||
meta: {
|
||||
frameSrc: 'https://2x.antdv.com/docs/vue/introduce-cn/',
|
||||
title: t('routes.demo.iframe.antv'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'https://vvbin.cn/doc-next/',
|
||||
name: 'DocExternal',
|
||||
component: IFrame,
|
||||
meta: {
|
||||
title: t('routes.demo.iframe.docExternal'),
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default iframe;
|
||||
68
jeecgboot-vue3/src/router/routes/modules/demo/level.ts
Normal file
68
jeecgboot-vue3/src/router/routes/modules/demo/level.ts
Normal file
@ -0,0 +1,68 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { getParentLayout, LAYOUT } from '/@/router/constant';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const permission: AppRouteModule = {
|
||||
path: '/level',
|
||||
name: 'Level',
|
||||
component: LAYOUT,
|
||||
redirect: '/level/menu1/menu1-1/menu1-1-1',
|
||||
meta: {
|
||||
orderNo: 2000,
|
||||
icon: 'ion:menu-outline',
|
||||
title: t('routes.demo.level.level'),
|
||||
},
|
||||
|
||||
children: [
|
||||
{
|
||||
path: 'menu1',
|
||||
name: 'Menu1Demo',
|
||||
component: getParentLayout('Menu1Demo'),
|
||||
meta: {
|
||||
title: 'Menu1',
|
||||
},
|
||||
redirect: '/level/menu1/menu1-1/menu1-1-1',
|
||||
children: [
|
||||
{
|
||||
path: 'menu1-1',
|
||||
name: 'Menu11Demo',
|
||||
component: getParentLayout('Menu11Demo'),
|
||||
meta: {
|
||||
title: 'Menu1-1',
|
||||
},
|
||||
redirect: '/level/menu1/menu1-1/menu1-1-1',
|
||||
children: [
|
||||
{
|
||||
path: 'menu1-1-1',
|
||||
name: 'Menu111Demo',
|
||||
component: () => import('/@/views/demo/level/Menu111.vue'),
|
||||
meta: {
|
||||
title: 'Menu111',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'menu1-2',
|
||||
name: 'Menu12Demo',
|
||||
component: () => import('/@/views/demo/level/Menu12.vue'),
|
||||
meta: {
|
||||
title: 'Menu1-2',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'menu2',
|
||||
name: 'Menu2Demo',
|
||||
component: () => import('/@/views/demo/level/Menu2.vue'),
|
||||
meta: {
|
||||
title: 'Menu2',
|
||||
// ignoreKeepAlive: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default permission;
|
||||
255
jeecgboot-vue3/src/router/routes/modules/demo/page.ts
Normal file
255
jeecgboot-vue3/src/router/routes/modules/demo/page.ts
Normal file
@ -0,0 +1,255 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { getParentLayout, LAYOUT } from '/@/router/constant';
|
||||
import { ExceptionEnum } from '/@/enums/exceptionEnum';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const ExceptionPage = () => import('/@/views/sys/exception/Exception.vue');
|
||||
|
||||
const page: AppRouteModule = {
|
||||
path: '/page-demo',
|
||||
name: 'PageDemo',
|
||||
component: LAYOUT,
|
||||
redirect: '/page-demo/form/basic',
|
||||
meta: {
|
||||
orderNo: 20,
|
||||
icon: 'ion:aperture-outline',
|
||||
title: t('routes.demo.page.page'),
|
||||
},
|
||||
children: [
|
||||
// =============================form start=============================
|
||||
{
|
||||
path: 'form',
|
||||
name: 'FormPage',
|
||||
redirect: '/page-demo/form/basic',
|
||||
component: getParentLayout('FormPage'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.form'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'FormBasicPage',
|
||||
component: () => import('/@/views/demo/page/form/basic/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.formBasic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'step',
|
||||
name: 'FormStepPage',
|
||||
component: () => import('/@/views/demo/page/form/step/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.formStep'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'high',
|
||||
name: 'FormHightPage',
|
||||
component: () => import('/@/views/demo/page/form/high/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.formHigh'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
// =============================form end=============================
|
||||
// =============================desc start=============================
|
||||
{
|
||||
path: 'desc',
|
||||
name: 'DescPage',
|
||||
component: getParentLayout('DescPage'),
|
||||
redirect: '/page-demo/desc/basic',
|
||||
meta: {
|
||||
title: t('routes.demo.page.desc'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'DescBasicPage',
|
||||
component: () => import('/@/views/demo/page/desc/basic/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.descBasic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'high',
|
||||
name: 'DescHighPage',
|
||||
component: () => import('/@/views/demo/page/desc/high/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.descHigh'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
// =============================desc end=============================
|
||||
|
||||
// =============================result start=============================
|
||||
{
|
||||
path: 'result',
|
||||
name: 'ResultPage',
|
||||
redirect: '/page-demo/result/success',
|
||||
component: getParentLayout('ResultPage'),
|
||||
|
||||
meta: {
|
||||
title: t('routes.demo.page.result'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'success',
|
||||
name: 'ResultSuccessPage',
|
||||
component: () => import('/@/views/demo/page/result/success/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.resultSuccess'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'fail',
|
||||
name: 'ResultFailPage',
|
||||
component: () => import('/@/views/demo/page/result/fail/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.resultFail'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
// =============================result end=============================
|
||||
|
||||
// =============================account start=============================
|
||||
{
|
||||
path: 'account',
|
||||
name: 'AccountPage',
|
||||
component: getParentLayout('AccountPage'),
|
||||
redirect: '/page-demo/account/setting',
|
||||
meta: {
|
||||
title: t('routes.demo.page.account'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'center',
|
||||
name: 'AccountCenterPage',
|
||||
component: () => import('/@/views/demo/page/account/center/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.accountCenter'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'setting',
|
||||
name: 'AccountSettingPage',
|
||||
component: () => import('/@/views/demo/page/account/setting/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.accountSetting'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
// =============================account end=============================
|
||||
// =============================exception start=============================
|
||||
{
|
||||
path: 'exception',
|
||||
name: 'ExceptionPage',
|
||||
component: getParentLayout('ExceptionPage'),
|
||||
redirect: '/page-demo/exception/404',
|
||||
meta: {
|
||||
title: t('routes.demo.page.exception'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '403',
|
||||
name: 'PageNotAccess',
|
||||
component: ExceptionPage,
|
||||
props: {
|
||||
status: ExceptionEnum.PAGE_NOT_ACCESS,
|
||||
},
|
||||
meta: {
|
||||
title: '403',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: '404',
|
||||
name: 'PageNotFound',
|
||||
component: ExceptionPage,
|
||||
props: {
|
||||
status: ExceptionEnum.PAGE_NOT_FOUND,
|
||||
},
|
||||
meta: {
|
||||
title: '404',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: '500',
|
||||
name: 'ServiceError',
|
||||
component: ExceptionPage,
|
||||
props: {
|
||||
status: ExceptionEnum.ERROR,
|
||||
},
|
||||
meta: {
|
||||
title: '500',
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'net-work-error',
|
||||
name: 'NetWorkError',
|
||||
component: ExceptionPage,
|
||||
props: {
|
||||
status: ExceptionEnum.NET_WORK_ERROR,
|
||||
},
|
||||
meta: {
|
||||
title: t('routes.demo.page.netWorkError'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'not-data',
|
||||
name: 'NotData',
|
||||
component: ExceptionPage,
|
||||
props: {
|
||||
status: ExceptionEnum.PAGE_NOT_DATA,
|
||||
},
|
||||
meta: {
|
||||
title: t('routes.demo.page.notData'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
// =============================exception end=============================
|
||||
// =============================list start=============================
|
||||
{
|
||||
path: 'list',
|
||||
name: 'ListPage',
|
||||
component: getParentLayout('ListPage'),
|
||||
redirect: '/page-demo/list/card',
|
||||
meta: {
|
||||
title: t('routes.demo.page.list'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'basic',
|
||||
name: 'ListBasicPage',
|
||||
component: () => import('/@/views/demo/page/list/basic/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.listBasic'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'card',
|
||||
name: 'ListCardPage',
|
||||
component: () => import('/@/views/demo/page/list/card/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.listCard'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'search',
|
||||
name: 'ListSearchPage',
|
||||
component: () => import('/@/views/demo/page/list/search/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.page.listSearch'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
// =============================list end=============================
|
||||
],
|
||||
};
|
||||
|
||||
export default page;
|
||||
92
jeecgboot-vue3/src/router/routes/modules/demo/permission.ts
Normal file
92
jeecgboot-vue3/src/router/routes/modules/demo/permission.ts
Normal file
@ -0,0 +1,92 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { getParentLayout, LAYOUT } from '/@/router/constant';
|
||||
import { RoleEnum } from '/@/enums/roleEnum';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const permission: AppRouteModule = {
|
||||
path: '/permission',
|
||||
name: 'Permission',
|
||||
component: LAYOUT,
|
||||
redirect: '/permission/front/page',
|
||||
meta: {
|
||||
orderNo: 15,
|
||||
icon: 'ion:key-outline',
|
||||
title: t('routes.demo.permission.permission'),
|
||||
},
|
||||
|
||||
children: [
|
||||
{
|
||||
path: 'front',
|
||||
name: 'PermissionFrontDemo',
|
||||
component: getParentLayout('PermissionFrontDemo'),
|
||||
meta: {
|
||||
title: t('routes.demo.permission.front'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'page',
|
||||
name: 'FrontPageAuth',
|
||||
component: () => import('/@/views/demo/permission/front/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.permission.frontPage'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'btn',
|
||||
name: 'FrontBtnAuth',
|
||||
component: () => import('/@/views/demo/permission/front/Btn.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.permission.frontBtn'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'auth-pageA',
|
||||
name: 'FrontAuthPageA',
|
||||
component: () => import('/@/views/demo/permission/front/AuthPageA.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.permission.frontTestA'),
|
||||
roles: [RoleEnum.SUPER],
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'auth-pageB',
|
||||
name: 'FrontAuthPageB',
|
||||
component: () => import('/@/views/demo/permission/front/AuthPageB.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.permission.frontTestB'),
|
||||
roles: [RoleEnum.TEST],
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'back',
|
||||
name: 'PermissionBackDemo',
|
||||
component: getParentLayout('PermissionBackDemo'),
|
||||
meta: {
|
||||
title: t('routes.demo.permission.back'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'page',
|
||||
name: 'BackAuthPage',
|
||||
component: () => import('/@/views/demo/permission/back/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.permission.backPage'),
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'btn',
|
||||
name: 'BackAuthBtn',
|
||||
component: () => import('/@/views/demo/permission/back/Btn.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.permission.backBtn'),
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default permission;
|
||||
31
jeecgboot-vue3/src/router/routes/modules/demo/setup.ts
Normal file
31
jeecgboot-vue3/src/router/routes/modules/demo/setup.ts
Normal file
@ -0,0 +1,31 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { LAYOUT } from '/@/router/constant';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const setup: AppRouteModule = {
|
||||
path: '/setup',
|
||||
name: 'SetupDemo',
|
||||
component: LAYOUT,
|
||||
redirect: '/setup/index',
|
||||
meta: {
|
||||
orderNo: 90000,
|
||||
hideChildrenInMenu: true,
|
||||
icon: 'whh:paintroll',
|
||||
title: t('routes.demo.setup.page'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
name: 'SetupDemoPage',
|
||||
component: () => import('/@/views/demo/setup/index.vue'),
|
||||
meta: {
|
||||
title: t('routes.demo.setup.page'),
|
||||
icon: 'whh:paintroll',
|
||||
hideMenu: true,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default setup;
|
||||
86
jeecgboot-vue3/src/router/routes/modules/demo/system.ts
Normal file
86
jeecgboot-vue3/src/router/routes/modules/demo/system.ts
Normal file
@ -0,0 +1,86 @@
|
||||
import type { AppRouteModule } from '/@/router/types';
|
||||
|
||||
import { LAYOUT } from '/@/router/constant';
|
||||
import { t } from '/@/hooks/web/useI18n';
|
||||
|
||||
const system: AppRouteModule = {
|
||||
path: '/system',
|
||||
name: 'System',
|
||||
component: LAYOUT,
|
||||
redirect: '/system/account',
|
||||
meta: {
|
||||
orderNo: 2000,
|
||||
icon: 'ion:settings-outline',
|
||||
title: t('routes.demo.system.moduleName'),
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'test',
|
||||
name: 'TestManagement',
|
||||
meta: {
|
||||
title: t('routes.demo.system.test'),
|
||||
ignoreKeepAlive: true,
|
||||
},
|
||||
component: () => import('/@/views/demo/system/test/index.vue'),
|
||||
},
|
||||
{
|
||||
path: 'account',
|
||||
name: 'AccountManagement',
|
||||
meta: {
|
||||
title: t('routes.demo.system.account'),
|
||||
ignoreKeepAlive: false,
|
||||
},
|
||||
component: () => import('/@/views/demo/system/account/index.vue'),
|
||||
},
|
||||
{
|
||||
path: 'account_detail/:id',
|
||||
name: 'AccountDetail',
|
||||
meta: {
|
||||
hideMenu: true,
|
||||
title: t('routes.demo.system.account_detail'),
|
||||
ignoreKeepAlive: true,
|
||||
showMenu: false,
|
||||
currentActiveMenu: '/system/account',
|
||||
},
|
||||
component: () => import('/@/views/demo/system/account/AccountDetail.vue'),
|
||||
},
|
||||
{
|
||||
path: 'role',
|
||||
name: 'RoleManagement',
|
||||
meta: {
|
||||
title: t('routes.demo.system.role'),
|
||||
ignoreKeepAlive: true,
|
||||
},
|
||||
component: () => import('/@/views/demo/system/role/index.vue'),
|
||||
},
|
||||
{
|
||||
path: 'menu',
|
||||
name: 'MenuManagement',
|
||||
meta: {
|
||||
title: t('routes.demo.system.menu'),
|
||||
ignoreKeepAlive: true,
|
||||
},
|
||||
component: () => import('/@/views/demo/system/menu/index.vue'),
|
||||
},
|
||||
{
|
||||
path: 'dept',
|
||||
name: 'DeptManagement',
|
||||
meta: {
|
||||
title: t('routes.demo.system.dept'),
|
||||
ignoreKeepAlive: true,
|
||||
},
|
||||
component: () => import('/@/views/demo/system/dept/index.vue'),
|
||||
},
|
||||
{
|
||||
path: 'changePassword',
|
||||
name: 'ChangePassword',
|
||||
meta: {
|
||||
title: t('routes.demo.system.password'),
|
||||
ignoreKeepAlive: true,
|
||||
},
|
||||
component: () => import('/@/views/demo/system/password/index.vue'),
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export default system;
|
||||
23
jeecgboot-vue3/src/router/routes/staticRouter.ts
Normal file
23
jeecgboot-vue3/src/router/routes/staticRouter.ts
Normal file
@ -0,0 +1,23 @@
|
||||
import type { AppRouteRecordRaw } from '/@/router/types';
|
||||
import { LAYOUT } from '/@/router/constant';
|
||||
|
||||
export const AI_ROUTE: AppRouteRecordRaw = {
|
||||
path: '',
|
||||
name: 'ai-parent',
|
||||
component: LAYOUT,
|
||||
meta: {
|
||||
title: 'ai',
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '/ai',
|
||||
name: 'ai',
|
||||
component: () => import('/@/views/dashboard/ai/index.vue'),
|
||||
meta: {
|
||||
title: 'AI助手',
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
export const staticRoutesList = [AI_ROUTE];
|
||||
59
jeecgboot-vue3/src/router/types.ts
Normal file
59
jeecgboot-vue3/src/router/types.ts
Normal file
@ -0,0 +1,59 @@
|
||||
import type { RouteRecordRaw, RouteMeta } from 'vue-router';
|
||||
import { RoleEnum } from '/@/enums/roleEnum';
|
||||
import { defineComponent } from 'vue';
|
||||
|
||||
export type Component<T extends any = any> = ReturnType<typeof defineComponent> | (() => Promise<typeof import('*.vue')>) | (() => Promise<T>);
|
||||
|
||||
// @ts-ignore
|
||||
export interface AppRouteRecordRaw extends Omit<RouteRecordRaw, 'meta'> {
|
||||
name: string;
|
||||
meta: RouteMeta;
|
||||
component?: Component | string;
|
||||
components?: Component;
|
||||
children?: AppRouteRecordRaw[];
|
||||
props?: Recordable;
|
||||
fullPath?: string;
|
||||
alwaysShow?: boolean;
|
||||
}
|
||||
|
||||
export interface MenuTag {
|
||||
type?: 'primary' | 'error' | 'warn' | 'success';
|
||||
content?: string;
|
||||
dot?: boolean;
|
||||
}
|
||||
|
||||
export interface Menu {
|
||||
name: string;
|
||||
|
||||
icon?: string;
|
||||
|
||||
path: string;
|
||||
|
||||
// path contains param, auto assignment.
|
||||
paramPath?: string;
|
||||
|
||||
disabled?: boolean;
|
||||
|
||||
children?: Menu[];
|
||||
|
||||
orderNo?: number;
|
||||
|
||||
roles?: RoleEnum[];
|
||||
|
||||
meta?: Partial<RouteMeta>;
|
||||
|
||||
tag?: MenuTag;
|
||||
|
||||
hideMenu?: boolean;
|
||||
|
||||
alwaysShow?: boolean;
|
||||
|
||||
}
|
||||
|
||||
export interface MenuModule {
|
||||
orderNo?: number;
|
||||
menu: Menu;
|
||||
}
|
||||
|
||||
// export type AppRouteModule = RouteModule | AppRouteRecordRaw;
|
||||
export type AppRouteModule = AppRouteRecordRaw;
|
||||
Reference in New Issue
Block a user