From 58a8510989ae4e6d575e4c083d8d7fde9a434a0b Mon Sep 17 00:00:00 2001
From: q4speed <kun@fit2cloud.com>
Date: Tue, 20 Oct 2020 16:30:34 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E5=8E=BB=E6=8E=89TCP=E8=AF=B7=E6=B1=82=E5=BF=85=E5=A1=AB?=
 =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E5=99=A8=E5=90=8D=E7=A7=B0=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/request/ApiTcpRequestForm.vue  | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/business/components/api/test/components/request/ApiTcpRequestForm.vue b/frontend/src/business/components/api/test/components/request/ApiTcpRequestForm.vue
index 0dce34edc4..d359f3cfcc 100644
--- a/frontend/src/business/components/api/test/components/request/ApiTcpRequestForm.vue
+++ b/frontend/src/business/components/api/test/components/request/ApiTcpRequestForm.vue
@@ -74,8 +74,10 @@
     </el-row>
 
     <el-form-item :label="$t('api_test.request.tcp.request')" prop="request">
-      <el-input type="textarea" v-model="request.request" :autosize="{minRows: 4, maxRows: 6}">
-      </el-input>
+      <div class="send-request">
+        <ms-code-edit mode="text" :read-only="isReadOnly" :data.sync="request.request"
+                      :modes="['text', 'json', 'xml', 'html']" theme="eclipse"/>
+      </div>
     </el-form-item>
 
     <el-row :gutter="10">
@@ -118,10 +120,11 @@ import {Scenario, TCPConfig, TCPRequest} from "@/business/components/api/test/mo
 import MsApiAssertions from "@/business/components/api/test/components/assertion/ApiAssertions";
 import MsApiExtract from "@/business/components/api/test/components/extract/ApiExtract";
 import MsJsr233Processor from "@/business/components/api/test/components/processor/Jsr233Processor";
+import MsCodeEdit from "@/business/components/common/components/MsCodeEdit";
 
 export default {
   name: "MsApiTcpRequestForm",
-  components: {MsJsr233Processor, MsApiExtract, MsApiAssertions},
+  components: {MsCodeEdit, MsJsr233Processor, MsApiExtract, MsApiAssertions},
   props: {
     request: TCPRequest,
     scenario: Scenario,
@@ -134,15 +137,7 @@ export default {
     return {
       activeName: "assertions",
       classes: TCPConfig.CLASSES,
-      rules: {
-        server: [
-          {
-            required: true,
-            message: this.$t('commons.required', [this.$t('api_test.request.tcp.server')]),
-            trigger: 'blur'
-          }
-        ],
-      }
+      rules: {}
     }
   },
 
@@ -165,4 +160,9 @@ export default {
 .tcp >>> .el-input-number {
   width: 100%;
 }
+
+.send-request {
+  padding: 15px 0;
+  height: 300px;
+}
 </style>