个人记录：多级路由结构

最新推荐文章于 2024-07-15 22:27:18 发布

follow12138

最新推荐文章于 2024-07-15 22:27:18 发布

阅读量64

点赞数 2

文章标签： java 前端服务器

本文链接：https://blog.csdn.net/follow12138/article/details/137881798

版权

const routes: Array<RouteRecordRaw> = [
  {
    path: "/login",
    name: "login",
    component: loginVue,
  },
  {
    path: "/",
    name: "default",
    component: DefaultPage,
    redirect: { name: "instrumentManagement", },
    children: [
      {
        path: "currentManage/",
        name: "currentManage",
        redirect: { name: 'instrumentManagement' },
        children: [
          {
            path: "userManage",
            name: "userManage",
            component: userManage,
          },
          {
            path: "roleManage",
            name: "roleManage",
            component: roleManage,
          },
          {
            path: "InstrumentManagement",
            name: "instrumentManagement",
            component: instrumentManagement,
          },
        ]
      },
      {
        path: "radiationSafetyManage/",
        name: "radiationSafetyManage",
        redirect: { name: 'sourceInfoManage' },
        children: [
          {
            path: "sourceInfoManage",
            name: "sourceInfoManage",
            component: sourveInfoManage,
          },
          {
            path: "radiationSourceInfoManage",
            name: "radiationSourceInfoManage",
            component: radiationSourceInfoManage,
          },
        ]
      },
      {
        path: "radiationMonitorManage/",
        name: "radiationMonitorManage",
        redirect: { name: 'manual' },
        children: [
          {
            path: "manual",
            name: "manual",
            component: manualClone,
          },
          {
            path: "query",
            name: "queryData",
            component: queryData,
          },
          {
            path: "dataReport/",
            name: "dataReport",
            redirect: { name: 'management-report' },
            children: [
              {
                path: "comprehensive-report",
                name: "comprehensiveReport",
                component: comprehensiveReport,
              },
              {
                path: "management-report",
                name: "management-report",
                component: reportManageClone,
                // component: reportManage,
              },
              {
                path: "custom-report",
                name: "coutomReport",
                component: coutomReport,
              },
            ],
          },
          {
            path: "personEquip/",
            name: "personEquip",
            redirect: { name: 'personInfo' },
            children: [
              {
                path: "personInfo",
                name: "personInfo",
                component: personInfo,
              },
              {
                path: "monitorEquip",
                name: "monitorEquip",
                component: monitorEquip,
              },
              {
                path: "standardMethods",
                name: "standardMethods",
                component: standardMethods,
              },
            ],
          },
        ]
      },


      {
        path: "radiationManage/",
        name: "radiationManage",
        redirect: { name: "realTimeMonitor" },
        children: [
          {
            path: "realTimeMonitor",
            name: "realTimeMonitor",
            component: viewMonitoring,
          },
          {
            path: "alarmInformation",
            name: "alarmInformation",
            component: alarmManagment,
          },
          {
            path: "realTimeAlarm",
            name: "realTimeAlarm",
            component: realtimeAlarm,
          },
        ],
      },
      {
        path: "electEnvirManage/",
        name: "electEnvirManage",
        redirect: { name: "subStationControl" },
        children: [
          {
            path: "subStationControl",
            name: "subStationControl",
            component: subStationControl,
          },
          {
            path: "electRadiationAnalysis",
            name: "electRadiationAnalysis",
            component: electronRadiationLevel,
          },
        ],
      },
      {
        path: "radiatEmergenMonitorManage/",
        name: "radiatEmergenMonitorManage",
        redirect: { name: "gisMap" },
        children: [
          {
            path: "gisMap",
            name: "gisMap",
            component: showGisMap,
          },
          {
            path: "warning",
            name: "warning",
            component: earlyWarning,
          },
          {
            path: "taskManage",
            name: "taskManagement",
            component: taskManagement,
          },
        ],
      },
    ],
  },
];