diff --git a/frontend/src/business/components/api/definition/components/mock/MockConfig.vue b/frontend/src/business/components/api/definition/components/mock/MockConfig.vue
index 4db85d68a3..319a48f9c4 100644
--- a/frontend/src/business/components/api/definition/components/mock/MockConfig.vue
+++ b/frontend/src/business/components/api/definition/components/mock/MockConfig.vue
@@ -340,6 +340,7 @@ export default {
       });
     },
     clickRow(row, column, event) {
+      this.cleanMockExpectConfig();
       let selectUrl = "/mockConfig/mockExpectConfig/" + row.id;
       this.$get(selectUrl, response => {
         let data = response.data;
diff --git a/frontend/src/business/components/api/definition/components/mock/TcpMockConfig.vue b/frontend/src/business/components/api/definition/components/mock/TcpMockConfig.vue
index 5c9ab22e78..7322592eea 100644
--- a/frontend/src/business/components/api/definition/components/mock/TcpMockConfig.vue
+++ b/frontend/src/business/components/api/definition/components/mock/TcpMockConfig.vue
@@ -82,11 +82,11 @@
               <el-col>{{ $t('api_test.mock.rsp_param') }}</el-col>
             </el-row>
             <el-row>
-                <el-form-item label="延时 (ms)" prop="response.delayed">
-                  <el-input-number v-model="mockExpectConfig.response.delayed" :min="0">
-                    <template slot="append">ms</template>
-                  </el-input-number>
-                </el-form-item>
+              <el-form-item label="延时 (ms)" prop="response.delayed">
+                <el-input-number v-model="mockExpectConfig.response.delayed" :min="0">
+                  <template slot="append">ms</template>
+                </el-input-number>
+              </el-form-item>
             </el-row>
             <el-row style="margin-top: 10px;">
               <el-form-item label="Body:" label-width="50px">
@@ -153,8 +153,10 @@ export default {
         name: "",
         mockConfigId: "",
         request: {
-          reportType:'raw',
-          xmlDataStruct:[],
+          reportType: 'raw',
+          xmlDataStruct: [],
+          jsonDataStruct: "",
+          rawDataStruct: "",
         },
         response: {
           httpCode: "",
@@ -177,7 +179,7 @@ export default {
   },
   props: {
     baseMockConfigData: {},
-    type:String
+    type: String
   },
   created() {
     this.mockConfigData = this.baseMockConfigData;
@@ -252,8 +254,10 @@ export default {
         name: "",
         mockConfigId: "",
         request: {
-          reportType:'raw',
-          xmlDataStruct:[],
+          reportType: 'raw',
+          xmlDataStruct: [],
+          jsonDataStruct: "",
+          rawDataStruct: "",
         },
         response: {
           httpCode: "",
@@ -263,6 +267,7 @@ export default {
         },
       };
       this.$nextTick(function () {
+        this.$refs.tcpParam.reload();
         this.showHeadTable = true;
       });
     },
@@ -310,6 +315,7 @@ export default {
       });
     },
     clickRow(row, column, event) {
+      this.cleanMockExpectConfig();
       let selectUrl = "/mockConfig/mockExpectConfig/" + row.id;
       this.$get(selectUrl, response => {
         let data = response.data;
@@ -317,8 +323,8 @@ export default {
         this.mockExpectConfig = data;
         if (this.mockExpectConfig.request == null) {
           this.mockExpectConfig.request = {
-            reportType:'raw',
-            xmlDataStruct:[],
+            reportType: 'raw',
+            xmlDataStruct: [],
           };
         }
         if (this.mockExpectConfig.response == null) {
diff --git a/frontend/src/business/components/api/definition/components/request/tcp/TcpParams.vue b/frontend/src/business/components/api/definition/components/request/tcp/TcpParams.vue
index 534b9c3291..02c8eeae43 100644
--- a/frontend/src/business/components/api/definition/components/request/tcp/TcpParams.vue
+++ b/frontend/src/business/components/api/definition/components/request/tcp/TcpParams.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-row>
+    <el-row v-if="!isReloadData">
       <el-radio-group v-model="request.reportType" size="mini" style="margin: 10px 0px;">
         <el-radio :disabled="isReadOnly" label="json" @change="changeReportType">
           json
@@ -89,12 +89,20 @@ export default {
       isReloadData: false,
       refreshedXmlTable:true,
       currentProjectId: "",
+      rawDataStruct: "",
+      jsonDataStruct: "",
     }
   },
   watch:{
     reportType(){
       this.request.reportType = this.reportType;
-    }
+    },
+    'request.rawDataStruct'(){
+      this.reload();
+    },
+    'request.jsonDataStruct'(){
+      this.reload();
+    },
   },
   created() {
     this.currentProjectId = getCurrentProjectID();