From 75cb6b3527f1469d49cf1b84dcea75479ade3439 Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Wed, 16 Jun 2021 17:10:13 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=20=E6=AD=A5=E9=AA=A4=E5=90=8D=E7=A7=B0=E8=BF=87=E9=95=BF?=
 =?UTF-8?q?=E7=AD=89=E7=9B=B8=E5=85=B3=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/automation/scenario/EditApiScenario.vue   |  2 +-
 .../scenario/common/ApiBaseComponent.vue          | 15 +++++++++++++--
 .../scenario/maximize/ScenarioHeader.vue          | 14 +++++++++++++-
 3 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue b/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
index bfc17ea323..88fc5691dc 100644
--- a/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
+++ b/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
@@ -1359,7 +1359,7 @@ export default {
   text-overflow: ellipsis;
   vertical-align: middle;
   white-space: nowrap;
-  width: 200px;
+  width: 150px;
 }
 
 .ms-open-btn {
diff --git a/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue b/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
index ee7fffe5b3..ac37d16b4f 100644
--- a/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
+++ b/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
@@ -18,7 +18,9 @@
                       @blur="isShowInput = false" :placeholder="$t('commons.input_name')" ref="nameEdit" :disabled="data.disabled"/>
           </span>
           <span :class="isMax?'ms-step-name':'scenario-name'" v-else>
-            {{data.name}}
+            <el-tooltip placement="top" :content="data.name">
+              <span class="ms-step-name-width">{{data.name}}</span>
+            </el-tooltip>
             <i class="el-icon-edit" style="cursor:pointer" @click="editName"
                v-if="data.referenced!='REF' && !data.disabled" @click.stop/>
           </span>
@@ -226,5 +228,14 @@
     min-inline-size: 0px;
     border: 0px;
   }
-
+  .ms-step-name-width {
+    display: inline-block;
+    margin: 0 5px;
+    overflow-x: hidden;
+    padding-bottom: 0;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+    white-space: nowrap;
+    width: 400px;
+  }
 </style>
diff --git a/frontend/src/business/components/api/automation/scenario/maximize/ScenarioHeader.vue b/frontend/src/business/components/api/automation/scenario/maximize/ScenarioHeader.vue
index d46b9c0b08..91229fe25c 100644
--- a/frontend/src/business/components/api/automation/scenario/maximize/ScenarioHeader.vue
+++ b/frontend/src/business/components/api/automation/scenario/maximize/ScenarioHeader.vue
@@ -4,7 +4,9 @@
       <!-- 调试部分 -->
       <el-row class="ms-header-margin">
         <el-col :span="8">
-          {{currentScenario.name}}
+          <el-tooltip placement="top" :content="currentScenario.name">
+            <span class="ms-scenario-name">{{currentScenario.name}}</span>
+          </el-tooltip>
         </el-col>
         <el-col :span="8">
           {{$t('api_test.automation.step_total')}}：{{scenarioDefinition.length}}
@@ -197,4 +199,14 @@ import html2canvas from 'html2canvas';
     font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
     font-size: 13px;
   }
+  .ms-scenario-name {
+    display: inline-block;
+    margin: 0 5px;
+    overflow-x: hidden;
+    padding-bottom: 0;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+    white-space: nowrap;
+    width: 200px;
+  }
 </style>