style(环境配置): 环境通用配置样式优化

This commit is contained in:
fit2-zhao 2023-02-21 11:36:25 +08:00 committed by fit2-zhao
parent f1761fa7ec
commit 42885019b3
3 changed files with 14 additions and 11 deletions

View File

@ -11,18 +11,21 @@
</slot>
</div>
<slot name="content">
<div :style="{'height': itemBarHeight + 'px'}" v-for="(item, index) in data" :key="index" class="item-bar"
@click="itemSelected(index, item)" :class="{'item-selected' : index == selectIndex}">
<el-tooltip :content="item.name">
<input class="item-input"
:style="{'height': itemBarHeight - 12 + 'px', 'line-height': itemBarHeight - 12 + 'px', 'width': width - 90 + 'px'}"
v-model="item.name" :placeholder="$t('commons.input_content')"/>
</el-tooltip>
<span :style="{'line-height': itemBarHeight - 10 + 'px'}" class="item-right">
<i v-for="(operator, operatorIndex) in itemOperators" :key="operatorIndex" :class="operator.icon" v-permission="operator.permissions"
<div style="height: 700px;overflow-y: auto">
<div :style="{'height': itemBarHeight + 'px'}" v-for="(item, index) in data" :key="index" class="item-bar"
@click="itemSelected(index, item)" :class="{'item-selected' : index == selectIndex}">
<el-tooltip :content="item.name">
<input class="item-input"
:style="{'height': itemBarHeight - 12 + 'px', 'line-height': itemBarHeight - 12 + 'px', 'width': width - 90 + 'px'}"
v-model="item.name" :placeholder="$t('commons.input_content')"/>
</el-tooltip>
<span :style="{'line-height': itemBarHeight - 10 + 'px'}" class="item-right">
<i v-for="(operator, operatorIndex) in itemOperators" :key="operatorIndex" :class="operator.icon"
v-permission="operator.permissions"
@click.stop="operator.func(item, index)">
</i>
</span>
</div>
</div>
</slot>
</el-aside>

View File

@ -2,7 +2,7 @@
<div>
<el-dialog :close-on-click-modal="false" :title="$t('api_test.environment.environment_config')"
:visible.sync="visible" class="environment-dialog" width="80%"
@close="close" append-to-body destroy-on-close ref="environmentConfig">
@close="close" append-to-body destroy-on-close ref="environmentConfig" top="2vh">
<el-container v-loading="result">
<ms-aside-item :enable-aside-hidden="false" :title="$t('api_test.environment.environment_list')"
:data="environments" :item-operators="environmentOperators" :add-fuc="addEnvironment"

View File

@ -204,7 +204,7 @@ export default {
pageSize: 10,
total: 0,
loading: false,
screenHeight: '400px',
screenHeight: '460px',
batchButtons: [
{
name: this.$t('api_test.definition.request.batch_delete'),