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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
framework/sdk-parent/frontend/src/components/MsAsideItem.vue
View File

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

2
framework/sdk-parent/frontend/src/components/environment/ApiEnvironmentConfig.vue
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"

2
framework/sdk-parent/frontend/src/components/environment/commons/ApiScenarioVariables.vue
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'),