From fb81d7ec424873294ac3faa1acc022760adc4cfe Mon Sep 17 00:00:00 2001
From: song-cc-rock <changchang.song@fit2cloud.com>
Date: Mon, 17 Jul 2023 18:14:38 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E9=A1=B9=E7=9B=AE=E8=AE=BE=E7=BD=AE):=20?=
 =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E7=A9=BA=E9=97=B4=E4=B8=8B=E6=8B=89=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E8=BF=87=E9=95=BF=E5=B1=95=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/src/components/head/HeaderWs.vue | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/framework/sdk-parent/frontend/src/components/head/HeaderWs.vue b/framework/sdk-parent/frontend/src/components/head/HeaderWs.vue
index dd416fba98..bb0859b620 100644
--- a/framework/sdk-parent/frontend/src/components/head/HeaderWs.vue
+++ b/framework/sdk-parent/frontend/src/components/head/HeaderWs.vue
@@ -4,10 +4,14 @@
                   'PROJECT_API_DEFINITION:READ','PROJECT_API_SCENARIO:READ','PROJECT_API_REPORT:READ',
                   'PROJECT_USER:READ', 'PROJECT_ENVIRONMENT:READ', 'PROJECT_FILE:READ+JAR', 'PROJECT_FILE:READ+FILE', 'PROJECT_OPERATING_LOG:READ', 'PROJECT_CUSTOM_CODE:READ',
                   'PROJECT_PERFORMANCE_TEST:READ','PROJECT_PERFORMANCE_REPORT:READ','WORKSPACE_USER:READ']">
-    <span class="dropdown-link">
+    <el-tooltip effect="light" placement="right">
+      <div slot="content">{{ currentWorkspaceName }}</div>
+      <span class="dropdown-link" style="max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block">
       {{ currentWorkspaceName }}
-      <i class="el-icon-caret-bottom el-icon--right"/>
-    </span>
+      </span>
+    </el-tooltip>
+
+    <i class="el-icon-caret-bottom el-icon--right"/>
     <template v-slot:dropdown>
       <el-dropdown-menu style="margin-top: 5px;" :style="{'color':color}">
         <el-input :placeholder="$t('project.search_by_name')"
@@ -17,9 +21,10 @@
                   class="search-input"
                   size="small"/>
         <div class="dropdown-content">
-          <el-dropdown-item :command="item" v-for="(item, index) in workspaceList" :key="index">
+          <el-dropdown-item :command="item" v-for="(item, index) in workspaceList" :key="index"
+              style="max-width: 250px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">
+            <i class="el-icon-check" :style="{'visibility': workspaceId === item.id ? 'visible' : 'hidden'}"/>
             {{ item.name }}
-            <i class="el-icon-check" v-if="workspaceId === item.id"/>
           </el-dropdown-item>
         </div>
       </el-dropdown-menu>
@@ -159,7 +164,6 @@ export default {
 <style scoped>
 .el-icon-check {
   color: #783887;
-  margin-left: 10px;
   font-weight: bold;
 }
 
@@ -237,4 +241,9 @@ export default {
   color: var(--color);
 }
 
+.el-icon-caret-bottom:before {
+  position: relative;
+  top: -15px;
+  left: -10px;
+}
 </style>