diff --git a/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue b/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
index f7fc3ea11a..582b148523 100644
--- a/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
+++ b/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
@@ -143,7 +143,7 @@
                        highlight-current
                        @node-expand="nodeExpand"
                        @node-collapse="nodeCollapse"
-                       :allow-drop="allowDrop" @node-drag-end="allowDrag" @node-click="nodeClick" v-if="!loading" draggable class="ms-is-leaf">
+                       :allow-drop="allowDrop" @node-drag-end="allowDrag" @node-click="nodeClick" v-if="!loading" draggable>
                     <span class="custom-tree-node father" slot-scope="{ node, data}" style="width: 96%">
                       <!-- 步骤组件-->
                        <ms-component-config :type="data.type" :scenario="data" :response="response" :currentScenario="currentScenario"
@@ -1037,11 +1037,11 @@
     z-index: 1;
   }
 
-  /deep/ .el-tree-node__expand-icon.expanded {
+  .ms-expanded >>> .el-tree-node__expand-icon.expanded {
     color: #7C3985;
   }
 
-  /deep/ .el-icon-caret-right {
+  .ms-el-icon-caret-right .el-icon-caret-right {
     color: #7C3985;
   }
 
diff --git a/frontend/src/business/components/api/definition/components/debug/DebugDubboPage.vue b/frontend/src/business/components/api/definition/components/debug/DebugDubboPage.vue
index e3459af13d..508f84f008 100644
--- a/frontend/src/business/components/api/definition/components/debug/DebugDubboPage.vue
+++ b/frontend/src/business/components/api/definition/components/debug/DebugDubboPage.vue
@@ -24,7 +24,7 @@
       <ms-run :debug="true" :reportId="reportId" :run-data="runData" @runRefresh="runRefresh" ref="runTest"/>
     </el-card>
     <div v-if="scenario">
-      <el-button style="float: right;margin: 20px" type="primary" @click="handleCommand('save_as')"> {{$t('commons.save')}}</el-button>
+      <el-button style="float: right;margin: 20px" type="primary" @click="handleCommand('save_as_api')"> {{$t('commons.save')}}</el-button>
     </div>
     <!-- 加载用例 -->
     <ms-api-case-list :loaded="false" ref="caseList"/>
@@ -103,7 +103,10 @@
       handleCommand(e) {
         if (e === "save_as") {
           this.saveAs();
-        } else {
+        } else if (e === 'save_as_api') {
+          this.saveAsApi();
+        }
+        else {
           this.runDebug();
         }
       },
@@ -121,6 +124,11 @@
         this.loading = false;
         this.$refs.debugResult.reload();
       },
+      saveAsApi() {
+        let obj = {request: this.request};
+        obj.request.id = getUUID();
+        this.$emit('saveAs', obj);
+      },
       saveAs() {
         let obj = {request: this.request};
         obj.request.id = getUUID();
diff --git a/frontend/src/business/components/api/definition/components/debug/DebugHttpPage.vue b/frontend/src/business/components/api/definition/components/debug/DebugHttpPage.vue
index 67dfb4b088..ce99bcbdcc 100644
--- a/frontend/src/business/components/api/definition/components/debug/DebugHttpPage.vue
+++ b/frontend/src/business/components/api/definition/components/debug/DebugHttpPage.vue
@@ -39,7 +39,7 @@
     </el-card>
 
     <div v-if="scenario">
-      <el-button style="float: right;margin: 20px" type="primary" @click="handleCommand('save_as')"> {{$t('commons.save')}}</el-button>
+      <el-button style="float: right;margin: 20px" type="primary" @click="handleCommand('save_as_api')"> {{$t('commons.save')}}</el-button>
     </div>
     <!-- 加载用例 -->
     <ms-api-case-list :loaded="false" ref="caseList"/>
@@ -131,7 +131,10 @@
       handleCommand(e) {
         if (e === "save_as") {
           this.saveAs();
-        } else {
+        } else if (e === 'save_as_api') {
+          this.saveAsApi();
+        }
+        else {
           this.runDebug();
         }
       },
@@ -157,6 +160,22 @@
         this.loading = false;
         this.$refs.debugResult.reload();
       },
+      saveAsApi() {
+        this.$refs['debugForm'].validate((valid) => {
+          if (valid) {
+            this.debugForm.id = null;
+            this.request.id = getUUID();
+            this.debugForm.request = this.request;
+            this.debugForm.userId = getCurrentUser().id;
+            this.debugForm.status = "Underway";
+            this.debugForm.protocol = this.currentProtocol;
+            this.$emit('saveAs', this.debugForm);
+          }
+          else {
+            return false;
+          }
+        })
+      },
       saveAs() {
         this.$refs['debugForm'].validate((valid) => {
           if (valid) {
diff --git a/frontend/src/business/components/api/definition/components/debug/DebugJdbcPage.vue b/frontend/src/business/components/api/definition/components/debug/DebugJdbcPage.vue
index ef54ae3535..b1bd7200ab 100644
--- a/frontend/src/business/components/api/definition/components/debug/DebugJdbcPage.vue
+++ b/frontend/src/business/components/api/definition/components/debug/DebugJdbcPage.vue
@@ -25,7 +25,7 @@
       <ms-run :debug="true" :reportId="reportId" :run-data="runData" @runRefresh="runRefresh" ref="runTest"/>
     </el-card>
     <div v-if="scenario">
-      <el-button style="float: right;margin: 20px" type="primary" @click="handleCommand('save_as')"> {{$t('commons.save')}}</el-button>
+      <el-button style="float: right;margin: 20px" type="primary" @click="handleCommand('save_as_api')"> {{$t('commons.save')}}</el-button>
     </div>
     <!-- 加载用例 -->
     <ms-api-case-list :loaded="false" ref="caseList"/>
@@ -105,7 +105,10 @@
       handleCommand(e) {
         if (e === "save_as") {
           this.saveAs();
-        } else {
+        } else if (e === 'save_as_api') {
+          this.saveAsApi();
+        }
+        else {
           this.$refs['requestForm'].validate();
         }
       },
@@ -123,6 +126,11 @@
         this.loading = false;
         this.$refs.debugResult.reload();
       },
+      saveAsApi() {
+        let obj = {request: this.request};
+        obj.request.id = getUUID();
+        this.$emit('saveAs', obj);
+      },
       saveAs() {
         let obj = {request: this.request};
         obj.request.id = getUUID();
diff --git a/frontend/src/business/components/api/definition/components/debug/DebugTcpPage.vue b/frontend/src/business/components/api/definition/components/debug/DebugTcpPage.vue
index 4396231a90..575df88736 100644
--- a/frontend/src/business/components/api/definition/components/debug/DebugTcpPage.vue
+++ b/frontend/src/business/components/api/definition/components/debug/DebugTcpPage.vue
@@ -35,7 +35,7 @@
       <ms-run :debug="true" :reportId="reportId" :run-data="runData" @runRefresh="runRefresh" ref="runTest"/>
     </el-card>
     <div v-if="scenario">
-      <el-button style="float: right;margin: 20px" type="primary" @click="handleCommand('save_as')"> {{$t('commons.save')}}</el-button>
+      <el-button style="float: right;margin: 20px" type="primary" @click="handleCommand('save_as_api')"> {{$t('commons.save')}}</el-button>
     </div>
     <!-- 加载用例 -->
     <ms-api-case-list :loaded="false" ref="caseList"/>
@@ -120,6 +120,8 @@
       handleCommand(e) {
         if (e === "save_as") {
           this.saveAs();
+        } else if (e === 'save_as_api') {
+          this.saveAsApi();
         } else {
           this.$refs['requestForm'].validate();
         }
@@ -138,6 +140,11 @@
         this.loading = false;
         this.$refs.debugResult.reload();
       },
+      saveAsApi() {
+        let obj = {request: this.request};
+        obj.request.id = getUUID();
+        this.$emit('saveAs', obj);
+      },
       saveAs() {
         let obj = {request: this.request};
         obj.request.server = this.debugForm.server;