From 2cfb6105fffb9df6a1019ff05d126ce7d3d81ecc Mon Sep 17 00:00:00 2001
From: song-cc-rock <changchang.song@fit2cloud.com>
Date: Tue, 11 Apr 2023 15:30:50 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E6=A0=91=E8=8A=82=E7=82=B9=E8=BF=87=E9=95=BF?=
 =?UTF-8?q?=E6=95=B0=E9=87=8F=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=1025267 --user=宋昌昌 【测试跟踪】功能用例-关联测试用例-模块树名称较长-数量不显示或显示不全 https://www.tapd.cn/55049933/s/1361370
---
 .../src/components/new-ui/MsNodeTree.vue      | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/framework/sdk-parent/frontend/src/components/new-ui/MsNodeTree.vue b/framework/sdk-parent/frontend/src/components/new-ui/MsNodeTree.vue
index a94a6ca0a6..37a5157691 100644
--- a/framework/sdk-parent/frontend/src/components/new-ui/MsNodeTree.vue
+++ b/framework/sdk-parent/frontend/src/components/new-ui/MsNodeTree.vue
@@ -38,9 +38,11 @@
               </span>
 
               <el-tooltip class="item" effect="dark" :content="data.name" placement="top-start" :open-delay="1000">
-                <span v-if="!data.isEdit" class="node-title" v-text="isDefault(data) ? getLocalDefaultName() : data.name" :case-num="getCaseNum(data)"/>
+                <span v-if="!data.isEdit" class="node-title" v-text="isDefault(data) ? getLocalDefaultName() : data.name"/>
               </el-tooltip>
 
+              <span class="case-num">{{getCaseNum(data)}}</span>
+
               <span v-if="!disabled" class="node-operate child">
                 <el-tooltip
                   class="item"
@@ -128,10 +130,12 @@
           </span>
 
           <el-tooltip class="item" effect="dark" :content="data.name" placement="top-start" :open-delay="1000">
-            <span v-if="!data.isEdit" class="node-title" v-text="isDefault(data) ? getLocalDefaultName() : data.name" :case-num="getCaseNum(data)"/>
+            <span v-if="!data.isEdit" class="node-title" v-text="isDefault(data) ? getLocalDefaultName() : data.name"/>
           </el-tooltip>
 
 
+          <span class="case-num">{{getCaseNum(data)}}</span>
+
           <span v-if="!disabled" class="node-operate child">
             <el-tooltip
               class="item"
@@ -140,7 +144,7 @@
               v-permission="addPermission"
               v-if="data.id && !isDefault(data) && !hideNodeOperator"
               :content="$t('test_track.module.add_submodule')"
-              placement="top">
+              placement="top" :case-num="getCaseNum(data)">
               <el-button class="node-operate-btn" @click.stop="append(node, data)" icon="el-icon-plus"/>
             </el-tooltip>
 
@@ -714,22 +718,21 @@ export default {
   text-overflow: ellipsis;
   white-space: nowrap;
   flex: 1 1 auto;
-  padding: 0 9px;
+  padding: 0 0 0 9px;
   overflow: hidden;
   font-family: 'PingFang SC';
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
-  line-height: 22px;
   display: flex;
   align-items: center;
   color: #1F2329;
+  margin-right: 11px;
 }
 
-.node-title:after {
+.case-num {
   color: #8F959E;
-  content: attr(case-num);
-  margin-left: 10px;
+  margin-right: 3px;
 }
 
 .count-title {
@@ -788,7 +791,7 @@ export default {
   font-weight: 500;
 }
 
-:deep(.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content  .el-tooltip.node-title.item:after) {
+:deep(.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content  .case-num) {
   color: #783887;
   font-weight: 500;
 }