From 737f3d7819ce8eb3980fbf8e84b9997cc2ddf12e Mon Sep 17 00:00:00 2001
From: CaptainB <bin@fit2cloud.com>
Date: Fri, 19 Nov 2021 17:20:15 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=8E=AF=E5=A2=83=E8=AE=BE=E7=BD=AE):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=8E=AF=E5=A2=83=E8=AE=BE=E7=BD=AE=E6=97=B6?=
 =?UTF-8?q?=E8=B6=85=E6=97=B6=E6=97=B6=E9=97=B4=E4=B8=8D=E8=83=BD=E7=82=B9?=
 =?UTF-8?q?=E5=8A=A0=E5=87=8F=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1008086 --user=刘瑞斌 【环境管理】-创建环境时链接超时和响应超时的加减 功能不好使 https://www.tapd.cn/55049933/s/1070608
---
 .../api/test/components/ApiHostTable.vue      |  6 +--
 .../environment/EnvironmentCommonConfig.vue   | 42 ++++++++++---------
 2 files changed, 26 insertions(+), 22 deletions(-)

diff --git a/frontend/src/business/components/api/test/components/ApiHostTable.vue b/frontend/src/business/components/api/test/components/ApiHostTable.vue
index ea64266f79..b5f294fdae 100644
--- a/frontend/src/business/components/api/test/components/ApiHostTable.vue
+++ b/frontend/src/business/components/api/test/components/ApiHostTable.vue
@@ -3,21 +3,21 @@
     <el-table :data="hostTable" style="width: 100%" @cell-dblclick="dblHostTable" class="ht-tb">
       <el-table-column prop="ip" label="IP">
         <template slot-scope="scope">
-          <el-input v-if="scope.row.status" v-model="scope.row.ip"></el-input>
+          <el-input size="small" v-if="scope.row.status" v-model="scope.row.ip"></el-input>
           <span v-else>{{scope.row.ip}}</span>
         </template>
       </el-table-column>
 
       <el-table-column prop="domain" :label="$t('load_test.domain')">
         <template slot-scope="scope">
-          <el-input v-if="scope.row.status" v-model="scope.row.domain"></el-input>
+          <el-input size="small" v-if="scope.row.status" v-model="scope.row.domain"></el-input>
           <span v-else>{{scope.row.domain}}</span>
         </template>
       </el-table-column>
 
       <el-table-column prop="annotation" :label="$t('commons.annotation')">
         <template slot-scope="scope">
-          <el-input v-if="scope.row.status" v-model="scope.row.annotation"></el-input>
+          <el-input size="small" v-if="scope.row.status" v-model="scope.row.annotation"></el-input>
           <span v-else>{{scope.row.annotation}}</span>
         </template>
       </el-table-column>
diff --git a/frontend/src/business/components/api/test/components/environment/EnvironmentCommonConfig.vue b/frontend/src/business/components/api/test/components/environment/EnvironmentCommonConfig.vue
index 907208658e..fa3d852155 100644
--- a/frontend/src/business/components/api/test/components/environment/EnvironmentCommonConfig.vue
+++ b/frontend/src/business/components/api/test/components/environment/EnvironmentCommonConfig.vue
@@ -6,10 +6,16 @@
         <el-switch v-model="commonConfig.enableHost" active-text="Hosts"/>
       </el-form-item>
       <el-form-item>
-        <span>{{$t('api_test.environment.request_timeout')}}:</span>
-        <el-input-number style="margin-left: 20px" v-model="commonConfig.requestTimeout">{{$t('api_test.environment.globalVariable')}}</el-input-number>
-        <span style="margin-left: 30px">{{$t('api_test.environment.response_timeout')}}:</span>
-        <el-input-number style="margin-left: 20px" v-model="commonConfig.responseTimeout">{{$t('api_test.environment.globalVariable')}}</el-input-number>
+        <span>{{ $t('api_test.environment.request_timeout') }}:</span>
+        <el-input-number style="margin-left: 20px" controls-position="right" size="small"
+                         v-model="commonConfig.requestTimeout">
+          {{ $t('api_test.environment.globalVariable') }}
+        </el-input-number>
+        <span style="margin-left: 30px">{{ $t('api_test.environment.response_timeout') }}:</span>
+        <el-input-number style="margin-left: 20px" controls-position="right" size="small"
+                         v-model="commonConfig.responseTimeout">
+          {{ $t('api_test.environment.globalVariable') }}
+        </el-input-number>
       </el-form-item>
       <el-form-item>
         <ms-api-host-table v-if="commonConfig.enableHost" :hostTable="commonConfig.hosts" ref="refHostTable"/>
@@ -19,7 +25,7 @@
 </template>
 
 <script>
-import {CommonConfig, Environment} from "../../model/EnvironmentModel";
+import {CommonConfig} from "../../model/EnvironmentModel";
 import MsApiScenarioVariables from "../ApiScenarioVariables";
 import MsApiHostTable from "../ApiHostTable";
 
@@ -35,26 +41,24 @@ export default {
   },
   data() {
     return {
-      rules: {
-
-      },
-    }
+      rules: {},
+    };
   },
   created() {
-    if(!this.commonConfig.requestTimeout){
-      this.commonConfig.requestTimeout = 60000;
+    if (!this.commonConfig.requestTimeout) {
+      this.$set(this.commonConfig, 'requestTimeout', 60000);
     }
-    if(!this.commonConfig.responseTimeout){
-      this.commonConfig.responseTimeout = 60000;
+    if (!this.commonConfig.responseTimeout) {
+      this.$set(this.commonConfig, 'responseTimeout', 60000);
     }
   },
   watch: {
-    commonConfig(){
-      if(!this.commonConfig.requestTimeout){
-        this.commonConfig.requestTimeout = 60000;
+    commonConfig() {
+      if (!this.commonConfig.requestTimeout) {
+        this.$set(this.commonConfig, 'requestTimeout', 60000);
       }
-      if(!this.commonConfig.responseTimeout){
-        this.commonConfig.responseTimeout = 60000;
+      if (!this.commonConfig.responseTimeout) {
+        this.$set(this.commonConfig, 'responseTimeout', 60000);
       }
     }
   },
@@ -82,7 +86,7 @@ export default {
       return isValidate;
     }
   }
-}
+};
 </script>
 
 <style scoped>