caimei365-manager-ui/src/router/modules/sys.js

/** When your routing table is too long, you can split it into small modules **/

import Layout from '@/layout'

const sysRouter = {
  path: '/sys',
  component: Layout,
  redirect: '/sys/menus',
  alwaysShow: true, // will always show the root menu
  name: 'SysSetting', // name必须和后台配置一致，不然匹配不到
  meta: { title: '系统设置', icon: 'el-icon-s-tools' },
  children: [
    {
      path: 'menus',
      component: () => import('@/views/sys/menus/index'),
      redirect: '/sys/menus/list',
      name: 'SysMenus',
      meta: { title: '菜单管理', icon: 'el-icon-menu' },
      children: [
        {
          path: 'list',
          hidden: true,
          component: () => import('@/views/sys/menus/list.vue'),
          name: 'SysMenus', // 隐藏的子菜单属性name可以用父级的
          meta: { title: '菜单列表' }
        },
        {
          path: 'form',
          hidden: true,
          component: () => import('@/views/sys/menus/form.vue'),
          name: 'SysMenus',
          meta: { title: '菜单编辑' }
        }
      ]
    },
    {
      path: 'roles',
      component: () => import('@/views/sys/roles/index'),
      redirect: '/sys/roles/list',
      name: 'SysRoles',
      meta: { title: '角色管理', icon: 'lock' },
      children: [
        {
          path: 'list',
          hidden: true,
          component: () => import('@/views/sys/roles/list.vue'),
          name: 'SysRoles',
          meta: { title: '角色列表' }
        },
        {
          path: 'add',
          hidden: true,
          component: () => import('@/views/sys/roles/add.vue'),
          name: 'SysRoles',
          meta: { title: '添加角色' }
        },
        {
          path: 'update',
          hidden: true,
          component: () => import('@/views/sys/roles/update.vue'),
          name: 'SysRoles',
          meta: { title: '编辑角色' }
        }
      ]
    },
    {
      path: 'users',
      component: () => import('@/views/sys/users/index'),
      redirect: '/sys/users/list',
      name: 'SysUsers',
      meta: { title: '用户管理', icon: 'user' },
      children: [
        {
          path: 'list',
          hidden: true,
          component: () => import('@/views/sys/users/list.vue'),
          name: 'SysUsers',
          meta: { title: '角色列表' }
        },
        {
          path: 'add',
          hidden: true,
          component: () => import('@/views/sys/users/add.vue'),
          name: 'SysRoles',
          meta: { title: '添加角色' }
        },
        {
          path: 'update',
          hidden: true,
          component: () => import('@/views/sys/users/update.vue'),
          name: 'SysRoles',
          meta: { title: '编辑角色' }
        }
      ]
    },
    {
      path: 'icons',
      component: () => import('@/views/sys/icons/index'),
      name: 'SysIcons',
      meta: { title: '系统图标', icon: 'el-icon-picture', noCache: true }
    }
  ]
}
export default sysRouter