From 29dbc48589ba015c60e8944696fa5fb8a27fbc71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Wed, 16 Feb 2022 23:56:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=A4=9A=E7=BA=A7?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95(=E5=B5=8C=E5=A5=97=E8=B7=AF=E7=94=B1)?=
 =?UTF-8?q?=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts                           | 45 ++++++++++++++++++-
 src/views/nested/level1/index.vue             |  7 +++
 src/views/nested/level1/level2/index.vue      |  7 +++
 .../nested/level1/level2/level3/index1.vue    |  5 +++
 .../nested/level1/level2/level3/index2.vue    |  5 +++
 src/views/system/menu/components/Menu.vue     |  1 +
 6 files changed, 68 insertions(+), 2 deletions(-)
 create mode 100644 src/views/nested/level1/index.vue
 create mode 100644 src/views/nested/level1/level2/index.vue
 create mode 100644 src/views/nested/level1/level2/level3/index1.vue
 create mode 100644 src/views/nested/level1/level2/level3/index2.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index 9f263043..f5c0ac57 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,4 +1,5 @@
 import {createRouter, createWebHashHistory, RouteRecordRaw} from 'vue-router'
+
 export const Layout = () => import( '@/layout/index.vue')
 
 
@@ -28,7 +29,7 @@ export const constantRoutes: Array<RouteRecordRaw> = [
     {
         path: '/401',
         component: () => import('@/views/error-page/401.vue'),
-        meta:{hidden: true}
+        meta: {hidden: true}
     },
     {
         path: '/',
@@ -42,7 +43,47 @@ export const constantRoutes: Array<RouteRecordRaw> = [
                 meta: {title: '首页', icon: 'dashboard', affix: true}
             }
         ]
-    }
+    },
+    // 多级嵌套路由
+    /* {
+         path: '/nested',
+         component: Layout,
+         redirect: '/nested/level1/level2',
+         name: 'Nested',
+         meta: {title: '多级菜单', icon: 'nested'},
+         children: [
+             {
+                 path: 'level1',
+                 component: () => import('@/views/nested/level1/index.vue'),
+                 name: 'Level1',
+                 meta: {title: '菜单一级'},
+                 redirect: '/nested/level1/level2',
+                 children: [
+                     {
+                         path: 'level2',
+                         component: () => import('@/views/nested/level1/level2/index.vue'),
+                         name: 'Level2',
+                         meta: {title: '菜单二级'},
+                         redirect: '/nested/level1/level2/level3',
+                         children: [
+                             {
+                                 path: 'level3-1',
+                                 component: () => import('@/views/nested/level1/level2/level3/index1.vue'),
+                                 name: 'Level3-1',
+                                 meta: {title: '菜单三级-1'}
+                             },
+                             {
+                                 path: 'level3-2',
+                                 component: () => import('@/views/nested/level1/level2/level3/index2.vue'),
+                                 name: 'Level3-2',
+                                 meta: {title: '菜单三级-2'}
+                             }
+                         ]
+                     }
+                 ]
+             },
+         ]
+     }*/
 ]
 
 const router = createRouter({
diff --git a/src/views/nested/level1/index.vue b/src/views/nested/level1/index.vue
new file mode 100644
index 00000000..6938bf1c
--- /dev/null
+++ b/src/views/nested/level1/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="菜单一级">
+      <router-view />
+    </el-alert>
+  </div>
+</template>
diff --git a/src/views/nested/level1/level2/index.vue b/src/views/nested/level1/level2/index.vue
new file mode 100644
index 00000000..a9f31caa
--- /dev/null
+++ b/src/views/nested/level1/level2/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="菜单二级" type="success">
+      <router-view />
+    </el-alert>
+  </div>
+</template>
diff --git a/src/views/nested/level1/level2/level3/index1.vue b/src/views/nested/level1/level2/level3/index1.vue
new file mode 100644
index 00000000..94de1f0d
--- /dev/null
+++ b/src/views/nested/level1/level2/level3/index1.vue
@@ -0,0 +1,5 @@
+<template>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="菜单三级-1" type="error" />
+  </div>
+</template>
diff --git a/src/views/nested/level1/level2/level3/index2.vue b/src/views/nested/level1/level2/level3/index2.vue
new file mode 100644
index 00000000..e933503a
--- /dev/null
+++ b/src/views/nested/level1/level2/level3/index2.vue
@@ -0,0 +1,5 @@
+<template>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="菜单三级-2" type="warning" />
+  </div>
+</template>
diff --git a/src/views/system/menu/components/Menu.vue b/src/views/system/menu/components/Menu.vue
index a051899c..00e47b10 100644
--- a/src/views/system/menu/components/Menu.vue
+++ b/src/views/system/menu/components/Menu.vue
@@ -90,6 +90,7 @@
           ref="dataFormRef"
           :model="formData"
           :rules="rules"
+          label-width="100px"
       >
         <el-form-item label="父级菜单" prop="parentId">
           <tree-select