refactor(测试跟踪): 用例评审标签显示问题

--bug=1021788 --user=李玉号 【测试跟踪】用例评审-标签长度较长时-多个标签会被合成一个显示
https://www.tapd.cn/55049933/s/1325929

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 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>