From 4c5bcb630712595003f1812d3bcf3dde08cac33a Mon Sep 17 00:00:00 2001
From: "Captain.B" <bin@fit2cloud.com>
Date: Mon, 29 Mar 2021 12:32:21 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=80=A7=E8=83=BD=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=9C=BA=E6=99=AF=E5=90=8D=E7=A7=B0=E8=BF=87?=
 =?UTF-8?q?=E9=95=BF=E5=AF=BC=E8=87=B4=E6=A0=B7=E5=BC=8F=E5=87=BA=E9=94=99?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PerformancePressureConfig.vue  | 39 ++++++++++++-------
 .../components/PerformancePressureConfig.vue  | 36 +++++++++++------
 2 files changed, 51 insertions(+), 24 deletions(-)

diff --git a/frontend/src/business/components/performance/report/components/PerformancePressureConfig.vue b/frontend/src/business/components/performance/report/components/PerformancePressureConfig.vue
index ee9ebb5d74..769fb87c8c 100644
--- a/frontend/src/business/components/performance/report/components/PerformancePressureConfig.vue
+++ b/frontend/src/business/components/performance/report/components/PerformancePressureConfig.vue
@@ -1,24 +1,32 @@
 <template>
   <div v-loading="result.loading" class="pressure-config-container">
     <el-row>
-      <el-col :span="10">
+      <el-col :span="12">
 
         <el-collapse v-model="activeNames" accordion>
           <el-collapse-item :name="index"
                             v-for="(threadGroup, index) in threadGroups.filter(th=>th.enabled === 'true' && th.deleted=='false')"
                             :key="index">
             <template slot="title">
-              <div style="padding-right: 10px">
-                {{ threadGroup.attributes.testname }}
-              </div>
-              <el-tag type="primary" size="mini" v-if="threadGroup.threadType === 'DURATION'">
-                {{ $t('load_test.thread_num') }}{{ threadGroup.threadNumber }},
-                {{ $t('load_test.duration') }}: {{ threadGroup.duration }} {{ getUnitLabel(threadGroup) }}
-              </el-tag>
-              <el-tag type="primary" size="mini" v-if="threadGroup.threadType === 'ITERATION'">
-                {{ $t('load_test.thread_num') }} {{ threadGroup.threadNumber }},
-                {{ $t('load_test.iterate_num') }} {{ threadGroup.iterateNum }}
-              </el-tag>
+              <el-row>
+                <el-col :span="14">
+                  <el-tooltip :content="threadGroup.attributes.testname" placement="top">
+                    <div style="padding-right:20px; font-size: 16px;" class="wordwrap">
+                      {{ threadGroup.attributes.testname }}
+                    </div>
+                  </el-tooltip>
+                </el-col>
+                <el-col :span="10">
+                  <el-tag type="primary" size="mini" v-if="threadGroup.threadType === 'DURATION'">
+                    {{ $t('load_test.thread_num') }}{{ threadGroup.threadNumber }},
+                    {{ $t('load_test.duration') }}: {{ threadGroup.duration }} {{ getUnitLabel(threadGroup) }}
+                  </el-tag>
+                  <el-tag type="primary" size="mini" v-if="threadGroup.threadType === 'ITERATION'">
+                    {{ $t('load_test.thread_num') }} {{ threadGroup.threadNumber }},
+                    {{ $t('load_test.iterate_num') }} {{ threadGroup.iterateNum }}
+                  </el-tag>
+                </el-col>
+              </el-row>
             </template>
             <el-form :inline="true">
               <el-form-item :label="$t('load_test.thread_num')">
@@ -134,7 +142,7 @@
           </el-collapse-item>
         </el-collapse>
       </el-col>
-      <el-col :span="14">
+      <el-col :span="12">
         <ms-chart class="chart-container" ref="chart1" :options="options" :autoresize="true"></ms-chart>
       </el-col>
     </el-row>
@@ -578,4 +586,9 @@ export default {
 .title {
   margin-left: 60px;
 }
+.wordwrap {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 </style>
diff --git a/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue b/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
index bb23b7dadc..33efdc24c6 100644
--- a/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
+++ b/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
@@ -23,17 +23,25 @@
                             v-for="(threadGroup, index) in threadGroups.filter(th=>th.enabled === 'true' && th.deleted=='false')"
                             :key="index">
             <template slot="title">
-              <div style="padding-right: 20px; font-size: 16px;">
-                {{ threadGroup.attributes.testname }}
-              </div>
-              <el-tag type="primary" size="mini" v-if="threadGroup.threadType === 'DURATION'">
-                {{ $t('load_test.thread_num') }}{{ threadGroup.threadNumber }},
-                {{ $t('load_test.duration') }}: {{ threadGroup.duration }} {{ getUnitLabel(threadGroup) }}
-              </el-tag>
-              <el-tag type="primary" size="mini" v-if="threadGroup.threadType === 'ITERATION'">
-                {{ $t('load_test.thread_num') }} {{ threadGroup.threadNumber }},
-                {{ $t('load_test.iterate_num') }} {{ threadGroup.iterateNum }}
-              </el-tag>
+              <el-row>
+                <el-col :span="14">
+                  <el-tooltip :content="threadGroup.attributes.testname" placement="top">
+                    <div style="padding-right:20px; font-size: 16px;" class="wordwrap">
+                      {{ threadGroup.attributes.testname }}
+                    </div>
+                  </el-tooltip>
+                </el-col>
+                <el-col :span="10">
+                  <el-tag type="primary" size="mini" v-if="threadGroup.threadType === 'DURATION'">
+                    {{ $t('load_test.thread_num') }}{{ threadGroup.threadNumber }},
+                    {{ $t('load_test.duration') }}: {{ threadGroup.duration }} {{ getUnitLabel(threadGroup) }}
+                  </el-tag>
+                  <el-tag type="primary" size="mini" v-if="threadGroup.threadType === 'ITERATION'">
+                    {{ $t('load_test.thread_num') }} {{ threadGroup.threadNumber }},
+                    {{ $t('load_test.iterate_num') }} {{ threadGroup.iterateNum }}
+                  </el-tag>
+                </el-col>
+              </el-row>
             </template>
             <el-form :inline="true">
               <el-form-item :label="$t('load_test.thread_num')">
@@ -705,4 +713,10 @@ export default {
 .title {
   margin-left: 60px;
 }
+
+.wordwrap {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 </style>