From d30cea995ca18594904aa7a82cc6139a56b10dba Mon Sep 17 00:00:00 2001
From: chenjianxing <jianxing.chen@fit2cloud.com>
Date: Mon, 20 Feb 2023 21:41:07 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E6=89=B9=E9=87=8F=E5=85=B3=E8=81=94=E9=9C=80=E6=B1=82=E6=98=BE?=
 =?UTF-8?q?=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=1023497 --user=陈建星 【测试跟踪】功能用例，批量关联需求，需求列表左侧的标签没显示需求平台 https://www.tapd.cn/55049933/s/1339111
---
 .../business/case/components/RelateDemand.vue | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/test-track/frontend/src/business/case/components/RelateDemand.vue b/test-track/frontend/src/business/case/components/RelateDemand.vue
index 8133979d15..540a429dde 100644
--- a/test-track/frontend/src/business/case/components/RelateDemand.vue
+++ b/test-track/frontend/src/business/case/components/RelateDemand.vue
@@ -19,11 +19,11 @@
                        clearable filterable :filter-method="filterDemand" style="width: 100%;">
             <template slot-scope="{ data }">
               <div class="story-box">
-                <div class="story-platform">{{ data.platform }}</div>
+                <div class="story-platform">{{ handleDemandOptionPlatform(data) }}</div>
                 <div class="story-label" v-if="data.value === 'other'">
                   {{ $t("test_track.case.other") }}
                 </div>
-                <div class="story-label" v-else>{{ data.label }}</div>
+                <div class="story-label text-ellipsis" v-else>{{ handleDemandOptionLabel(data) }}</div>
               </div>
             </template>
           </el-cascader>
@@ -121,6 +121,28 @@ export default {
           })
       }
     },
+    handleDemandOptionPlatform(data){
+      if(data.platform){
+        return data.platform
+      }
+      if(data.label){
+        let arr = data.label.split(": ")
+        if(arr && arr.length > 1){
+          return arr[0];
+        }
+      }
+      return "";
+    },
+    handleDemandOptionLabel(data){
+      if(data.label){
+        let arr = data.label.split(": ")
+        if(arr && arr.length > 1){
+          return arr[1];
+        }
+        return data.label;
+      }
+      return "";
+    },
     buildDemandCascaderOptions(data, options, pathArray) {
       data.forEach(item => {
         let option = {
@@ -236,5 +258,6 @@ export default {
 .story-label {
   line-height: 22px;
   color: #1f2329;
+  max-width: 300px;
 }
 </style>