470 lines
16 KiB
TypeScript
470 lines
16 KiB
TypeScript
import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
|
||
import { usePermissStore } from '../store/permiss';
|
||
import Home from '../views/home.vue';
|
||
import NProgress from 'nprogress';
|
||
import 'nprogress/nprogress.css';
|
||
|
||
const routes: RouteRecordRaw[] = [
|
||
{
|
||
path: '/',
|
||
redirect: '/dashboard',
|
||
},
|
||
{
|
||
path: '/',
|
||
name: 'Home',
|
||
component: Home,
|
||
children: [
|
||
{
|
||
path: '/dashboard',
|
||
name: 'dashboard',
|
||
meta: {
|
||
title: '系统首页',
|
||
permiss: '0',
|
||
},
|
||
component: () => import(/* webpackChunkName: "dashboard" */ '../views/dashboard.vue'),
|
||
},
|
||
{
|
||
path: '/system-user',
|
||
name: 'system-user',
|
||
meta: {
|
||
title: '用户管理',
|
||
permiss: '11',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/user.vue'),
|
||
},
|
||
{
|
||
path: '/manage-model',
|
||
name: 'manage-model',
|
||
meta: {
|
||
title: '模型管理',
|
||
permiss: '52',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-model.vue'),
|
||
},
|
||
{
|
||
path: '/function',
|
||
name: 'function',
|
||
meta: {
|
||
title: '功能管理',
|
||
permiss: '54',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-function.vue'),
|
||
},
|
||
{
|
||
path: '/manage-file',
|
||
name: 'manage-file',
|
||
meta: {
|
||
title: '文件管理',
|
||
permiss: '56',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-file.vue'),
|
||
},
|
||
{
|
||
path: '/manage-session',
|
||
name: 'manage-session',
|
||
meta: {
|
||
title: '会话管理',
|
||
permiss: '51',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-session.vue'),
|
||
},
|
||
{
|
||
path: '/gen-chat',
|
||
name: 'gen-chat',
|
||
meta: {
|
||
title: '通用智能交互',
|
||
permiss: '53',
|
||
},
|
||
component: () => import(/* webpackChunkName: "gen-chat" */ '../views/system/gen-chat.vue'),
|
||
},
|
||
{
|
||
path: "/ai-ppt",
|
||
name: "ai-ppt",
|
||
meta: {
|
||
title: "智能PPT生成",
|
||
permiss: '57',
|
||
},
|
||
component: () => import(/* webpackChunkName: "ai-ppt" */ '../views/system/ai-ppt.vue'),
|
||
|
||
},
|
||
{
|
||
path: '/project-select',
|
||
name: 'project-select',
|
||
meta: {
|
||
title: '项目选择',
|
||
permiss: '59',
|
||
},
|
||
component: () => import(/* webpackChunkName: "project-select" */ '../views/system/project-select.vue'),
|
||
|
||
},
|
||
{
|
||
path: '/db-manage',
|
||
name: 'db-manage',
|
||
meta: {
|
||
title: '数据库管理工具',
|
||
permiss: '72',
|
||
},
|
||
component: () => import(/* webpackChunkName: "project-select" */ '../views/system/db-manage.vue'),
|
||
|
||
},
|
||
{
|
||
path: '/manage-permiss-policy',
|
||
name: 'manage-permiss-policy',
|
||
meta: {
|
||
title: '权限策略管理',
|
||
permiss: '73',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-permiss-policy.vue'),
|
||
|
||
},
|
||
{
|
||
path: '/manage-model-policy',
|
||
name: 'manage-model-policy',
|
||
meta: {
|
||
title: '模型策略管理',
|
||
permiss: '74',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/manage-model-policy.vue'),
|
||
|
||
},
|
||
{
|
||
path: '/vpn-server-config',
|
||
name: 'vpn-server-config',
|
||
meta: {
|
||
title: 'VPN服务器配置',
|
||
permiss: '751',
|
||
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/vpn-server-config.vue'),
|
||
},
|
||
{
|
||
path: '/vpn-address-pool',
|
||
name: 'vpn-address-pool',
|
||
meta: {
|
||
title: 'VPN地址池管理',
|
||
permiss: '752',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/vpn-address-pool.vue'),
|
||
},
|
||
{
|
||
path: '/vpn-tunnel',
|
||
name: 'vpn-tunnel',
|
||
meta: {
|
||
title: 'VPN隧道管理',
|
||
permiss: '753',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/vpn-tunnel.vue'),
|
||
},
|
||
{
|
||
path: '/vpn-client',
|
||
name: 'vpn-client',
|
||
meta: {
|
||
title: 'VPN客户端UI',
|
||
permiss: '754',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/vpn-online-connect.vue'),
|
||
},
|
||
{
|
||
path: '/vpn-online-user',
|
||
name: 'vpn-online-user',
|
||
meta: {
|
||
title: 'VPN在线用户连接',
|
||
permiss: '755',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-user" */ '../views/system/vpn-server-online-user.vue'),
|
||
},
|
||
|
||
{
|
||
path: '/callback',
|
||
name: 'callback',
|
||
meta: {
|
||
title: '回调地址',
|
||
noAuth: true,
|
||
},
|
||
component: () => import(/* webpackChunkName: "callback" */ '../views/system/callback.vue'),
|
||
},
|
||
{
|
||
path: '/gen-prompt',
|
||
name: 'gen-prompt',
|
||
meta: {
|
||
title: 'prompt生成',
|
||
permiss: '55',
|
||
},
|
||
component: () => import(/* webpackChunkName: "gen-prompt" */ '../views/system/prompt-gen.vue'),
|
||
},
|
||
{
|
||
path: '/system-role',
|
||
name: 'system-role',
|
||
meta: {
|
||
title: '角色管理',
|
||
permiss: '12',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-role" */ '../views/system/role.vue'),
|
||
},
|
||
{
|
||
path: '/system-menu',
|
||
name: 'system-menu',
|
||
meta: {
|
||
title: '菜单管理',
|
||
permiss: '13',
|
||
},
|
||
component: () => import(/* webpackChunkName: "system-menu" */ '../views/system/menu.vue'),
|
||
},
|
||
{
|
||
path: '/table',
|
||
name: 'basetable',
|
||
meta: {
|
||
title: '基础表格',
|
||
permiss: '31',
|
||
},
|
||
component: () => import(/* webpackChunkName: "table" */ '../views/table/basetable.vue'),
|
||
},
|
||
{
|
||
path: '/table-editor',
|
||
name: 'table-editor',
|
||
meta: {
|
||
title: '可编辑表格',
|
||
permiss: '32',
|
||
},
|
||
component: () => import(/* webpackChunkName: "table-editor" */ '../views/table/table-editor.vue'),
|
||
},
|
||
{
|
||
path: '/schart',
|
||
name: 'schart',
|
||
meta: {
|
||
title: 'schart图表',
|
||
permiss: '41',
|
||
},
|
||
component: () => import(/* webpackChunkName: "schart" */ '../views/chart/schart.vue'),
|
||
},
|
||
{
|
||
path: '/echarts',
|
||
name: 'echarts',
|
||
meta: {
|
||
title: 'echarts图表',
|
||
permiss: '42',
|
||
},
|
||
component: () => import(/* webpackChunkName: "echarts" */ '../views/chart/echarts.vue'),
|
||
},
|
||
|
||
{
|
||
path: '/icon',
|
||
name: 'icon',
|
||
meta: {
|
||
title: '图标',
|
||
permiss: '5',
|
||
},
|
||
component: () => import(/* webpackChunkName: "icon" */ '../views/pages/icon.vue'),
|
||
},
|
||
{
|
||
path: '/ucenter',
|
||
name: 'ucenter',
|
||
meta: {
|
||
title: '个人中心',
|
||
},
|
||
component: () => import(/* webpackChunkName: "ucenter" */ '../views/pages/ucenter.vue'),
|
||
},
|
||
{
|
||
path: '/kbase-chat',
|
||
name: 'kbase-chat',
|
||
meta: {
|
||
title: '智能知识库',
|
||
},
|
||
component: () => import(/* webpackChunkName: "reco-topic" */ '../views/system/kbase-chat.vue'),
|
||
},
|
||
{
|
||
path: '/manage-kbase',
|
||
name: 'manage-kbase',
|
||
meta: {
|
||
title: '知识库管理',
|
||
},
|
||
component: () => import(/* webpackChunkName: "manage-kbase" */ '../views/system/manage-kbase.vue'),
|
||
},
|
||
{
|
||
path: '/editor',
|
||
name: 'editor',
|
||
meta: {
|
||
title: '富文本编辑器',
|
||
permiss: '291',
|
||
},
|
||
component: () => import(/* webpackChunkName: "editor" */ '../views/pages/editor.vue'),
|
||
},
|
||
{
|
||
path: '/markdown',
|
||
name: 'markdown',
|
||
meta: {
|
||
title: 'markdown编辑器',
|
||
permiss: '292',
|
||
},
|
||
component: () => import(/* webpackChunkName: "markdown" */ '../views/pages/markdown.vue'),
|
||
},
|
||
{
|
||
path: '/export',
|
||
name: 'export',
|
||
meta: {
|
||
title: '导出Excel',
|
||
permiss: '34',
|
||
},
|
||
component: () => import(/* webpackChunkName: "export" */ '../views/table/export.vue'),
|
||
},
|
||
{
|
||
path: '/import',
|
||
name: 'import',
|
||
meta: {
|
||
title: '导入Excel',
|
||
permiss: '33',
|
||
},
|
||
component: () => import(/* webpackChunkName: "import" */ '../views/table/import.vue'),
|
||
},
|
||
{
|
||
path: '/theme',
|
||
name: 'theme',
|
||
meta: {
|
||
title: '主题设置',
|
||
permiss: '7',
|
||
},
|
||
component: () => import(/* webpackChunkName: "theme" */ '../views/pages/theme.vue'),
|
||
},
|
||
{
|
||
path: '/calendar',
|
||
name: 'calendar',
|
||
meta: {
|
||
title: '日历',
|
||
permiss: '24',
|
||
},
|
||
component: () => import(/* webpackChunkName: "calendar" */ '../views/element/calendar.vue'),
|
||
},
|
||
{
|
||
path: '/watermark',
|
||
name: 'watermark',
|
||
meta: {
|
||
title: '水印',
|
||
permiss: '25',
|
||
},
|
||
component: () => import(/* webpackChunkName: "watermark" */ '../views/element/watermark.vue'),
|
||
},
|
||
{
|
||
path: '/carousel',
|
||
name: 'carousel',
|
||
meta: {
|
||
title: '走马灯',
|
||
permiss: '23',
|
||
},
|
||
component: () => import(/* webpackChunkName: "carousel" */ '../views/element/carousel.vue'),
|
||
},
|
||
{
|
||
path: '/tour',
|
||
name: 'tour',
|
||
meta: {
|
||
title: '分步引导',
|
||
permiss: '26',
|
||
},
|
||
component: () => import(/* webpackChunkName: "tour" */ '../views/element/tour.vue'),
|
||
},
|
||
{
|
||
path: '/steps',
|
||
name: 'steps',
|
||
meta: {
|
||
title: '步骤条',
|
||
permiss: '27',
|
||
},
|
||
component: () => import(/* webpackChunkName: "steps" */ '../views/element/steps.vue'),
|
||
},
|
||
{
|
||
path: '/form',
|
||
name: 'forms',
|
||
meta: {
|
||
title: '表单',
|
||
permiss: '21',
|
||
},
|
||
component: () => import(/* webpackChunkName: "form" */ '../views/element/form.vue'),
|
||
},
|
||
{
|
||
path: '/upload',
|
||
name: 'upload',
|
||
meta: {
|
||
title: '上传',
|
||
permiss: '22',
|
||
},
|
||
component: () => import(/* webpackChunkName: "upload" */ '../views/element/upload.vue'),
|
||
},
|
||
{
|
||
path: '/statistic',
|
||
name: 'statistic',
|
||
meta: {
|
||
title: '统计',
|
||
permiss: '28',
|
||
},
|
||
component: () => import(/* webpackChunkName: "statistic" */ '../views/element/statistic.vue'),
|
||
},
|
||
],
|
||
},
|
||
{
|
||
path: '/login',
|
||
meta: {
|
||
title: '登录',
|
||
noAuth: true,
|
||
},
|
||
component: () => import(/* webpackChunkName: "login" */ '../views/pages/login.vue'),
|
||
},
|
||
{
|
||
path: '/register',
|
||
meta: {
|
||
title: '注册',
|
||
noAuth: true,
|
||
},
|
||
component: () => import(/* webpackChunkName: "register" */ '../views/pages/register.vue'),
|
||
},
|
||
{
|
||
path: '/reset-pwd',
|
||
meta: {
|
||
title: '重置密码',
|
||
noAuth: true,
|
||
},
|
||
component: () => import(/* webpackChunkName: "reset-pwd" */ '../views/pages/reset-pwd.vue'),
|
||
},
|
||
{
|
||
path: '/403',
|
||
meta: {
|
||
title: '没有权限',
|
||
noAuth: true,
|
||
},
|
||
component: () => import(/* webpackChunkName: "403" */ '../views/pages/403.vue'),
|
||
},
|
||
{
|
||
path: '/404',
|
||
meta: {
|
||
title: '找不到页面',
|
||
noAuth: true,
|
||
},
|
||
component: () => import(/* webpackChunkName: "404" */ '../views/pages/404.vue'),
|
||
},
|
||
{ path: '/:path(.*)', redirect: '/404' },
|
||
];
|
||
|
||
const router = createRouter({
|
||
history: createWebHashHistory(),
|
||
routes,
|
||
});
|
||
|
||
router.beforeEach((to, from, next) => {
|
||
NProgress.start();
|
||
const role = localStorage.getItem('ms_username');
|
||
const permiss = usePermissStore();
|
||
|
||
if (!role && to.meta.noAuth !== true) {
|
||
next('/login');
|
||
} else if (to.meta.permiss && !permiss.key.includes(to.meta.permiss)) {
|
||
// 如果没有权限，则进入403
|
||
next('/403');
|
||
} else {
|
||
next();
|
||
}
|
||
});
|
||
|
||
router.afterEach(() => {
|
||
NProgress.done();
|
||
});
|
||
|
||
export default router;
|