From 3e50a2facd364045d3db47348819652a55934e8b Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Mon, 18 Jul 2022 19:07:42 +0800
Subject: [PATCH] =?UTF-8?q?style(=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE):=20?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=BC=B9=E6=A1=86=E5=A4=A7=E5=B0=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=EF=BC=8C=E5=BC=B9=E6=A1=86=E9=81=AE=E7=BD=A9=E5=B1=82?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1014981 --user=赵勇 【接口测试】接口定义-CASE列表-执行选择运行环境-环境配置弹框宽度比之前版本窄了-导致配置项显示问题 https://www.tapd.cn/55049933/s/1203726
---
 .../environment/ApiEnvironmentConfig.vue           |  2 +-
 .../request/components/ApiDefinitionStepButton.vue | 14 +++++++-------
 .../api/test/components/ApiEnvironmentConfig.vue   |  2 +-
 .../business/components/common/head/AboutUs.vue    |  2 +-
 .../business/components/common/head/HeaderUser.vue |  2 +-
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/src/business/components/api/definition/components/environment/ApiEnvironmentConfig.vue b/frontend/src/business/components/api/definition/components/environment/ApiEnvironmentConfig.vue
index 69c026d336..e650eda94e 100644
--- a/frontend/src/business/components/api/definition/components/environment/ApiEnvironmentConfig.vue
+++ b/frontend/src/business/components/api/definition/components/environment/ApiEnvironmentConfig.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-dialog :close-on-click-modal="false" :title="$t('api_test.environment.environment_config')"
-               :visible.sync="visible" class="environment-dialog" width="60%"
+               :visible.sync="visible" class="environment-dialog" width="80%"
                @close="close" append-to-body destroy-on-close ref="environmentConfig">
       <el-container v-loading="result.loading">
         <ms-aside-item :enable-aside-hidden="false" :title="$t('api_test.environment.environment_list')"
diff --git a/frontend/src/business/components/api/definition/components/request/components/ApiDefinitionStepButton.vue b/frontend/src/business/components/api/definition/components/request/components/ApiDefinitionStepButton.vue
index e8b636ede5..3951f64d5c 100644
--- a/frontend/src/business/components/api/definition/components/request/components/ApiDefinitionStepButton.vue
+++ b/frontend/src/business/components/api/definition/components/request/components/ApiDefinitionStepButton.vue
@@ -1,16 +1,16 @@
 <template>
   <el-col :span="3" class="ms-left-cell">
-    <el-button class="ms-left-buttion" size="small" @click="addPre">+{{$t('api_test.definition.request.pre_script')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addPre">+{{$t('api_test.definition.request.pre_script')}}</el-button>
     <br/>
-    <el-button class="ms-left-buttion" size="small" @click="addPost">+{{$t('api_test.definition.request.post_script')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addPost">+{{$t('api_test.definition.request.post_script')}}</el-button>
     <br/>
-    <el-button class="ms-left-buttion" size="small" @click="addPreSql">+{{$t('api_test.definition.request.pre_sql')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addPreSql">+{{$t('api_test.definition.request.pre_sql')}}</el-button>
     <br/>
-    <el-button class="ms-left-buttion" size="small" @click="addPostSql">+{{$t('api_test.definition.request.post_sql')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addPostSql">+{{$t('api_test.definition.request.post_sql')}}</el-button>
     <br/>
-    <el-button class="ms-left-buttion" size="small" @click="addAssertions">+{{$t('api_test.definition.request.assertions_rule')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addAssertions">+{{$t('api_test.definition.request.assertions_rule')}}</el-button>
     <br/>
-    <el-button class="ms-left-buttion" size="small" @click="addExtract">+{{$t('api_test.definition.request.extract_param')}}</el-button>
+    <el-button class="ms-left-button" size="small" @click="addExtract">+{{$t('api_test.definition.request.extract_param')}}</el-button>
   </el-col>
 </template>
 
@@ -117,7 +117,7 @@
     margin-top: 30px;
   }
 
-  .ms-left-buttion {
+  .ms-left-button {
     margin: 6px 0px 8px 30px;
   }
 
diff --git a/frontend/src/business/components/api/test/components/ApiEnvironmentConfig.vue b/frontend/src/business/components/api/test/components/ApiEnvironmentConfig.vue
index 4b07c321cf..6e3daaccd8 100644
--- a/frontend/src/business/components/api/test/components/ApiEnvironmentConfig.vue
+++ b/frontend/src/business/components/api/test/components/ApiEnvironmentConfig.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-dialog :close-on-click-modal="false" :title="$t('api_test.environment.environment_config')"
-               :visible.sync="visible" class="environment-dialog" width="60%"
+               :visible.sync="visible" class="environment-dialog" width="80%"
                @close="close" append-to-body destroy-on-close ref="environmentConfig">
       <el-container v-loading="result.loading">
         <ms-aside-item :enable-aside-hidden="false" :title="$t('api_test.environment.environment_list')"
diff --git a/frontend/src/business/components/common/head/AboutUs.vue b/frontend/src/business/components/common/head/AboutUs.vue
index ec17020730..5ef944cf78 100644
--- a/frontend/src/business/components/common/head/AboutUs.vue
+++ b/frontend/src/business/components/common/head/AboutUs.vue
@@ -1,7 +1,7 @@
 <template>
   <el-dialog
     :title="$t('commons.about_us')"
-    :visible.sync="dialogVisible" class="about-us">
+    :visible.sync="dialogVisible" class="about-us" append-to-body>
 
     <el-row>
       <el-col>
diff --git a/frontend/src/business/components/common/head/HeaderUser.vue b/frontend/src/business/components/common/head/HeaderUser.vue
index 214a95579f..b132c749fc 100644
--- a/frontend/src/business/components/common/head/HeaderUser.vue
+++ b/frontend/src/business/components/common/head/HeaderUser.vue
@@ -17,7 +17,7 @@
 
     <about-us ref="aboutUs"/>
     <el-dialog :close-on-click-modal="false" width="80%"
-               :visible.sync="resVisible" class="api-import" destroy-on-close @close="closeDialog">
+               :visible.sync="resVisible" class="api-import" destroy-on-close @close="closeDialog" append-to-body>
       <ms-person-router @closeDialog="closeDialog"/>
     </el-dialog>
   </el-dropdown>