From a3962535c5e7ede8805045368cd96098e7a81fa4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9F=A9=E7=A3=8A?= <hanlei001@wondertek.com.cn>
Date: Mon, 12 Jul 2021 09:27:18 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B9=E6=8D=AE=E5=90=8E=E7=AB=AF=E8=BF=94?=
 =?UTF-8?q?=E5=9B=9E=EF=BC=8C=E8=8F=9C=E5=8D=95=E8=BF=9B=E8=A1=8C=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/Sidebar/index.vue | 25 +++++++++++++++++++++++--
 src/router/asyncRoutes.ts    |  2 ++
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/layout/Sidebar/index.vue b/src/layout/Sidebar/index.vue
index 4f86a4e..24c4d02 100644
--- a/src/layout/Sidebar/index.vue
+++ b/src/layout/Sidebar/index.vue
@@ -15,7 +15,7 @@
           :key="item.name"
           class="side-menu"
           :class="{ active: active.lv1 === item }"
-          @click="active.lv1 = item"
+          @click="changeMenu(item,1)"
         >
           <svg
             class=""
@@ -42,7 +42,7 @@
           :key="item.name"
           class="side-menu"
           :class="{ active: active.lv2 === item }"
-          @click="active.lv2 = item"
+          @click="changeMenu(item,2)"
         >
           {{ item.name }}
         </div>
@@ -79,7 +79,28 @@ export default {
         .fill(null)
         .map(() => ({ name: Math.random().toString(24).substring(10) }))
     },
+    changeMenu(param:object,level:number) {
+      switch(level) {
+        case 1: {
+          this.active.lv1 = param;
+          this.active.lv2 = "";
+          break;
+        }
+        case 2: {
+          this.active.lv2 = param;
+          break;
+        }
+      }
+    }
   },
+  watch: {
+    active:{ 
+      handler(newVal,oldVal) {
+        this.$router.push({name: newVal.lv2.code || newVal.lv1.code });
+      },
+      deep: true
+    }
+  }
 }
 </script>
 
diff --git a/src/router/asyncRoutes.ts b/src/router/asyncRoutes.ts
index 582cd25..53c489d 100644
--- a/src/router/asyncRoutes.ts
+++ b/src/router/asyncRoutes.ts
@@ -1,4 +1,5 @@
 export default {
+  // 根据后端返回的路由code字段进行组件的引入
   code1: () => import('@/views/dashboard/index.vue'),
   code2: () => import('@/views/demo/index.vue'),
   code3: () => import('@/views/dashboard/index.vue'),
@@ -9,4 +10,5 @@ export default {
   code8: () => import('@/views/dashboard/index.vue'),
   code9: () => import('@/views/dashboard/index.vue'),
   code10: () => import('@/views/dashboard/index.vue'),
+  code24: () => import('@/views/dashboard/index.vue'),
 }
-- 
Gitee