From 208906eafe8a44ec70b3f7f8ef632d05666e9534 Mon Sep 17 00:00:00 2001
From: guoyuqi <xiaomeinvG@126.com>
Date: Mon, 6 Feb 2023 14:39:25 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=8A=9F=E8=83=BD=E7=94=A8=E4=BE=8B=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=A4=9A=E4=B8=AA=E6=A0=87=E7=AD=BE=E9=BC=A0=E6=A0=87?=
 =?UTF-8?q?=E6=82=AC=E6=B5=AE=E6=9C=AA=E7=94=A8=E5=88=86=E9=9A=94=E7=AC=A6?=
 =?UTF-8?q?=E9=9A=94=E5=BC=80=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1022348 --user=郭雨琦
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001022348
---
 .../business/case/components/TestCaseList.vue | 40 ++++++++++++++++---
 1 file changed, 34 insertions(+), 6 deletions(-)

diff --git a/test-track/frontend/src/business/case/components/TestCaseList.vue b/test-track/frontend/src/business/case/components/TestCaseList.vue
index baa9458cf9..f7978d0791 100644
--- a/test-track/frontend/src/business/case/components/TestCaseList.vue
+++ b/test-track/frontend/src/business/case/components/TestCaseList.vue
@@ -122,13 +122,24 @@
           prop="tags"
           :field="item"
           :fields-width="fieldsWidth"
-          :label="$t('commons.tag')"
-          min-width="80">
+          min-width="80px"
+          :show-overflow-tooltip="false"
+          :label="$t('commons.tag')">
           <template v-slot:default="scope">
-            <ms-tag v-for="(itemName,index)  in scope.row.tags" :key="index" type="success" effect="plain"
-                    :show-tooltip="scope.row.tags.length===1&&itemName.length*12<=80"
-                    :content="itemName" style="margin-left: 0px; margin-right: 2px"/>
-            <span/>
+              <el-tooltip class="item" effect="dark" placement="top">
+                <div v-html="getTagToolTips(scope.row.tags)" slot="content"></div>
+                <div class="oneLine">
+                  <ms-tag
+                    v-for="(itemName, index) in scope.row.tags"
+                    :key="index"
+                    type="success"
+                    effect="plain"
+                    :show-tooltip="scope.row.tags.length === 1 && itemName.length * 12 <= 100"
+                    :content="itemName"
+                    style="margin-left: 0px; margin-right: 2px"/>
+                </div>
+              </el-tooltip>
+              <span/>
           </template>
         </ms-table-column>
 
@@ -553,6 +564,17 @@ export default {
         });
       });
     },
+    getTagToolTips(tags) {
+      try {
+        let showTips = '';
+        tags.forEach((item) => {
+          showTips += item + ',';
+        });
+        return showTips.substr(0, showTips.length - 1);
+      } catch (e) {
+        return '';
+      }
+    },
     initConditionComponents() {
       this.condition.components = initTestCaseConditionComponents(this.condition, this.testCaseTemplate.customFields, this.trashEnable);
     },
@@ -1072,6 +1094,12 @@ export default {
   margin-left: 10px;
 }
 
+.oneLine {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 :deep(.el-table) {
   overflow: auto;
 }