From faf086f96b1e9058b4f5597ee7aee0c3605da140 Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Wed, 11 Jan 2023 11:24:52 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):?=
 =?UTF-8?q?=20=E7=94=A8=E4=BE=8B=E8=AF=84=E5=AE=A1=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=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=1021788 --user=李玉号 【测试跟踪】用例评审-标签长度较长时-多个标签会被合成一个显示
https://www.tapd.cn/55049933/s/1325929
---
 .../src/components/table/MsTagsColumn.vue     | 36 ++++++++++++++++---
 1 file changed, 31 insertions(+), 5 deletions(-)

diff --git a/framework/sdk-parent/frontend/src/components/table/MsTagsColumn.vue b/framework/sdk-parent/frontend/src/components/table/MsTagsColumn.vue
index 65783201e8..55e8bf0d13 100644
--- a/framework/sdk-parent/frontend/src/components/table/MsTagsColumn.vue
+++ b/framework/sdk-parent/frontend/src/components/table/MsTagsColumn.vue
@@ -1,15 +1,37 @@
 <template>
   <ms-table-column
     prop="tags"
+    sortable
     :field="field"
     :fields-width="fieldsWidth"
-    sortable
+    :show-overflow-tooltip="false"
     :label="$t('api_test.automation.tag')"
     min-width="200px">
     <template v-slot:default="scope">
-      <ms-tag v-for="(name, index)  in scope.row.tags" :key="index" type="success" effect="plain"
-              :content="name" style="margin-left: 0px; margin-right: 2px"/>
-      <span/>
+      <span v-if="scope.row.tags.length === 1">
+        <ms-tag
+          v-for="(name, index) in scope.row.tags"
+          :key="index"
+          type="success"
+          effect="plain"
+          :content="name"
+          style="margin-left: 0; margin-right: 2px"
+        />
+      </span>
+      <el-tooltip class="item" effect="dark" placement="top" :enterable="false" v-else>
+        <div v-html="scope.row.tags.join('，')" slot="content"></div>
+        <div class="oneLine">
+          <ms-tag
+            v-for="(name, index) in scope.row.tags"
+            :key="index"
+            type="success"
+            effect="plain"
+            :content="name"
+            style="margin-left: 0; margin-right: 2px"
+          />
+          <span/>
+        </div>
+      </el-tooltip>
     </template>
   </ms-table-column>
 </template>
@@ -28,5 +50,9 @@ export default {
 </script>
 
 <style scoped>
-
+.oneLine {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 </style>