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

fix(接口测试): 导入弹窗按钮样式调整

This commit is contained in:
baiqi 2024-10-31 15:04:10 +08:00 committed by Craftsman
parent 364f7efa4c
commit dcb701e95e
2 changed files with 47 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
api-test/frontend/src/business/automation/scenario/common/ScenarioImport.vue
View File

@ -9,17 +9,20 @@
@close="close">
<div class="header-bar">
<div>{{ $t('api_test.api_import.data_format') }}</div>
<el-radio-group v-model="selectedPlatformValue">
<el-radio v-for="(item, index) in platforms" :key="index" :label="item.value">{{ item.name }}</el-radio>
</el-radio-group>
<div class="operate-button">
<el-button class="save-button" type="primary" plain @click="save">
{{ $t('commons.save') }}
</el-button>
<el-button class="cancel-button" type="warning" plain @click="visible = false">
{{ $t('commons.cancel') }}
</el-button>
<div class="header-bar-btn">
<el-radio-group v-model="selectedPlatformValue">
<el-radio-button v-for="(item, index) in platforms" :key="index" :label="item.value">{{
item.name
}}</el-radio-button>
</el-radio-group>
<div class="operate-button">
<el-button class="save-button" type="primary" plain @click="save">
{{ $t('commons.save') }}
</el-button>
<el-button class="cancel-button" type="warning" plain @click="visible = false">
{{ $t('commons.cancel') }}
</el-button>
</div>
</div>
</div>
@ -38,7 +41,7 @@
</el-form-item>
<el-form-item :label="$t('commons.import_mode')" prop="modeId">
<el-select size="small" v-model="formData.modeId" class="project-select" clearable style="width: 100%">
<el-option v-for="item in modeOptions" :key="item.id" :label="item.name" :value="item.id"/>
<el-option v-for="item in modeOptions" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
<el-checkbox size="mini" v-if="formData.modeId === 'fullCoverage'" v-model="formData.coverModule">
{{ this.$t('commons.cover_scenario') }}
@ -418,6 +421,11 @@ export default {
.header-bar {
padding: 10px 30px;
.header-bar-btn {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.api-import :deep(.el-dialog__body) {
@ -432,7 +440,6 @@ export default {
margin-left: 10px;
}
.dialog-footer {
float: right;
}

44
api-test/frontend/src/business/definition/components/import/ApiImport.vue
View File

@ -10,19 +10,24 @@
:destroy-on-close="true">
<div class="header-bar">
<div>{{ $t('api_test.api_import.data_format') }}</div>
<el-radio-group v-model="selectedPlatformValue" @input="clearUrParameter">
<span v-for="(item, index) in platforms" :key="index">
<el-radio v-if="!isScenarioModel || item.name !== 'Swagger'" :label="item.value">{{ item.name }}</el-radio>
</span>
</el-radio-group>
<div class="operate-button">
<el-button class="save-button" type="primary" plain @click="save">
{{ $t('commons.save') }}
</el-button>
<el-button class="cancel-button" type="warning" plain @click="visible = false">
{{ $t('commons.cancel') }}
</el-button>
<div class="header-bar-btn">
<el-radio-group v-model="selectedPlatformValue" @input="clearUrParameter">
<el-radio-button
v-for="(item, index) in platforms"
:key="index"
v-if="!isScenarioModel || item.name !== 'Swagger'"
:label="item.value"
>{{ item.name }}</el-radio-button
>
</el-radio-group>
<div class="operate-button">
<el-button class="save-button" type="primary" plain @click="save">
{{ $t('commons.save') }}
</el-button>
<el-button class="cancel-button" type="warning" plain @click="visible = false">
{{ $t('commons.cancel') }}
</el-button>
</div>
</div>
</div>
@ -106,7 +111,7 @@
:show-desc="true"
:isShowEnable="isShowEnable"
:suggestions="headerSuggestions"
:items="headers"/>
:items="headers" />
<!--query 参数-->
<div style="margin-top: 10px">
<span>{{ $t('api_test.definition.request.query_param') }}{{ $t('api_test.api_import.optional') }}：</span>
@ -469,9 +474,9 @@ export default {
clearAuthInfo() {
this.headers = [];
this.queryArguments = [];
this.headers.push(new KeyValue({enable: true}));
this.queryArguments.push(new KeyValue({enable: true}));
this.authConfig = {hashTree: [], authManager: {}};
this.headers.push(new KeyValue({ enable: true }));
this.queryArguments.push(new KeyValue({ enable: true }));
this.authConfig = { hashTree: [], authManager: {} };
this.$refs.importAuth.initData();
},
changeAuthEnable() {
@ -599,6 +604,11 @@ export default {
.header-bar {
padding: 10px 15px;
.header-bar-btn {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.api-import :deep(.el-dialog__body) {