style(接口测试): 步骤名称过长等相关样式优化

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 {

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>

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>