From ec570da6383b699a9a91540f20170f9374d98a3d Mon Sep 17 00:00:00 2001
From: song-cc-rock <changchang.song@fit2cloud.com>
Date: Fri, 17 Feb 2023 10:45:43 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BA=E6=97=B6=E5=AD=97=E6=AE=B5=E5=90=8D=E7=A7=B0?=
 =?UTF-8?q?=E8=BF=87=E9=95=BF=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=1022756 --user=宋昌昌 【测试跟踪】导出功能用例，导出窗口中自定义字段名称过长会互相遮挡 https://www.tapd.cn/55049933/s/1336985
---
 .../case/components/case/CaseStepChange.vue         |  2 --
 .../components/export/TestCaseExportFieldList.vue   | 13 ++++++++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/test-track/frontend/src/business/case/components/case/CaseStepChange.vue b/test-track/frontend/src/business/case/components/case/CaseStepChange.vue
index 73b980fb30..cd55af00e3 100644
--- a/test-track/frontend/src/business/case/components/case/CaseStepChange.vue
+++ b/test-track/frontend/src/business/case/components/case/CaseStepChange.vue
@@ -11,11 +11,9 @@
     <el-dropdown-menu>
       <el-dropdown-item :disabled="disable" command="STEP">
         <div>{{ $t("test_track.case.step_describe") }}</div>
-        <!--          <div>{{ $t('test_track.case.step_describe_tip') }}</div>-->
       </el-dropdown-item>
       <el-dropdown-item :disabled="disable" command="TEXT">
         <div>{{ $t("test_track.case.text_describe") }}</div>
-        <!--          <div>{{ $t('test_track.case.text_describe_tip') }}</div>-->
       </el-dropdown-item>
     </el-dropdown-menu>
   </el-dropdown>
diff --git a/test-track/frontend/src/business/case/components/export/TestCaseExportFieldList.vue b/test-track/frontend/src/business/case/components/export/TestCaseExportFieldList.vue
index 4154b0c746..1d16dca43d 100644
--- a/test-track/frontend/src/business/case/components/export/TestCaseExportFieldList.vue
+++ b/test-track/frontend/src/business/case/components/export/TestCaseExportFieldList.vue
@@ -9,7 +9,7 @@
           v-model="item.enable"
           :disabled="item.disabled"
           @change="change">
-          {{ item.name }}
+          {{ item.name | ellipsis}}
         </el-checkbox>
       </el-col>
     </span>
@@ -38,6 +38,17 @@ export default {
     change(value) {
       this.$emit('enableChange', value);
     }
+  },
+  filters: {
+    ellipsis(value) {
+      if (!value) {
+        return '';
+      }
+      if (value.length > 5) {
+        return value.slice(0, 4) + '...';
+      }
+      return value;
+    },
   }
 }
 </script>