style: chartBox,roleBox,exploreItem 页面样式调整

This commit is contained in:
@changcode
2021-09-10 14:13:10 +08:00
parent f69d0f2bed
commit 34a38a708a
4 changed files with 15 additions and 2 deletions

View File

@@ -14,6 +14,10 @@
<el-input maxlength="64" placeholder="" id="role-box-input-name"
show-word-limit size="small" type="text" v-model="editRole.name"></el-input>
</el-form-item>
<el-form-item label="i18n" prop="i18n">
<el-input maxlength="64" placeholder="" id="role-box-input-name"
show-word-limit size="small" type="text" v-model="editRole.i18n"></el-input>
</el-form-item>
<el-form-item :label="$t('overall.remark')">
<el-input maxlength="256" show-word-limit :rows="2" size='mini' type="textarea" v-model="editRole.remark" id="role-box-input-remark"/>
</el-form-item>

View File

@@ -1,5 +1,5 @@
<template>
<el-form :model="parameters" ref="alertChartParam" size="small" label-position="top" label-width="200px" class="alert-chart-param-form">
<el-form :model="parameters" ref="alertChartParam" size="small" label-position="top" label-width="200px" class="alert-chart-param-form alert-chart__padding-top">
<el-form-item :label="$t('dashboard.panel.chartForm.alertParam.select')" >
<el-cascader
id="alert-param-select"
@@ -184,6 +184,9 @@ export default {
.alert-chart-param-form .form-item{
width: 100%;
}
.alert-chart__padding-top.alert-chart-param-form {
padding-top: 0;
}
.severity-circle{
position: absolute;
left: 10px;

View File

@@ -49,6 +49,9 @@
padding: 0 4px;
}
}
.element-item__padding.element-item {
padding: 0;
}
.nz-icon-minus-position {
padding: 24px 0 24px 0;
}
@@ -368,7 +371,7 @@
</div>
<div v-if="isAlert" class="form__sub-title">{{$t('dashboard.panel.chartForm.alertParam.param')}}</div>
<el-row class="element-item" v-if="isAlert">
<el-row class="element-item element-item__padding" v-if="isAlert">
<alert-chart-param @on-enter-complate="getAlertParam" ref="alertParamBox"></alert-chart-param>
</el-row>
<div style="margin-bottom: 20px">

View File

@@ -1038,6 +1038,9 @@ export default {
margin-bottom: 10px;
border: 1px solid $--right-box-border-color;
border-bottom: none;
.el-collapse-item__wrap {
min-height: 463px;
}
}
.el-collapse-item__header {
height: 38px;