From 9c18c0e3f4016ee8af6d78bffbcd03404de4c544 Mon Sep 17 00:00:00 2001
From: song-cc-rock <changchang.song@fit2cloud.com>
Date: Mon, 19 Sep 2022 15:56:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E7=94=A8=E4=BE=8B=E7=BC=96=E8=BE=91=E6=97=B6?=
 =?UTF-8?q?=E7=94=A8=E4=BE=8B=E5=90=8D=E7=A7=B0=E8=BF=87=E9=95=BF=E6=98=BE?=
 =?UTF-8?q?=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=1016799 --user=宋昌昌 【测试跟踪】测试用例，如果用例名称很长，处在编辑状态时，标题显示优化 https://www.tapd.cn/55049933/s/1245162
---
 .../src/business/components/track/case/TestCase.vue   | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/frontend/src/business/components/track/case/TestCase.vue b/frontend/src/business/components/track/case/TestCase.vue
index be9a8ff78b..97fa15c0fa 100644
--- a/frontend/src/business/components/track/case/TestCase.vue
+++ b/frontend/src/business/components/track/case/TestCase.vue
@@ -131,6 +131,9 @@
           :label="item.label"
           :name="item.name"
           closable>
+          <el-tooltip slot="label" effect="dark" :content="item.label" placement="bottom-start" class="ms-tab-name-width">
+            <span>{{ item.label }}</span>
+          </el-tooltip>
           <div class="ms-api-scenario-div" v-if="!showPublic">
             <test-case-edit
               :currentTestCaseInfo="item.testCaseInfo"
@@ -859,4 +862,12 @@ export default {
   padding-left: 10px;
 }
 
+.ms-tab-name-width {
+  display: inline-block;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
+  max-width: 200px;
+}
 </style>