diff --git a/frontend/src/business/components/api/definition/components/ApiKeyValue.vue b/frontend/src/business/components/api/definition/components/ApiKeyValue.vue
index 449d43606b..cd78867645 100644
--- a/frontend/src/business/components/api/definition/components/ApiKeyValue.vue
+++ b/frontend/src/business/components/api/definition/components/ApiKeyValue.vue
@@ -60,7 +60,7 @@
         </el-col>
       </el-row>
     </div>
-    <ms-api-variable-advance :current-item="currentItem" :parameters="keyValues" ref="variableAdvance"/>
+    <ms-api-variable-advance :append-to-body="appendToBody" :current-item="currentItem" :parameters="keyValues" ref="variableAdvance"/>
 
   </div>
 </template>
@@ -92,7 +92,13 @@
         type: Boolean,
         default: false
       },
-      showDesc: Boolean
+      showDesc: Boolean,
+      appendToBody: {
+        type: Boolean,
+        default() {
+          return false;
+        }
+      },
     },
     data() {
       return {
diff --git a/frontend/src/business/components/api/definition/components/ApiVariable.vue b/frontend/src/business/components/api/definition/components/ApiVariable.vue
index 0a34327de3..daaf50c216 100644
--- a/frontend/src/business/components/api/definition/components/ApiVariable.vue
+++ b/frontend/src/business/components/api/definition/components/ApiVariable.vue
@@ -89,11 +89,12 @@
       </el-row>
     </div>
     <ms-api-variable-advance ref="variableAdvance" :environment="environment" :scenario="scenario"
+                             :append-to-body="appendDialogToBody"
                              :parameters="parameters"
                              :current-item="currentItem"/>
-    <ms-api-variable-json ref="variableJson" @callback="callback"/>
+    <ms-api-variable-json :append-to-body="appendDialogToBody" ref="variableJson" @callback="callback"/>
 
-    <api-variable-setting
+    <api-variable-setting :append-to-body="appendDialogToBody"
       ref="apiVariableSetting"/>
 
   </div>
@@ -124,6 +125,12 @@ export default {
       type: String,
       default: ''
     },
+    appendDialogToBody: {
+      type: Boolean,
+      default() {
+        return false;
+      }
+    },
     isReadOnly: {
       type: Boolean,
       default: false
diff --git a/frontend/src/business/components/api/definition/components/ApiVariableAdvance.vue b/frontend/src/business/components/api/definition/components/ApiVariableAdvance.vue
index fc66342376..5c019be8bc 100644
--- a/frontend/src/business/components/api/definition/components/ApiVariableAdvance.vue
+++ b/frontend/src/business/components/api/definition/components/ApiVariableAdvance.vue
@@ -1,6 +1,7 @@
 <template>
   <el-dialog :title="$t('api_test.request.parameters_advance')"
              :visible.sync="itemValueVisible"
+             :append-to-body="appendToBody"
              class="advanced-item-value"
              width="70%">
     <el-tabs tab-position="top" style="height: 50vh;" @tab-click="selectTab">
@@ -100,6 +101,12 @@
       environment: Object,
       scenario: Scenario,
       currentItem: Object,
+      appendToBody: {
+        type: Boolean,
+        default() {
+          return false;
+        }
+      },
     },
     data() {
       return {
diff --git a/frontend/src/business/components/api/definition/components/ApiVariableJson.vue b/frontend/src/business/components/api/definition/components/ApiVariableJson.vue
index c78ee428c5..4b57ebdfe3 100644
--- a/frontend/src/business/components/api/definition/components/ApiVariableJson.vue
+++ b/frontend/src/business/components/api/definition/components/ApiVariableJson.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <el-dialog
+  <el-dialog :append-to-body="appendToBody"
     :visible.sync="dialogVisible" destroy-on-close @close="close">
     <div style="padding: 10px">
       <el-switch active-text="JSON-SCHEMA" v-model="item.jsonType" @change="formatChange" active-value="JSON-SCHEMA"/>
@@ -36,6 +36,12 @@ export default {
       type: Boolean,
       default: false
     },
+    appendToBody: {
+      type: Boolean,
+      default() {
+        return false;
+      }
+    },
   },
   data() {
     return {
diff --git a/frontend/src/business/components/api/definition/components/ApiVariableSetting.vue b/frontend/src/business/components/api/definition/components/ApiVariableSetting.vue
index ada7419ec3..669f47e873 100644
--- a/frontend/src/business/components/api/definition/components/ApiVariableSetting.vue
+++ b/frontend/src/business/components/api/definition/components/ApiVariableSetting.vue
@@ -4,6 +4,7 @@
     width="30%"
     :title="$t('run_mode.other_config')"
     :with-footer="false"
+    :append-to-body="appendToBody"
     :close-on-click-modal="true">
     <el-form>
       <el-row>
@@ -34,6 +35,14 @@
         data: {}
       }
     },
+    props:{
+      appendToBody: {
+        type: Boolean,
+        default() {
+          return false;
+        }
+      },
+    },
     methods: {
       open(item) {
         this.visible = true;
diff --git a/frontend/src/business/components/api/definition/components/mock/Components/MockApiBody.vue b/frontend/src/business/components/api/definition/components/mock/Components/MockApiBody.vue
index 62a4e5d49e..b32a044bd7 100644
--- a/frontend/src/business/components/api/definition/components/mock/Components/MockApiBody.vue
+++ b/frontend/src/business/components/api/definition/components/mock/Components/MockApiBody.vue
@@ -30,6 +30,7 @@
         :is-read-only="isReadOnly"
         :parameters="body.kvs"
         :isShowEnable="isShowEnable"
+        :append-dialog-to-body="true"
         type="body"/>
     </div>
     <div v-if="body.type == 'JSON'">
diff --git a/frontend/src/business/components/api/definition/components/mock/Components/MockRequestParam.vue b/frontend/src/business/components/api/definition/components/mock/Components/MockRequestParam.vue
index f7a328fb1a..04d680f937 100644
--- a/frontend/src/business/components/api/definition/components/mock/Components/MockRequestParam.vue
+++ b/frontend/src/business/components/api/definition/components/mock/Components/MockRequestParam.vue
@@ -17,7 +17,7 @@
               <el-row>
                 <el-link class="ms-el-link" @click="batchAdd" style="color: #783887"> {{ $t("commons.batch_add") }}</el-link>
               </el-row>
-              <ms-api-key-value :show-desc="true" :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :suggestions="headerSuggestions" :items="request.headers" :need-mock="true"/>
+              <ms-api-key-value :append-to-body="true" :show-desc="true" :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :suggestions="headerSuggestions" :items="request.headers" :need-mock="true"/>
             </el-tab-pane>
 
             <!--query 参数-->
@@ -31,7 +31,7 @@
               <el-row>
                 <el-link class="ms-el-link" @click="batchAdd" style="color: #783887"> {{ $t("commons.batch_add") }}</el-link>
               </el-row>
-              <ms-api-variable :with-mor-setting="true" :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :parameters="request.arguments"/>
+              <ms-api-variable :append-dialog-to-body="true" :with-mor-setting="true" :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :parameters="request.arguments"/>
             </el-tab-pane>
 
             <!--REST 参数-->
@@ -47,7 +47,7 @@
               <el-row>
                 <el-link class="ms-el-link" @click="batchAdd" style="color: #783887"> {{ $t("commons.batch_add") }}</el-link>
               </el-row>
-              <ms-api-variable :with-mor-setting="true" :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :parameters="request.rest"/>
+              <ms-api-variable :append-dialog-to-body="true" :with-mor-setting="true" :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :parameters="request.rest"/>
             </el-tab-pane>
 
             <!--请求体-->
diff --git a/frontend/src/business/components/api/definition/components/mock/MockTab.vue b/frontend/src/business/components/api/definition/components/mock/MockTab.vue
index 40c5d88612..07c1f8e5b5 100644
--- a/frontend/src/business/components/api/definition/components/mock/MockTab.vue
+++ b/frontend/src/business/components/api/definition/components/mock/MockTab.vue
@@ -12,6 +12,8 @@
         v-loading="result.loading"
         :data="mockConfigData.mockExpectConfigList.filter(data=>!tableSearch || data.name.toLowerCase().includes(tableSearch.toLowerCase()))"
         :operators="operators"
+        :page-size="pageSize"
+        :showSelectAll="false"
         :screen-height="screenHeight"
         @row-click="clickRow"
         row-key="id"
@@ -93,6 +95,7 @@ export default {
       mockConfigData: {},
       tableSearch:"",
       apiParams: [],
+      pageSize: 10,
       screenHeight:document.documentElement.clientHeight - 250,
       operators: [
         {
diff --git a/frontend/src/business/components/common/components/table/MsTable.vue b/frontend/src/business/components/common/components/table/MsTable.vue
index af3f453a9c..02ca7a06ee 100644
--- a/frontend/src/business/components/common/components/table/MsTable.vue
+++ b/frontend/src/business/components/common/components/table/MsTable.vue
@@ -224,6 +224,8 @@ export default {
     rowOrderGroupId: String,
     rowOrderFunc: Function
   },
+  created() {
+  },
   mounted() {
     this.setDefaultOrders();
   },