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

View File

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

View File

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