BookingService/frontend/src/config/router.config.js

import { BasicLayout, PageView, UserLayout } from '../components/layouts'

export const routerMap = [
  {
    path: '/',
    component: BasicLayout,
    meta: { title: '' },
    redirect: '/dashboard',
    children: [
      {
        path: '/dashboard',
        name: 'dashboard',
        component: () => import(/* webpackChunkName: "dashboard" */ '../views/dashboard/Dashboard'),
        meta: { title: '概览', icon: 'dashboard', permission: ['ADMIN', 'TEACHER'] }
      },
      {
        path: '/dashboard/:id',
        name: 'dashboardDetail',
        props: true,
        hidden: true,
        component: () => import(/* webpackChunkName: "dashboard" */ '../views/dashboard/DashboardDetail'),
        meta: { title: '概览详情', permission: ['ADMIN', 'TEACHER'] }
      },
      {
        path: '/booking',
        name: 'booking',
        component: () => import(/* webpackChunkName: "booking" */ '../views/booking/Booking'),
        meta: { title: '预约', icon: 'book', permission: ['ADMIN', 'TEACHER'] }
      },
      {
        path: '/booking/new',
        name: 'bookingNew',
        hidden: true,
        component: () => import(/* webpackChunkName: "booking" */ '../views/booking/BookingNew'),
        meta: { title: '新建预约', icon: 'book', permission: ['ADMIN', 'TEACHER'] }
      },
      {
        path: '/booking/create',
        name: 'bookingCreate',
        props: true,
        hidden: true,
        component: () => import(/* webpackChunkName: "booking" */ '../views/booking/BookingDetail'),
        meta: { title: '新建预约', permission: ['ADMIN', 'TEACHER'] }
      },
      {
        path: '/booking/:id/edit',
        name: 'bookingEdit',
        props: true,
        hidden: true,
        component: () => import(/* webpackChunkName: "booking" */ '../views/booking/BookingDetail'),
        meta: { title: '编辑预约', permission: ['ADMIN', 'TEACHER'] }
      },
      {
        path: '/room',
        name: 'room',
        component: () => import(/* webpackChunkName: "room" */ '../views/room/Room'),
        meta: { title: '房间', icon: 'home', permission: ['ADMIN'] }
      },
      {
        path: '/room/:id/seat',
        name: 'seat',
        props: true,
        hidden: true,
        component: () => import(/* webpackChunkName: "room" */ '../views/room/Seat'),
        meta: { title: '座位管理', permission: ['ADMIN'] }
      },
      {
        path: '/room/create',
        name: 'roomCreate',
        hidden: true,
        component: () => import(/* webpackChunkName: "room" */ '../views/room/RoomDetail'),
        meta: { title: '新建房间', permission: ['ADMIN'] }
      },
      {
        path: '/room/:id/edit',
        name: 'roomEdit',
        props: true,
        hidden: true,
        component: () => import(/* webpackChunkName: "room" */ '../views/room/RoomDetail'),
        meta: { title: '编辑房间', permission: ['ADMIN'] }
      },
      {
        path: '/account',
        name: 'account',
        component: () => import(/* webpackChunkName: "account" */ '../views/account/Account'),
        meta: { title: '用户', icon: 'team', permission: ['ADMIN', 'TEACHER'] }
      },
      {
        path: '/account/create',
        name: 'accountCreate',
        hidden: true,
        component: () => import(/* webpackChunkName: "account" */ '../views/account/AccountDetail'),
        meta: { title: '新建用户', permission: ['ADMIN', 'TEACHER'] }
      },
      {
        path: '/account/:id/edit',
        name: 'accountEdit',
        props: true,
        hidden: true,
        component: () => import(/* webpackChunkName: "account" */ '../views/account/AccountDetail'),
        meta: { title: '编辑用户', permission: ['ADMIN', 'TEACHER'] }
      },
      {
        path: '/setting',
        component: PageView,
        meta: { title: '设置', icon: 'setting', permission: ['ADMIN', 'TEACHER'] },
        children: [
          {
            path: '',
            name: 'setting',
            component: () => import(/* webpackChunkName: "setting" */ '../views/setting/GeneralSetting'),
            meta: { title: '全局设置', permission: ['ADMIN', 'TEACHER'] }
          },
          {
            path: 'user',
            name: 'settingUser',
            component: () => import(/* webpackChunkName: "setting" */ '../views/setting/UserSetting'),
            meta: { title: '用户设置', permission: ['ADMIN', 'TEACHER'] }
          },
          {
            path: 'booking',
            name: 'settingBooking',
            component: () => import(/* webpackChunkName: "setting" */ '../views/setting/BookingSetting'),
            meta: { title: '预约设置', permission: ['ADMIN'] }
          }
        ]
      },
      {
        path: '/help',
        name: 'help',
        component: PageView,
        meta: { title: '帮助', icon: 'question-circle', permission: ['ADMIN', 'TEACHER'] },
        redirect: 'help/general',
        children: [
          {
            path: 'general',
            name: 'helpGeneral',
            component: () => import(/* webpackChunkName: "help" */ '../views/help/Help'),
            meta: { title: '概述', permission: ['ADMIN', 'TEACHER'] }
          },
          {
            path: 'user',
            name: 'helpUser',
            component: () => import(/* webpackChunkName: "help" */ '../views/help/User'),
            meta: { title: '用户', permission: ['ADMIN', 'TEACHER'] }
          },
          {
            path: 'dashboard',
            name: 'helpDashboard',
            component: () => import(/* webpackChunkName: "help" */ '../views/help/Dashboard'),
            meta: { title: '预约概览', permission: ['ADMIN', 'TEACHER'] }
          },
          {
            path: 'booking',
            name: 'helpBooking',
            component: () => import(/* webpackChunkName: "help" */ '../views/help/Booking'),
            meta: { title: '预约管理', permission: ['ADMIN', 'TEACHER'] }
          },
          {
            path: 'room',
            name: 'helpRoom',
            component: () => import(/* webpackChunkName: "help" */ '../views/help/Room'),
            meta: { title: '房间管理', permission: ['ADMIN'] }
          },
          {
            path: 'account',
            name: 'helpAccount',
            component: () => import(/* webpackChunkName: "help" */ '../views/help/Account'),
            meta: { title: '用户管理', permission: ['ADMIN', 'TEACHER'] }
          },
          {
            path: 'setting',
            name: 'helpSetting',
            component: () => import(/* webpackChunkName: "help" */ '../views/help/Setting'),
            meta: { title: '设置', permission: ['ADMIN', 'TEACHER'] }
          }
        ]
      }
    ]
  },
  {
    path: '*',
    component:
      () => import(/* webpackChunkName: "exception" */ '@/views/exception/404')
  }
]

export const basicRouterMap = [
  {
    path: '/user',
    component:
    UserLayout,
    redirect:
      '/user/login',
    hidden:
      true,
    children:
      [
        {
          path: 'login',
          name: 'login',
          component: () => import(/* webpackChunkName: "user" */ '@/views/user/Login')
        }
      ]
  },
  {
    path: '/404',
    component:
      () => import(/* webpackChunkName: "exception" */ '@/views/exception/404')
  }
]