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

@@ -67,10 +67,12 @@
:open-delay="300"
>
<div>
<div>Schedule : {{scope.row.schedEnable ? $t('dashboard.panel.chartForm.lockList.on') : $t('dashboard.panel.chartForm.lockList.off')}}</div>
<div>Effective configuration</div>
<div>{{weekStr(scope.row.schedDays)}}</div>
<div>{{scope.row.schedStime+' - '+scope.row.schedEtime}}</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>{{weekStr(scope.row.schedDays)}}</div>
<div>{{scope.row.schedStime+' - '+scope.row.schedEtime}}</div>
</div>
</div>
<el-switch
slot="reference"
@@ -258,6 +260,9 @@ export default {
.color23BF9A{
color: #23BF9A;
}
/deep/ .active-icon {
margin-left: 5px;
}
</style>
<style>
.severity .P1{