From 88db0c1a85a05a32cc1bd075ddb17bb3bb2fab41 Mon Sep 17 00:00:00 2001
From: CaptainB <bin@fit2cloud.com>
Date: Tue, 25 Jan 2022 20:46:22 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=AF=BC=E5=85=A5=E6=A1=86=E7=9A=84=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../definition/components/import/ApiImport.vue | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/frontend/src/business/components/api/definition/components/import/ApiImport.vue b/frontend/src/business/components/api/definition/components/import/ApiImport.vue
index 58f9c366a9..cd7e7e78d4 100644
--- a/frontend/src/business/components/api/definition/components/import/ApiImport.vue
+++ b/frontend/src/business/components/api/definition/components/import/ApiImport.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :close-on-click-modal="false" :title="$t('api_test.api_import.title')" width="90%"
+  <el-dialog :close-on-click-modal="false" :title="$t('api_test.api_import.title')" :width="dialogWidth"
              :visible.sync="visible" class="api-import" v-loading="result.loading" @close="close"
              :destroy-on-close="true">
 
@@ -23,9 +23,10 @@
 
     <el-form :model="formData" :rules="rules" label-width="100px" v-loading="result.loading" ref="form">
       <el-row>
-        <el-col :span="8">
+        <el-col :span="isSwagger2 && authEnable && swaggerUrlEnable ? 8: 11">
           <el-form-item :label="$t('commons.import_module')" prop="moduleId">
-            <ms-select-tree size="small" :data="moduleOptions" :defaultKey="formData.moduleId" @getValue="setModule" :obj="moduleObj" clearable checkStrictly/>
+            <ms-select-tree size="small" :data="moduleOptions" :defaultKey="formData.moduleId" @getValue="setModule"
+                            :obj="moduleObj" clearable checkStrictly/>
           </el-form-item>
           <el-form-item v-if="!isScenarioModel&&showImportModel" :label="$t('commons.import_mode')" prop="modeId">
             <el-select size="small" v-model="formData.modeId" clearable style="width: 100%">
@@ -68,11 +69,12 @@
           <el-divider direction="vertical"/>
         </el-col>
 
-        <el-col :span="14" v-show="isSwagger2 && swaggerUrlEnable" style="margin-top: 40px">
+        <el-col :span="12" v-show="isSwagger2 && swaggerUrlEnable" style="margin-top: 40px">
           <el-form-item :label="'Swagger URL'" prop="swaggerUrl" class="swagger-url">
             <el-input size="small" v-model="formData.swaggerUrl" clearable show-word-limit/>
           </el-form-item>
-          <el-switch v-model="authEnable" :active-text="$t('api_test.api_import.add_request_params')" @change="changeAuthEnable"></el-switch>
+          <el-switch v-model="authEnable" :active-text="$t('api_test.api_import.add_request_params')"
+                     @change="changeAuthEnable"></el-switch>
         </el-col>
 
         <el-col :span="14" v-show="isSwagger2 && authEnable && swaggerUrlEnable">
@@ -335,6 +337,12 @@ export default {
       projectId() {
         return getCurrentProjectID();
       },
+      dialogWidth() {
+        if (this.isSwagger2 && this.authEnable && this.swaggerUrlEnable) {
+          return '80%';
+        }
+        return '30%';
+      }
     },
     methods: {
       open(module) {