feat: 切换组织选择器宽度自适应

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>