test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor: 修改接口导入框的大小

This commit is contained in:
CaptainB 2022-01-25 20:46:22 +08:00 committed by 刘瑞斌
parent 1dab2c7bf5
commit 88db0c1a85
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/business/components/api/definition/components/import/ApiImport.vue
View File

@ -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) {