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

View File

@ -9,10 +9,12 @@
@close="close"> @close="close">
<div class="header-bar"> <div class="header-bar">
<div>{{ $t('api_test.api_import.data_format') }}</div> <div>{{ $t('api_test.api_import.data_format') }}</div>
<div class="header-bar-btn">
<el-radio-group v-model="selectedPlatformValue"> <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-button v-for="(item, index) in platforms" :key="index" :label="item.value">{{
item.name
}}</el-radio-button>
</el-radio-group> </el-radio-group>
<div class="operate-button"> <div class="operate-button">
<el-button class="save-button" type="primary" plain @click="save"> <el-button class="save-button" type="primary" plain @click="save">
{{ $t('commons.save') }} {{ $t('commons.save') }}
@ -22,6 +24,7 @@
</el-button> </el-button>
</div> </div>
</div> </div>
</div>
<el-form :model="formData" :rules="rules" label-width="110px" v-loading="result" ref="form"> <el-form :model="formData" :rules="rules" label-width="110px" v-loading="result" ref="form">
<el-row> <el-row>
@ -418,6 +421,11 @@ export default {
.header-bar { .header-bar {
padding: 10px 30px; padding: 10px 30px;
.header-bar-btn {
display: flex;
align-items: center;
justify-content: space-between;
}
} }
.api-import :deep(.el-dialog__body) { .api-import :deep(.el-dialog__body) {
@ -432,7 +440,6 @@ export default {
margin-left: 10px; margin-left: 10px;
} }
.dialog-footer { .dialog-footer {
float: right; float: right;
} }

View File

@ -10,12 +10,16 @@
:destroy-on-close="true"> :destroy-on-close="true">
<div class="header-bar"> <div class="header-bar">
<div>{{ $t('api_test.api_import.data_format') }}</div> <div>{{ $t('api_test.api_import.data_format') }}</div>
<div class="header-bar-btn">
<el-radio-group v-model="selectedPlatformValue" @input="clearUrParameter"> <el-radio-group v-model="selectedPlatformValue" @input="clearUrParameter">
<span v-for="(item, index) in platforms" :key="index"> <el-radio-button
<el-radio v-if="!isScenarioModel || item.name !== 'Swagger'" :label="item.value">{{ item.name }}</el-radio> v-for="(item, index) in platforms"
</span> :key="index"
v-if="!isScenarioModel || item.name !== 'Swagger'"
:label="item.value"
>{{ item.name }}</el-radio-button
>
</el-radio-group> </el-radio-group>
<div class="operate-button"> <div class="operate-button">
<el-button class="save-button" type="primary" plain @click="save"> <el-button class="save-button" type="primary" plain @click="save">
{{ $t('commons.save') }} {{ $t('commons.save') }}
@ -25,6 +29,7 @@
</el-button> </el-button>
</div> </div>
</div> </div>
</div>
<el-form :model="formData" :rules="rules" label-width="105px" v-loading="result" ref="form"> <el-form :model="formData" :rules="rules" label-width="105px" v-loading="result" ref="form">
<el-row> <el-row>
@ -599,6 +604,11 @@ export default {
.header-bar { .header-bar {
padding: 10px 15px; padding: 10px 15px;
.header-bar-btn {
display: flex;
align-items: center;
justify-content: space-between;
}
} }
.api-import :deep(.el-dialog__body) { .api-import :deep(.el-dialog__body) {