style: alert rule 样式微调

This commit is contained in:
zhangyu
2021-09-08 17:49:32 +08:00
parent 1933ab8229
commit 524e3297aa
2 changed files with 9 additions and 5 deletions

View File

@@ -660,7 +660,6 @@ export default {
} }
.right-box-alert-rule /deep/ .right-box__container .el-form-item__content .el-input-group--prepend{ .right-box-alert-rule /deep/ .right-box__container .el-form-item__content .el-input-group--prepend{
width: 100%; width: 100%;
margin-top: 5px;
} }
/deep/ .rich-text-editor{ /deep/ .rich-text-editor{
line-height: 24px; line-height: 24px;

View File

@@ -67,11 +67,13 @@
:open-delay="300" :open-delay="300"
> >
<div> <div>
<div>Schedule : {{scope.row.schedEnable ? $t('dashboard.panel.chartForm.lockList.on') : $t('dashboard.panel.chartForm.lockList.off')}}</div> <div>Schedule : <span class="active-icon inline-block" :class="scope.row.schedEnable ? 'green-bg' : 'red-bg'"></span>{{scope.row.schedEnable ? $t('dashboard.panel.chartForm.lockList.on') : $t('dashboard.panel.chartForm.lockList.off')}}</div>
<div>
<div>Effective configuration</div> <div>Effective configuration</div>
<div>{{weekStr(scope.row.schedDays)}}</div> <div>{{weekStr(scope.row.schedDays)}}</div>
<div>{{scope.row.schedStime+' - '+scope.row.schedEtime}}</div> <div>{{scope.row.schedStime+' - '+scope.row.schedEtime}}</div>
</div> </div>
</div>
<el-switch <el-switch
slot="reference" slot="reference"
v-model="scope.row.state" v-model="scope.row.state"
@@ -258,6 +260,9 @@ export default {
.color23BF9A{ .color23BF9A{
color: #23BF9A; color: #23BF9A;
} }
/deep/ .active-icon {
margin-left: 5px;
}
</style> </style>
<style> <style>
.severity .P1{ .severity .P1{