From 4bf0e7a998f971421098527eec06d6bd15f55294 Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Tue, 26 Nov 2024 16:02:50 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=B2=BE=E7=AE=80=E5=A4=9A?=
 =?UTF-8?q?=E7=BA=A7=E8=B7=AF=E7=94=B1=E7=A4=BA=E4=BE=8B=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/{menu.svg => level.svg}      |  0
 .../{menu/menu1 => level1/level2}/index.vue   | 15 +++-
 .../level2/level3}/index.vue                  |  6 +-
 src/pages/menu/menu1/menu1-1/index.vue        | 17 -----
 src/pages/menu/menu1/menu1-2/index.vue        |  7 --
 .../menu/menu1/menu1-2/menu1-2-1/index.vue    | 17 -----
 .../menu/menu1/menu1-2/menu1-2-2/index.vue    | 17 -----
 src/pages/menu/menu2/index.vue                | 17 -----
 src/router/index.ts                           | 76 ++++---------------
 9 files changed, 29 insertions(+), 143 deletions(-)
 rename src/assets/icons/{menu.svg => level.svg} (100%)
 rename src/pages/{menu/menu1 => level1/level2}/index.vue (56%)
 rename src/pages/{menu/menu1/menu1-3 => level1/level2/level3}/index.vue (57%)
 delete mode 100644 src/pages/menu/menu1/menu1-1/index.vue
 delete mode 100644 src/pages/menu/menu1/menu1-2/index.vue
 delete mode 100644 src/pages/menu/menu1/menu1-2/menu1-2-1/index.vue
 delete mode 100644 src/pages/menu/menu1/menu1-2/menu1-2-2/index.vue
 delete mode 100644 src/pages/menu/menu2/index.vue

diff --git a/src/assets/icons/menu.svg b/src/assets/icons/level.svg
similarity index 100%
rename from src/assets/icons/menu.svg
rename to src/assets/icons/level.svg
diff --git a/src/pages/menu/menu1/index.vue b/src/pages/level1/level2/index.vue
similarity index 56%
rename from src/pages/menu/menu1/index.vue
rename to src/pages/level1/level2/index.vue
index 4215ad4e..3018f183 100644
--- a/src/pages/menu/menu1/index.vue
+++ b/src/pages/level1/level2/index.vue
@@ -1,22 +1,29 @@
 <template>
   <div class="app-container">
     <h4>
-      三级及其以上路由缓存功能默认关闭，需要请前往此配置文件中打开：
+      <span>
+        三级及其以上路由缓存功能默认关闭，需要请前往此配置文件中打开：
+      </span>
       <el-link
         type="primary"
-        href="https://github.com/un-pany/v3-admin-vite/blob/main/src/config/route.ts"
+        href="https://github.com/un-pany/v3-admin-vite/blob/main/src/router/config.ts"
         target="_blank"
       >
-        src/config/route.ts
+        src/router/config.ts
       </el-link>
     </h4>
-    <el-card header="二级路由 - menu1">
+    <el-card header="二级路由">
       <router-view />
     </el-card>
   </div>
 </template>
 
 <style lang="scss" scoped>
+h4 {
+  display: flex;
+  align-items: center;
+}
+
 .el-link {
   font-size: 18px;
 }
diff --git a/src/pages/menu/menu1/menu1-3/index.vue b/src/pages/level1/level2/level3/index.vue
similarity index 57%
rename from src/pages/menu/menu1/menu1-3/index.vue
rename to src/pages/level1/level2/level3/index.vue
index 6a1c2c77..9d4ca5cc 100644
--- a/src/pages/menu/menu1/menu1-3/index.vue
+++ b/src/pages/level1/level2/level3/index.vue
@@ -2,7 +2,7 @@
 import { ref } from "vue"
 
 defineOptions({
-  name: "Menu13"
+  name: "Level3"
 })
 
 const text = ref("")
@@ -10,8 +10,8 @@ const text = ref("")
 
 <template>
   <div class="app-container">
-    <el-card header="三级路由缓存 - menu1-3">
-      <el-input v-model="text" />
+    <el-card header="三级路由">
+      <el-input v-model="text" placeholder="输入任意字符测试缓存" />
     </el-card>
   </div>
 </template>
