From 3b2f4cddeaec01eee161220a32bb13885f6e26db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Chuailei000=E2=80=9D?= <2280131253@qq.com>
Date: Wed, 30 Nov 2022 12:19:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BB=AA=E8=A1=A8=E7=9B=98=E3=80=81?=
 =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E5=8F=B0=E9=BB=98=E8=AE=A4=E5=B1=95=E5=BC=80?=
 =?UTF-8?q?=E5=AD=90=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/NavLeft/index.vue | 18 +++++++++++++++---
 src/router/audit/index.js               |  1 +
 src/router/index.js                     |  1 +
 src/router/workbench/index.js           |  1 +
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/NavLeft/index.vue b/src/layout/components/NavLeft/index.vue
index 5d54e63c5..01cff48d7 100644
--- a/src/layout/components/NavLeft/index.vue
+++ b/src/layout/components/NavLeft/index.vue
@@ -30,6 +30,7 @@
       <el-menu
         class="left-menu"
         :default-active="activeMenu"
+        :default-openeds="opensMenu"
         :collapse="isCollapse"
         :background-color="variables['menuBg']"
         :text-color="variables['menuText']"
@@ -97,6 +98,13 @@ export default {
       this.$log.debug('Active menu path3: ', locPath)
       return locPath
     },
+    opensMenu() {
+      const { meta } = this.$route
+      if (meta?.opensMenu) {
+        return meta.opensMenu
+      }
+      return []
+    },
     showLogo() {
       return this.$store.state.settings.sidebarLogo
     },
@@ -146,15 +154,19 @@ export default {
     .switch-view {
       position: absolute;
       top: 50%;
-      right: 0;
+      right: 16px;
       transform: translateY(-50%);
       z-index: 1;
+      padding: 3px;
+      line-height: 10px;
+      border-radius: 3px;
       &:hover {
-        color: var(--color-primary);
+        background: var(--menu-hover)!important;
       }
       .icon {
+        margin-right: 0!important;
         &:hover {
-          color: var(--color-primary);
+          color: var(--color-primary)!important;
         }
       }
     }
diff --git a/src/router/audit/index.js b/src/router/audit/index.js
index 0c42f0a6d..a31cffe10 100644
--- a/src/router/audit/index.js
+++ b/src/router/audit/index.js
@@ -28,6 +28,7 @@ export default {
       meta: {
         icon: 'dashboard',
         title: i18n.t('route.Dashboard'),
+        opensMenu: ['/audit/sessions', '/audit/logs'],
         permissions: []
       }
     },
diff --git a/src/router/index.js b/src/router/index.js
index 8ca642a81..f715647ab 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -21,6 +21,7 @@ Vue.use(Router)
     icon: 'svg-name'             the icon show in the sidebar
     breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
     activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
+    opensMenu: ['/app/list']     expand submenu by default
   }
  */
 import commonRoutes from './common'
diff --git a/src/router/workbench/index.js b/src/router/workbench/index.js
index 4d9408cee..d897e8c55 100644
--- a/src/router/workbench/index.js
+++ b/src/router/workbench/index.js
@@ -29,6 +29,7 @@ export default {
       meta: {
         icon: 'overview',
         title: i18n.t('route.Overview'),
+        opensMenu: ['/workbench/ops'],
         permissions: []
       }
     },