From bd4811c485d1998e20f52a7151bfa99b766a2911 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 20:49:21 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E4=B8=8B=E8=8F=9C=E5=8D=95=E6=98=BE=E7=A4=BA=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/NavHeader/Organization.vue |  1 -
 src/layout/components/NavLeft/index.vue          | 14 ++++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/NavHeader/Organization.vue b/src/layout/components/NavHeader/Organization.vue
index d10584cd9..25b9ee538 100644
--- a/src/layout/components/NavHeader/Organization.vue
+++ b/src/layout/components/NavHeader/Organization.vue
@@ -156,7 +156,6 @@ export default {
   height: 35px;
   line-height: 35px;
   background: transparent;
-  border-radius: 19px;
   color: #FFF;
 
   &>>> .el-input__prefix {
diff --git a/src/layout/components/NavLeft/index.vue b/src/layout/components/NavLeft/index.vue
index 35a941d07..6c95a3a75 100644
--- a/src/layout/components/NavLeft/index.vue
+++ b/src/layout/components/NavLeft/index.vue
@@ -2,8 +2,8 @@
   <div :class="{'has-logo': showLogo, 'show-orgs': showOrgs}">
     <div class="nav-header">
       <div class="active-mobile">
-        <ViewSwitcher mode="vertical" class="mobile-view-switch" />
         <Organization v-if="$hasLicense()" class="organization" />
+        <ViewSwitcher mode="vertical" class="mobile-view-switch" />
       </div>
       <div class="nav-title" :class="{'collapsed': isCollapse}">
         <svg-icon
@@ -16,7 +16,7 @@
         >
           {{ isRouteMeta.title || '' }}
         </span>
-        <span v-show="!isCollapse" class="switch-view">
+        <span v-show="!isCollapse" class="switch-view active-switch-view">
           <el-popover
             placement="right-start"
             width="160"
@@ -169,6 +169,9 @@ export default {
         }
       }
     }
+    .active-switch-view {
+      display: inline-block;
+    }
   }
 
   .collapsed {
@@ -213,6 +216,7 @@ export default {
       padding-left: 8px;
       background: transparent;
       color: #fff;
+      border-bottom: 1px solid rgba(31,35,41,.15);
     }
 
     & > > > .menu-main {
@@ -222,11 +226,17 @@ export default {
     & > > > .title-label {
       color: white !important;
     }
+    .mobile-view-switch >>> .el-menu-item.is-active {
+      color: #ffffff;
+    }
   }
 
   @media screen and (max-width: 992px) {
     .active-mobile {
       display: block;
     }
+    .active-switch-view {
+      display: none!important;;
+    }
   }
 </style>