From 886da3901897ae0be55c07246953fe70214677ba Mon Sep 17 00:00:00 2001
From: chenjianxing <jianxing.chen@fit2cloud.com>
Date: Mon, 20 Mar 2023 18:26:29 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):?=
 =?UTF-8?q?=20=E8=AF=84=E5=AE=A1=E7=94=A8=E4=BE=8B=EF=BC=8C=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0=E6=98=BE=E7=A4=BA=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1024635 --user=陈建星 【测试跟踪】用例评审-开始评审-用例名称较长时-显示需优化 https://www.tapd.cn/55049933/s/1353144
--bug=1024637 --user=陈建星 【测试跟踪】用例评审-取消关联用例-弹窗“x”被遮挡 https://www.tapd.cn/55049933/s/1353087
---
 .../TestReviewTestCaseEditHeaderBar.vue       | 22 +++++++++++++++++--
 .../components/TestReviewTestCaseList.vue     |  6 ++++-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/test-track/frontend/src/business/review/view/components/TestReviewTestCaseEditHeaderBar.vue b/test-track/frontend/src/business/review/view/components/TestReviewTestCaseEditHeaderBar.vue
index 6da52ac2e8..a26ca36926 100644
--- a/test-track/frontend/src/business/review/view/components/TestReviewTestCaseEditHeaderBar.vue
+++ b/test-track/frontend/src/business/review/view/components/TestReviewTestCaseEditHeaderBar.vue
@@ -1,9 +1,15 @@
 <template>
   <div class="bar-container">
     <div class="left-item bar-item">
-      <span>
+      <el-tooltip v-if="longerThanLimit" :content="testCase.name" effect="dark" placement="bottom-start">
+        <span>
+          {{ this.displayName }}
+        </span>
+      </el-tooltip>
+      <span v-else>
         {{ testCase.name }}
       </span>
+
       <el-popover v-if="reviewerStatus && reviewerStatus.length > 0" placement="right" trigger="hover">
 
         <div class="status-tip" v-for="item in reviewerStatus" :key="item.author">
@@ -51,7 +57,8 @@ export default {
   components: {ReviewStatus, MsUserIcon},
   data() {
     return {
-      reviewerStatus: null
+      reviewerStatus: null,
+      nameLengthLimit: 50
     };
   },
   props: {
@@ -62,6 +69,17 @@ export default {
       },
     }
   },
+  computed: {
+    displayName() {
+      if (this.longerThanLimit) {
+        return this.testCase.name.substring(0, this.nameLengthLimit) + '...';
+      }
+      return this.testCase.name;
+    },
+    longerThanLimit() {
+      return this.testCase.name && this.testCase.name.length > this.nameLengthLimit;
+    }
+  },
   watch: {
     testCase() {
       this.getReviewerStatus();
diff --git a/test-track/frontend/src/business/review/view/components/TestReviewTestCaseList.vue b/test-track/frontend/src/business/review/view/components/TestReviewTestCaseList.vue
index db19366cc2..cabe66c9ad 100644
--- a/test-track/frontend/src/business/review/view/components/TestReviewTestCaseList.vue
+++ b/test-track/frontend/src/business/review/view/components/TestReviewTestCaseList.vue
@@ -504,7 +504,11 @@ export default {
       this.$refs.testReviewTestCaseEdit.openTestCaseEdit(testCase, this.tableData);
     },
     handleDelete(testCase) {
-      this.$alert(this.$t('test_track.plan_view.confirm_cancel_relevance') + ' ' + testCase.name + " ？", '', {
+      let tip = this.$t('test_track.plan_view.confirm_cancel_relevance') + ' ' + testCase.name;
+      if (tip.length > 50) {
+        tip = tip.substring(0, 50) + '...';
+      }
+      this.$alert( tip + " ？", '', {
         confirmButtonText: this.$t('commons.confirm'),
         callback: (action) => {
           if (action === 'confirm') {