refactor: refactor the frame layout of admin module

This commit is contained in:
RockYang
2023-06-21 14:22:28 +08:00
parent 54a2181960
commit 40a4ab5410
35 changed files with 1758 additions and 334 deletions

View File

@@ -5,21 +5,89 @@ import "element-plus/dist/index.css"
import App from './App.vue'
import ChatPlus from "@/views/ChatPlus.vue";
import NotFound from './views/404.vue'
import TestPage from './views/Test.vue'
import Home from "@/views/Home.vue";
import Admin from "@/views/admin/Admin.vue";
import Login from "@/views/Login.vue"
import Register from "@/views/Register.vue";
import AdminLogin from "@/views/admin/Login.vue"
import {createPinia} from "pinia";
const routes = [
{name: 'home', path: '/', component: Home, meta: {title: 'ChatGPT-Plus'}},
{name: 'login', path: '/login', component: Login, meta: {title: '用户登录'}},
{name: 'register', path: '/register', component: Register, meta: {title: '用户注册'}},
{name: 'plus', path: '/chat', component: ChatPlus, meta: {title: 'ChatGPT-智能助手V3'}},
{name: 'admin', path: '/admin', component: Admin, meta: {title: 'Chat-Plus 控制台'}},
{name: 'admin-login', path: '/admin/login', component: AdminLogin, meta: {title: 'Chat-Plus 控制台登录'}},
{name: 'test', path: '/test', component: TestPage, meta: {title: '测试页面'}},
// {name: 'admin', path: '/admin', component: Admin, meta: {title: 'Chat-Plus 控制台'}},
{name: 'admin/login', path: '/admin/login', component: AdminLogin, meta: {title: 'Chat-Plus 控制台登录'}},
{
name: 'admin',
path: '/admin',
redirect: '/admin/welcome',
component: () => import("@/views/admin/Home.vue"),
meta: {title: 'ChatGPT-Plus 管理后台'},
children: [
{
path: '/admin/welcome',
name: 'home',
meta: {title: '系统首页'},
component: () => import('@/views/admin/Welcome.vue'),
},
{
path: '/admin/system',
name: 'system',
meta: {title: '系统设置'},
component: () => import('@/views/admin/SysConfig.vue'),
},
{
path: '/admin/user',
name: 'user',
meta: {title: '用户管理'},
component: () => import('@/views/admin/UserList.vue'),
},
{
path: '/admin/role',
name: 'role',
meta: {title: '角色管理'},
component: () => import('@/views/admin/RoleList.vue'),
},
{
path: '/admin/apikey',
name: 'apikey',
meta: {title: 'API-KEY 管理'},
component: () => import('@/views/admin/ApiKey.vue'),
},
{
path: '/admin/loginLog',
name: 'loginLog',
meta: {title: '登录日志'},
component: () => import('@/views/admin/LoginLog.vue'),
},
{
path: '/admin/demo/form',
name: 'form',
meta: {title: '表单页面'},
component: () => import('@/views/admin/demo/Form.vue'),
},
{
path: '/admin/demo/table',
name: 'table',
meta: {title: '数据列表'},
component: () => import('@/views/admin/demo/Table.vue'),
},
{
path: '/admin/demo/import',
name: 'import',
meta: {title: '导入数据'},
component: () => import('@/views/admin/demo/Import.vue'),
},
{
path: '/admin/demo/editor',
name: 'editor',
meta: {title: '富文本编辑器'},
component: () => import('@/views/admin/demo/Editor.vue'),
},
]
},
{name: 'test', path: '/test', component: () => import('@/views/Test.vue'), meta: {title: '测试页面'}},
{name: 'NotFound', path: '/:all(.*)', component: NotFound, meta: {title: '页面没有找到'}},
]
@@ -32,12 +100,13 @@ const router = createRouter({
// dynamic change the title when router change
router.beforeEach((to, from, next) => {
if (to.meta.title) {
document.title = to.meta.title
document.title = `${to.meta.title} | ChatGPT-PLUS`
}
next()
})
const app = createApp(App)
app.use(createPinia())
app.use(router).use(ElementPlus).mount('#app')