From c94f8f7d31f4e8ddae6cebe276eac7413385fe69 Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Fri, 27 May 2022 16:28:15 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95=E7=94=A8=E4=BE=8B=E5=85=B3=E8=81=94=E7=9A=84?=
 =?UTF-8?q?=E9=9C=80=E6=B1=82=E8=BF=87=E9=95=BF=E6=97=B6=E7=BC=A9=E7=95=A5?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1012847 --user=李玉号 【测试跟踪】功能用例 关联需求  名称过长时 点击下拉 显示不全
https://www.tapd.cn/55049933/s/1166836
---
 .../case/components/TestCaseEditOtherInfo.vue | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/frontend/src/business/components/track/case/components/TestCaseEditOtherInfo.vue b/frontend/src/business/components/track/case/components/TestCaseEditOtherInfo.vue
index a38b1da9e9..3663770131 100644
--- a/frontend/src/business/components/track/case/components/TestCaseEditOtherInfo.vue
+++ b/frontend/src/business/components/track/case/components/TestCaseEditOtherInfo.vue
@@ -13,9 +13,12 @@
       <el-col :span="8">
         <el-form-item :label="$t('test_track.related_requirements')" :label-width="labelWidth"
                       prop="demandId">
-
-          <el-cascader v-model="demandValue" :show-all-levels="false" :options="demandOptions" style="width: 100%"
-                       clearable filterable :filter-method="filterDemand"/>
+          <el-cascader v-model="demandValue" :show-all-levels="false" :options="demandOptions"
+                       clearable filterable :filter-method="filterDemand">
+            <template slot-scope="{ node, data }">
+              <span class="demand-span" :title="data.label">{{ data.label }}</span>
+            </template>
+          </el-cascader>
         </el-form-item>
       </el-col>
       <el-col :span="8" :offset="2">
@@ -404,4 +407,14 @@ export default {
   font-size: xx-small;
   border-radius: 50%;
 }
+
+.demand-span {
+  display: inline-block;
+  max-width: 400px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  margin-right: 5px;
+}
 </style>