diff --git a/src/pages/menu/menu1/menu1-1/index.vue b/src/pages/menu/menu1/menu1-1/index.vue
deleted file mode 100644
index 01ac9c84..00000000
--- a/src/pages/menu/menu1/menu1-1/index.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-import { ref } from "vue"
-
-defineOptions({
-  name: "Menu11"
-})
-
-const text = ref("")
-</script>
-
-<template>
-  <div class="app-container">
-    <el-card header="三级路由缓存 - menu1-1">
-      <el-input v-model="text" />
-    </el-card>
-  </div>
-</template>
diff --git a/src/pages/menu/menu1/menu1-2/index.vue b/src/pages/menu/menu1/menu1-2/index.vue
deleted file mode 100644
index 79eb6d56..00000000
--- a/src/pages/menu/menu1/menu1-2/index.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-card header="三级路由 - menu1-2">
-      <router-view />
-    </el-card>
-  </div>
-</template>
diff --git a/src/pages/menu/menu1/menu1-2/menu1-2-1/index.vue b/src/pages/menu/menu1/menu1-2/menu1-2-1/index.vue
deleted file mode 100644
index 278bff19..00000000
--- a/src/pages/menu/menu1/menu1-2/menu1-2-1/index.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-import { ref } from "vue"
-
-defineOptions({
-  name: "Menu121"
-})
-
-const text = ref("")
-</script>
-
-<template>
-  <div class="app-container">
-    <el-card header="四级路由缓存 - menu1-2-1">
-      <el-input v-model="text" />
-    </el-card>
-  </div>
-</template>
diff --git a/src/pages/menu/menu1/menu1-2/menu1-2-2/index.vue b/src/pages/menu/menu1/menu1-2/menu1-2-2/index.vue
deleted file mode 100644
index 98de7712..00000000
--- a/src/pages/menu/menu1/menu1-2/menu1-2-2/index.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-import { ref } from "vue"
-
-defineOptions({
-  name: "Menu122"
-})
-
-const text = ref("")
-</script>
-
-<template>
-  <div class="app-container">
-    <el-card header="四级路由缓存 - menu1-2-2">
-      <el-input v-model="text" />
-    </el-card>
-  </div>
-</template>
diff --git a/src/pages/menu/menu2/index.vue b/src/pages/menu/menu2/index.vue
deleted file mode 100644
index 5fb1dbff..00000000
--- a/src/pages/menu/menu2/index.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts" setup>
-import { ref } from "vue"
-
-defineOptions({
-  name: "Menu2"
-})
-
-const text = ref("")
-</script>
-
-<template>
-  <div class="app-container">
-    <el-card header="二级路由缓存 - menu2">
-      <el-input v-model="text" />
-    </el-card>
-  </div>
-</template>
diff --git a/src/router/index.ts b/src/router/index.ts
index 2e39026b..58dfe3e3 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -135,81 +135,35 @@ export const constantRoutes: RouteRecordRaw[] = [
     ]
   },
   {
-    path: "/menu",
+    path: "/level1",
     component: Layouts,
-    redirect: "/menu/menu1",
-    name: "Menu",
+    redirect: "/level1/level2",
+    name: "Level1",
     meta: {
-      title: "多级路由",
-      svgIcon: "menu"
+      title: "一级路由",
+      svgIcon: "level"
     },
     children: [
       {
-        path: "menu1",
-        component: () => import("@/pages/menu/menu1/index.vue"),
-        redirect: "/menu/menu1/menu1-1",
-        name: "Menu1",
+        path: "level2",
+        component: () => import("@/pages/level1/level2/index.vue"),
+        redirect: "/level1/level2/level3",
+        name: "Level2",
         meta: {
-          title: "menu1"
+          title: "二级路由",
+          alwaysShow: true
         },
         children: [
           {
-            path: "menu1-1",
-            component: () => import("@/pages/menu/menu1/menu1-1/index.vue"),
-            name: "Menu1-1",
+            path: "level3",
+            component: () => import("@/pages/level1/level2/level3/index.vue"),
+            name: "Level3",
             meta: {
-              title: "menu1-1",
-              keepAlive: true
-            }
-          },
-          {
-            path: "menu1-2",
-            component: () => import("@/pages/menu/menu1/menu1-2/index.vue"),
-            redirect: "/menu/menu1/menu1-2/menu1-2-1",
-            name: "Menu1-2",
-            meta: {
-              title: "menu1-2"
-            },
-            children: [
-              {
-                path: "menu1-2-1",
-                component: () => import("@/pages/menu/menu1/menu1-2/menu1-2-1/index.vue"),
-                name: "Menu1-2-1",
-                meta: {
-                  title: "menu1-2-1",
-                  keepAlive: true
-                }
-              },
-              {
-                path: "menu1-2-2",
-                component: () => import("@/pages/menu/menu1/menu1-2/menu1-2-2/index.vue"),
-                name: "Menu1-2-2",
-                meta: {
-                  title: "menu1-2-2",
-                  keepAlive: true
-                }
-              }
-            ]
-          },
-          {
-            path: "menu1-3",
-            component: () => import("@/pages/menu/menu1/menu1-3/index.vue"),
-            name: "Menu1-3",
-            meta: {
-              title: "menu1-3",
+              title: "三级路由",
               keepAlive: true
             }
           }
         ]
-      },
-      {
-        path: "menu2",
-        component: () => import("@/pages/menu/menu2/index.vue"),
-        name: "Menu2",
-        meta: {
-          title: "menu2",
-          keepAlive: true
-        }
       }
     ]
   },