| | |
| | | .el-drawer { |
| | | background: #0c4d76; |
| | | } |
| | | |
| | | |
| | | /** |
| | | * THEME |
| | | */ |
| | | .el-dialog__header { |
| | | background-color: #0c4d76; |
| | | padding: 10px 20px 10px; |
| | | } |
| | | .el-dialog .dialog-footer .el-button { |
| | | color: #041b3f; |
| | | } |
| | | .el-dialog .dialog-footer .el-button--default { |
| | | background: #90ed7d; |
| | | border-color: #90ed7d; |
| | | } |
| | | .el-dialog .dialog-footer .el-button--primary, |
| | | .el-dialog .dialog-footer .el-button--primary:hover { |
| | | background: #f69f41; |
| | | border-color: #f69f41; |
| | | } |
| | | |
| | | /* 弹窗白底 */ |
| | | .dialog_bg_white .el-dialog { |
| | | color: #0c4d76; |
| | | background: #fff; |
| | | |
| | | } |
| | | .dialog_bg_white .el-dialog__footer { |
| | | padding-top: 0; |
| | | } |
| | | .dialog_bg_white .el-dialog__header { |
| | | background: #0c4d76; |
| | | } |
| | | .dialog_bg_white tbody tr:nth-child(2n+1) { |
| | | background: rgba(12, 77, 118, .2); |
| | | } |
| | | .dialog_bg_white thead tr div, |
| | | .dialog_bg_white thead tr { |
| | | color: #041b3f; |
| | | font-weight: bold; |
| | | } |
| | | .dialog_bg_white thead tr, |
| | | .dialog_bg_white tbody tr:nth-child(2n) { |
| | | background: rgba(12, 77, 118, .3); |
| | | } |
| | | .dialog_bg_white .el-pagination span, |
| | | .dialog_bg_white .el-pagination button, |
| | | .dialog_bg_white .el-pager li, |
| | | .dialog_bg_white .el-pager li { |
| | | color: #0c4d76; |
| | | } |
| | | .dialog_bg_white .el-pagination button:hover, |
| | | .dialog_bg_white .el-pager li:hover { |
| | | color: #0bb; |
| | | } |
| | | .dialog_bg_white .el-pagination__editor.el-input .el-input__inner { |
| | | border: 1px #0c4d76 solid; |
| | | background: rgba(0, 247, 249, .3); |
| | | color: #0c4d76; |
| | | } |
| | | /*THEME_END*/ |
| | | |
| | | /*指示灯*/ |
| | | .cell-indicator, |
| | | .cell_indicator div, |
| | |
| | | default: () => { |
| | | return { |
| | | // low: '#cb8921', |
| | | normal: ['#a2ffa0', '#039B00'], |
| | | // normal: ['#a2ffa0', '#039B00'], |
| | | normal: ['#51f284', '#00b36a'], |
| | | hight: ['#f9b253', '#ff670c'], |
| | | mal: ['#fc6868', '#f83030'] |
| | | } |
| | |
| | | .temp_grp .temp_grp_2 .item:nth-child(8) { |
| | | background: rgba(0, 247, 248, .3); |
| | | } |
| | | .temp_grp .temp_grp_2 .item:nth-child(3) >>> .panel-value, |
| | | .temp_grp .temp_grp_2 .item:nth-child(4) >>> .panel-value, |
| | | .temp_grp .temp_grp_2 .item:nth-child(5) >>> .panel-value, |
| | | .temp_grp .temp_grp_2 .item:nth-child(6) >>> .panel-value, |
| | | .temp_grp .temp_grp_2 .item:nth-child(7) >>> .panel-value, |
| | | .temp_grp .temp_grp_2 .item:nth-child(8) >>> .panel-value { |
| | | border-color: #fff100; |
| | | } |
| | | .temp_grp .item ~ .item { |
| | | margin-left: .08rem; |
| | | } |
| | |
| | | title="历史报警" |
| | | :visible.sync="faultVisible" |
| | | width="60%" |
| | | class="dialog-bg"> |
| | | class="dialog_bg_white"> |
| | | <div class="D-content"> |
| | | <el-table |
| | | :data="fault_tableData" |
| | |
| | | title="历史报警" |
| | | :visible.sync="faultVisible" |
| | | width="60%" |
| | | class="dialog-bg"> |
| | | class="dialog-bg dialog_bg_white"> |
| | | <div class="D-content"> |
| | | <el-table |
| | | class="no-border" |
| | | :data="fault_tableData" |
| | | stripe |
| | | style="width: 100%"> |
| | | <el-table-column |
| | | prop="alarm_date" |
| | |
| | | </div> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer h-center"> |
| | | <el-button type="primary" @click="faultVisible = false">关闭</el-button> |
| | | <el-button @click="faultVisible = false">关闭</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | <!-- 按钮二次确认 --> |