路由配置

src/router/index.ts

@@ -17,6 +17,41 @@ const router = createRouter({
           path: "/home",
           component: () => import("../views/home/index.vue"),
           meta: { title: "用户信息",parent:'wdxx' },
+        },
+        {
+          path: "/areaman",
+          component: () => import("../views/areaman/index.vue"),
+          meta: { title: "用户信息",parent:'wdxx' },
+        },
+        {
+          path: "/carman",
+          component: () => import("../views/home/index.vue"),
+          meta: { title: "用户信息",parent:'wdxx' },
+        },
+        {
+          path: "/carplanman",
+          component: () => import("../views/carplanman/index.vue"),
+          meta: { title: "用户信息",parent:'wdxx' },
+        },
+        {
+          path: "/orderman",
+          component: () => import("../views/orderman/index.vue"),
+          meta: { title: "用户信息",parent:'wdxx' },
+        },
+        {
+          path: "/routeman",
+          component: () => import("../views/routeman/index.vue"),
+          meta: { title: "用户信息",parent:'wdxx' },
+        },
+        {
+          path: "/stationman",
+          component: () => import("../views/stationman/index.vue"),
+          meta: { title: "用户信息",parent:'wdxx' },
+        },
+        {
+          path: "/userman",
+          component: () => import("../views/userman/index.vue"),
+          meta: { title: "用户信息",parent:'wdxx' },
         }
       ]
     },

src/views/HomeView.vue

@@ -26,12 +26,13 @@ const handleClose = (key: string, keyPath: string[]) => {
         background-color="#000000"
         class="el-menu-vertical-demo"
         default-active="1"
+        router
         text-color="#fff"
         @open="handleOpen"
         @close="handleClose"
       >
       
-        <el-menu-item index="1">
+        <el-menu-item index="userman">
           <div class="ima-icon">
             <img style="width:20px;height:auto" src="../../public/imgs/userman.png" alt="">
           </div>
@@ -40,7 +41,7 @@ const handleClose = (key: string, keyPath: string[]) => {
             <el-icon><ArrowRightBold /></el-icon>
           </div>
         </el-menu-item>
-        <el-menu-item index="2">
+        <el-menu-item index="areaman">
           <div class="ima-icon">
             <img style="width:18px;height:auto" src="../../public/imgs/areaman.png" alt="">
           </div>
@@ -49,7 +50,7 @@ const handleClose = (key: string, keyPath: string[]) => {
             <el-icon><ArrowRightBold /></el-icon>
           </div>
         </el-menu-item>
-        <el-menu-item index="3">
+        <el-menu-item index="stationman">
           <div class="ima-icon">
             <img style="width:9px;height:auto" src="../../public/imgs/stationman.png" alt="">
           </div>
@@ -58,7 +59,7 @@ const handleClose = (key: string, keyPath: string[]) => {
             <el-icon><ArrowRightBold /></el-icon>
           </div>
         </el-menu-item>
-        <el-menu-item index="4">
+        <el-menu-item index="carman">
           <div class="ima-icon">
             <img style="width:16px;height:auto" src="../../public/imgs/carman.png" alt="">
           </div>
@@ -67,7 +68,7 @@ const handleClose = (key: string, keyPath: string[]) => {
             <el-icon><ArrowRightBold /></el-icon>
           </div>
         </el-menu-item>
-        <el-menu-item index="5">
+        <el-menu-item index="routeman">
           <div class="ima-icon">
             <img style="width:16px;height:auto" src="../../public/imgs/routeman.png" alt="">
           </div>
@@ -76,7 +77,7 @@ const handleClose = (key: string, keyPath: string[]) => {
             <el-icon><ArrowRightBold /></el-icon>
           </div>
         </el-menu-item>
-        <el-menu-item index="6">
+        <el-menu-item index="carplanman">
           <div class="ima-icon">
             <img style="width:14px;height:auto" src="../../public/imgs/carman.png" alt="">
           </div>
@@ -85,7 +86,7 @@ const handleClose = (key: string, keyPath: string[]) => {
             <el-icon><ArrowRightBold /></el-icon>
           </div>
         </el-menu-item>
-        <el-menu-item index="7">
+        <el-menu-item index="orderman">
           <div class="ima-icon">
             <img style="width:12px;height:auto" src="../../public/imgs/orderman.png" alt="">
           </div>

src/views/areaman/index.vue

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

src/views/carman/index.vue

@@ -0,0 +1,6 @@
+<template>
+    
+    <div>
+        carman
+    </div>
+</template>

src/views/carplanman/index.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        carmanplan
+    </div>
+</template>

src/views/orderman/index.vue

@@ -0,0 +1,6 @@
+<template>
+    
+    <div>
+        orderman
+    </div>
+</template>

src/views/routeman/index.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        routeman
+    </div>
+</template>

src/views/stationman/index.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        stationman
+    </div>
+</template>

src/views/userman/index.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        userman
+    </div>
+</template>