From 3fa33e482a8bf7bab0e630793e0e599ec2d63c09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Chuailei000=E2=80=9D?= <2280131253@qq.com>
Date: Thu, 24 Nov 2022 12:34:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=87=E6=8D=A2=E7=BB=84=E7=BB=87?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=99=A8=E5=AE=BD=E5=BA=A6=E8=87=AA=E9=80=82?=
 =?UTF-8?q?=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/NavHeader/Organization.vue     | 29 +++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/layout/components/NavHeader/Organization.vue b/src/layout/components/NavHeader/Organization.vue
index d10584cd9..e8c82466b 100644
--- a/src/layout/components/NavHeader/Organization.vue
+++ b/src/layout/components/NavHeader/Organization.vue
@@ -1,7 +1,7 @@
 <template>
   <el-select
     :value="currentOrgId"
-    class="org-select organization"
+    class="org-select organization autoWidth-select"
     filterable
     :placeholder="$tc('common.Select')"
     @change="changeOrg"
@@ -9,6 +9,9 @@
     <template slot="prefix">
       <svg-icon icon-class="organization" />
       <span class="line" />
+      <span class="placeholder">
+        {{ (orgGroups.map(i => (i.options.find(item => item.id === currentOrg.id) || {}).name)).filter(Boolean) }}
+      </span>
     </template>
 
     <el-option-group
@@ -148,7 +151,7 @@ export default {
 
 .line {
   width: 1px;
-  margin-left: 8px;
+  margin-left: 6px;
   border: .5px solid #FFF;
 }
 
@@ -183,4 +186,26 @@ export default {
   font-size: 12px;
   line-height: 30px;
 }
+
+.autoWidth-select {
+  min-width: 140px;
+  &>>> input{
+    position: absolute;
+  }
+  &>>> .el-input__inner{
+    margin-left: 6px;
+  }
+  &>>> .el-input__prefix{
+    position: relative;
+    left: 0px;
+    box-sizing: border-box;
+    border: 1px solid #ffffff00;
+    padding: 0 30px 0 0;
+    height: 30px;
+    line-height: 30px;
+    .placeholder {
+      visibility: hidden;
+    }
+  }
+}
 </style>