style(接口测试): 场景步骤右侧显示不全优化

frontend/src/business/components/api/automation/scenario/EditApiScenario.vue

@@ -114,7 +114,7 @@
 
             <el-tooltip class="item" effect="dark" :content="$t('commons.refresh')" placement="top-start">
               <el-button :disabled="scenarioDefinition.length < 1" size="mini" icon="el-icon-refresh"
-                         v-prevent-re-click @click="getApiScenario"></el-button>
+                         v-prevent-re-click @click="refreshApiScenario"></el-button>
             </el-tooltip>
             <!--操作按钮-->
             <el-link type="primary" @click.stop @click="showHistory" style="margin: 0px 5px">
@@ -167,7 +167,7 @@
                          highlight-current
                          :show-checkbox="isBatchProcess"
                          @check-change="chooseHeadsUp"
-                         @node-drag-end="allowDrag" @node-click="nodeClick" draggable ref="stepTree">
+                         @node-drag-end="allowDrag" @node-click="nodeClick" draggable ref="stepTree" :key="reloadTree">
 
                   <el-row class="custom-tree-node" :gutter="10" type="flex" align="middle" slot-scope="{node, data}" style="width: 100%">
                     <span class="custom-tree-node-col" style="padding-left:0px;padding-right:0px" v-show="node && data.hashTree && data.hashTree.length > 0 && !data.isLeaf">
@@ -179,7 +179,7 @@
                           v-show="(data.hashTree && data.hashTree.length === 0 )|| data.isLeaf">
                       <show-more-btn :is-show="node.checked" :buttons="batchOperators" :size="selectDataCounts" v-show="data.checkBox" style="margin-right: 10px"/>
                     </span>
-                    <span style="width: calc(100% - 30px);">
+                    <span style="width: calc(100% - 40px);">
                       <!-- 步骤组件-->
                       <ms-component-config
                         :scenario-definition="scenarioDefinition"
@@ -528,6 +528,7 @@ export default {
           permissions: ['PROJECT_API_SCENARIO:READ+DELETE']
         },
       ],
+      reloadTree: "",
     }
   },
   created() {
@@ -569,6 +570,10 @@ export default {
     }
   },
   methods: {
+    refreshApiScenario() {
+      this.getApiScenario();
+      this.reloadTree = getUUID();
+    },
     recursiveSorting(arr) {
       for (let i in arr) {
         arr[i].disabled = true;