动态路由雏形

src/router/index.js

@@ -61,29 +61,11 @@ export const constantRoutes = [
     component: () => import("@/views/error/401"),
     hidden: true,
   },
-
-  // {
-  //   path: "",
-  //   component: Layout,
-  //   redirect: "index",
-  //   // children: [
-  //   //   {
-  //   //     path: "index",
-  //   //     component: () => import("@/views/index"),
-  //   //     name: "Index",
-  //   //     meta: { title: "检查员统计", icon: "netWork", affix: true },
-  //   //   },
-  //   // ],
-  // },
-
   {
-    path: "",
+    path: '',
     component: () => import("@/views/index"),
-    name: "Index",
-    meta: { title: "首页", icon: "netWork", affix: true },
-    isDiy: true,
-    hidden: true,
     redirect: "/administrative",
+    isDiy: true,
     children: [
       {
         path: "/administrative",
@@ -92,42 +74,66 @@ export const constantRoutes = [
         component: () => import("@/views/administrative/index"),
         meta: { title: "行政审批", icon: "netWork" },
       },
+    ]
+  },
+  {
+    path: '/A',
+    component: () => import("@/views/index"),
+    redirect: "enterpriseMsg",
+    isDiy: true,
+    children: [
       {
-        path: "/enterpriseMsg",
+        path: 'enterpriseMsg',
         name: "企业档案",
         icon: require("@/assets/images/tree4.svg"),
         component: () => import("@/views/enterpriseMsg/index"),
         meta: { title: "企业档案", icon: "netWork" },
       },
+    ]
+  },
+  {
+    path: '/B',
+    component: () => import("@/views/index"),
+    redirect: "logout",
+    isDiy: true,
+    children: [
       {
-        path: "/drugArchives",
+        path: "logout",
+        name: "依法注销",
+        icon: require("@/assets/images/tree4.svg"),
+        component: () => import("@/views/logout/index"),
+        meta: { title: "依法注销", icon: "netWork" },
+      },
+    ]
+  },
+  {
+    path: '/productsMsg',
+    component: () => import("@/views/index"),
+    redirect: "drugArchives",
+    isDiy: true,
+    children: [
+      {
+        path: "drugArchives",
         name: "药品档案",
         icon: require("@/assets/images/tree4.svg"),
         component: () => import("@/views/productsMsg/components/drugArchives.vue"),
         meta: { title: "药品档案", icon: "netWork" },
       },
       {
-        path: "/cosmeticsArchives",
+        path: "cosmeticsArchives",
         name: "化妆品档案",
         icon: require("@/assets/images/tree4.svg"),
         component: () => import("@/views/productsMsg/components/cosmeticsArchives.vue"),
         meta: { title: "化妆品档案", icon: "netWork" },
       },
       {
-        path: "/health",
+        path: "health",
         name: "医疗器械档案",
         icon: require("@/assets/images/tree4.svg"),
         component: () => import("@/views/productsMsg/components/health.vue"),
         meta: { title: "医疗器械档案", icon: "netWork" },
       },
-      {
-        path: "/logout",
-        name: "依法注销",
-        icon: require("@/assets/images/tree4.svg"),
-        component: () => import("@/views/logout/index"),
-        meta: { title: "依法注销", icon: "netWork" },
-      },
-    ],
+    ]
   },
   //可以按着若依的思路来写,把菜单全部都设置成一级路由，然后有下拉选择框的去进行区别判断设置成二级子路由
 ];

src/views/a1/index.vue

@@ -1,3 +0,0 @@
-<template>
-    <div>00000</div>
-</template>

src/views/index.vue

@@ -38,7 +38,7 @@
                   <el-menu-item
                     :index="itemb.path + '66'"
                     v-for="(itemb, index) in item.children"
-                    :key="index +'3'"
+                    :key="index + '3'"
                     :route="itemb.path"
                     >{{ itemb.name }}</el-menu-item
                   >
@@ -87,9 +87,8 @@ export default {
           component: () => import("@/views/administrative/index"),
           meta: { title: "行政审批", icon: "netWork" },
         },
-    
         {
-          path: "/enterpriseMsg",
+          path: "/A/enterpriseMsg",
           name: "企业档案",
           icon: require("@/assets/images/tree4.svg"),
           component: () => import("@/views/enterpriseMsg/index"),
@@ -99,40 +98,44 @@ export default {
           path: "/productsMsg",
           name: "产品档案",
           icon: require("@/assets/images/tree4.svg"),
-          meta: { title: "产品档案", icon: "netWork" },
+          component: () => import("@/views/index"),
+          redirect: "drugArchives",
+          isDiy: true,
           children: [
             {
-              path: "/drugArchives",
+              path: "/productsMsg/drugArchives",
               name: "药品档案",
               icon: require("@/assets/images/tree4.svg"),
               component: () =>
-                import("@/views/productsMsg/components/drugArchives"),
+                import("@/views/productsMsg/components/drugArchives.vue"),
               meta: { title: "药品档案", icon: "netWork" },
             },
             {
-              path: "/cosmeticsArchives",
+              path: "/productsMsg/cosmeticsArchives",
               name: "化妆品档案",
               icon: require("@/assets/images/tree4.svg"),
               component: () =>
-                import("@/views/productsMsg/components/cosmeticsArchives"),
+                import("@/views/productsMsg/components/cosmeticsArchives.vue"),
               meta: { title: "化妆品档案", icon: "netWork" },
             },
             {
-              path: "/health",
+              path: "/productsMsg/health",
               name: "医疗器械档案",
               icon: require("@/assets/images/tree4.svg"),
-              component: () => import("@/views/productsMsg/components/health"),
+              component: () =>
+                import("@/views/productsMsg/components/health.vue"),
               meta: { title: "医疗器械档案", icon: "netWork" },
             },
           ],
         },
         {
-          path: "/logout",
+          path: "/B/logout",
           name: "依法注销",
           icon: require("@/assets/images/tree4.svg"),
           component: () => import("@/views/logout/index"),
           meta: { title: "依法注销", icon: "netWork" },
         },
+
       ],
     };
   },