From 20c96f3dab1a3d9e10996a0580ef157293d45e06 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 17 六月 2022 11:10:23 +0800
Subject: [PATCH] 修改路由匹配code  显示后端返回name值

---
 src/layout/components/Sidebar/index.vue |   70 ++++++++++++++++++++++------------
 1 files changed, 45 insertions(+), 25 deletions(-)

diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 4812b0f..857b930 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -25,7 +25,9 @@
       </el-menu>
     </el-scrollbar>
     <div style="position: absolute;bottom: 20px;left: 30px;">
-      <div><el-button type="text">鏂板嚡杩埗閫燰1.0.01</el-button></div>
+      <div>
+        <el-button type="text">鏂板嚡杩埗閫燰1.0.01</el-button>
+      </div>
     </div>
 
   </div>
@@ -49,7 +51,7 @@
   async created() {
     const { data: res } = await LoginMenu()
     this.routers = res
-    this.routers.unshift({ name: '绯荤粺棣栭〉' })
+    this.routers.unshift({ code: '1000', name: '绯荤粺璁剧疆' })
   },
   computed: {
     ...mapGetters([
@@ -57,14 +59,17 @@
       'sidebar'
     ]),
     routes() {
-      const newArr = []
+      const newCodeArr = []
+      const newCodeNameArr = []
       this.routers.forEach(item => {
-        if (item.name) {
-          newArr.push(item.name)
+        if (item.code) {
+          newCodeArr.push(item.code)
+          newCodeNameArr.push({ code: item.code, title: item.name })
           if (item.children) {
             item.children.forEach(it => {
-              if (it.name) {
-                newArr.push(it.name)
+              if (it.code) {
+                newCodeArr.push(it.code)
+                newCodeNameArr.push({ code: it.code, title: it.name })
               }
             })
           }
@@ -73,13 +78,23 @@
       const arr = this.$router.options.routes
       const arr2 = []
       arr.forEach((item, index) => {
-        if (newArr.includes(item.name) && item.children.length === 1) {
+        if (newCodeArr.includes(item.code) && item.children.length === 1) {
           arr2.push(item)
-        } else if (newArr.includes(item.name) && item.children.length > 1) {
+        } else if (newCodeArr.includes(item.code) && item.children.length > 1) {
+          newCodeNameArr.forEach(it1 => { // 鏇挎崲鎺ュ彛涓殑name涓鸿彍鍗曞悕绉�
+            if (it1.code === item.code) {
+              item.meta.title = it1.title
+            }
+          })
           const a = []
-          item.children.forEach((it, ind) => {
-            if (newArr.includes(it.name)) {
-              a.push(it)
+          item.children.forEach((it2, ind) => { // 閬嶅巻
+            if (newCodeArr.includes(it2.code)) {
+              newCodeNameArr.forEach(it1 => { // 鏇挎崲鎺ュ彛涓殑name涓鸿彍鍗曞悕绉�
+                if (it2.code === it1.code) {
+                  it2.meta.title = it1.title
+                }
+              })
+              a.push(it2)
             }
           })
           item.children = a
@@ -110,46 +125,51 @@
 }
 </script>
 <style lang="scss">
-$main_color :#42b983;
-.el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active{
-  color: white ;
-  font-size: 18px ;
+$main_color: #42b983;
+.el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active {
+  color: white;
+  font-size: 18px;
 }
+
 #app .sidebar-container .el-submenu .el-menu-item {
   background-color: transparent !important;
 }
 
-#app .sidebar-container .el-submenu .el-menu-item.is-active{
+#app .sidebar-container .el-submenu .el-menu-item.is-active {
   background: $main_color !important;
   color: #fff !important;
 }
-#app .sidebar-container .el-submenu .el-menu-item:hover{
+
+#app .sidebar-container .el-submenu .el-menu-item:hover {
   background: $main_color !important;
   //color: #fff !important;
 }
 
-.el-submenu__title{
+.el-submenu__title {
   font-weight: bolder;
 }
 
-.sub-el-icon::before{
+.sub-el-icon::before {
   color: $main_color;
 }
-.svg-icon{
+
+.svg-icon {
   color: $main_color;
 }
-.submenu-title-noDropdown{
+
+.submenu-title-noDropdown {
   font-weight: bolder;
 }
-.router-link-exact-active>.submenu-title-noDropdown{
+
+.router-link-exact-active > .submenu-title-noDropdown {
   color: $main_color !important;
 }
 
-.el-menu-item.is-active{
+.el-menu-item.is-active {
   color: $main_color !important;
 }
 
-.el-button--text:hover{
+.el-button--text:hover {
   color: #ffffff;
   cursor: default;
 }

--
Gitblit v1.9.3