| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- $color: #c0c4cc;
- $bgColor: #232526;
- $hover-color: #304156;
- .curve_statistical_box {
- display: flex;
- overflow-y: auto;
- height: 100%;
- .station_tree {
- min-width: 200px;
- width: 220px;
- max-width: 450px;
- overflow-y: auto;
- height: calc(100vh - 70px);
- border-right: 1px solid #606266;
- overflow-y: auto;
- @import './tree-data.scss';
- // 禁用
- .is_disabled {
- color: #606266;
- cursor: not-allowed;
- }
- }
- .charts {
- flex: 1;
- width: 100%;
- box-sizing: border-box;
- overflow-y: hidden;
- .show_org {
- padding: 3px;
- font-size: 28px;
- color: #909399;
- cursor: pointer;
- }
- .times {
- display: flex;
- margin-top: 5px;
- }
- .charts_box {
- display: flex;
- flex-direction: column;
- height: calc(100% - 50px);
- max-width: calc(100% - 15px);
- box-sizing: border-box;
- background-color: #1f1f1f;
- .curve {
- flex: 1;
- width: 100%;
- }
- }
- }
- // 预告警设置弹窗
- .convert_resist {
- /deep/ .el-dialog {
- margin: 0;
- }
- .el-radio__label {
- color: $color;
- }
- .el-radio__input.is-checked + .el-radio__label {
- color: #409eff;
- }
- .el-input-number__decrease,
- .el-input-number__increase {
- background: $bgColor;
- border-left-color: #606266;
- }
- .el-input-number__increase {
- border-bottom-color: #606266;
- }
- p {
- margin: 12px 0;
- }
- p.no_show {
- visibility: hidden;
- margin: 8px 0;
- }
- p.enable_style {
- text-align: left;
- margin: 8px 0 8px 18px;
- }
- .mark {
- color: red;
- }
- .position_left {
- padding-left: 8px;
- }
- }
- }
|