fix(接口测试): 修复场景步骤调试禁用状态还能执行问题

--bug=1010372 --user=赵勇 【github#10695】接口自动化-场景里面,把接口关闭再调试,会一直loading https://www.tapd.cn/55049933/s/1105546

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

@@ -1190,6 +1190,7 @@ export default {
             const index = hashTree.findIndex(d => d.resourceId !== undefined && row.resourceId !== undefined && d.resourceId === row.resourceId)
             hashTree.splice(index, 1);
             this.sort();
+            this.showHide();
           }
         }
       });
@@ -1351,6 +1352,7 @@ export default {
     allowDrag(draggingNode, dropNode, dropType) {
       if (dropNode && draggingNode && dropType) {
         this.sort();
+        this.showHide();
       }
     },
     nodeExpand(data, node) {

frontend/src/business/components/api/automation/scenario/component/ApiComponent.vue

@@ -58,7 +58,7 @@
       </template>
       <template v-slot:button v-if="!ifFromVariableAdvance">
         <el-tooltip :content="$t('api_test.run')" placement="top" v-if="!loading">
-          <el-button @click="run" icon="el-icon-video-play" style="padding: 5px" class="ms-btn" size="mini" circle/>
+          <el-button :disabled="!request.enable" @click="run" icon="el-icon-video-play" style="padding: 5px" class="ms-btn" size="mini" circle/>
         </el-tooltip>
         <el-tooltip :content="$t('report.stop_btn')" placement="top" :enterable="false" v-else>
           <el-button @click.once="stop" size="mini" style="color:white;padding: 0 0.1px;width: 24px;height: 24px;"
@@ -634,6 +634,10 @@ export default {
           }
         }
       }
+      if(!this.request.enable){
+        this.$warning(this.$t('api_test.automation.debug_message'));
+        return false;
+      }
       this.request.debug = true;
       this.request.active = true;
       this.loading = true;

frontend/src/business/components/api/automation/scenario/component/ApiScenarioComponent.vue

@@ -149,6 +149,10 @@ export default {
   },
   methods: {
     run() {
+      if(!this.scenario.enable){
+        this.$warning(this.$t('api_test.automation.debug_message'));
+        return;
+      }
       this.scenario.run = true;
       let runScenario = JSON.parse(JSON.stringify(this.scenario));
       runScenario.hashTree = [this.scenario];

frontend/src/business/components/api/automation/scenario/component/LoopController.vue

@@ -254,6 +254,10 @@ export default {
         this.$warning("当前循环下没有请求，不能执行");
         return;
       }
+      if(!this.controller.enable){
+        this.$warning(this.$t('api_test.automation.debug_message'));
+        return;
+      }
       this.loading = true;
       this.debugData = {
         id: this.currentScenario.id,

frontend/src/i18n/en-US.js

@@ -1382,6 +1382,7 @@ export default {
       loop_input_val: "Variable prefix",
       loop_message: "There is more than one request in the current cycle and cannot be closed",
       env_message: "Please select the operating environment for the project to which this step belongs in the environment configuration",
+      debug_message: "The current step is disabled and cannot be debugged",
       request_total: "request",
       request_success: "success",
       request_error: "error",

frontend/src/i18n/zh-CN.js

@@ -1387,6 +1387,7 @@ export default {
       loop_input_val: "变量前缀",
       loop_message: "当前循环下超过一个请求，不能关闭状态",
       env_message: "请在环境配置中为该步骤所属项目选择运行环境",
+      debug_message: "当前步骤是禁用状态不能调试",
       request_total: "请求",
       request_success: "成功",
       request_error: "失败",

frontend/src/i18n/zh-TW.js

@@ -1387,6 +1387,7 @@ export default {
       loop_input_val: "變量前綴",
       loop_message: "當前循環下超過一個請求，不能關閉狀態",
       env_message: "請在環境配置中為該步驟所屬項目選擇運行環境",
+      debug_message: "當前步驟是禁用狀態不能調試",
       request_total: "請求",
       request_success: "成功",
       request_error: "失敗",