|
|
@@ -119,7 +119,7 @@
|
|
|
</div>
|
|
|
<!-- 右侧统计项 -->
|
|
|
<div class="indicator">
|
|
|
- <div class="sub-title-item" :class="indexs >= 8 && !item.flag ? 'active' : 'active1'"
|
|
|
+ <div class="sub-title-item" :class="indexs >= 10 && !item.flag ? 'active' : 'active1'"
|
|
|
v-for="(item, indexs) in subTitleDatas" :key="indexs"
|
|
|
@click="handleIndicatorClick(value.czlx, value.wpid)">
|
|
|
<span>{{
|
|
|
@@ -127,7 +127,7 @@
|
|
|
}}</span>
|
|
|
<span class="sub-value" :style="{ color: item.color }">
|
|
|
{{
|
|
|
- indexs >= 8
|
|
|
+ indexs >= 10
|
|
|
? item.key1
|
|
|
? value[item.key1]
|
|
|
? item.ratio
|
|
|
@@ -394,9 +394,9 @@
|
|
|
0: "svg-standby",
|
|
|
1: "svg-manual",
|
|
|
2: "svg-normal-power",
|
|
|
- 3: "svg-drop-output",
|
|
|
+ 3: "svg-environment",
|
|
|
4: "svg-gz-downtime",
|
|
|
- 5: "svg-field-involved",
|
|
|
+ 5: "svg-unknown",
|
|
|
6: "svg-jx-downtime",
|
|
|
7: "svg-field-involved",
|
|
|
8: "svg-limit-power",
|
|
|
@@ -627,9 +627,9 @@
|
|
|
"blue",
|
|
|
"write",
|
|
|
"green",
|
|
|
- "green",
|
|
|
- "red",
|
|
|
+ "pansy",
|
|
|
"red",
|
|
|
+ "peachpuff",
|
|
|
"orange",
|
|
|
"orange",
|
|
|
"pink",
|
|
|
@@ -680,6 +680,16 @@
|
|
|
key: "lxts",
|
|
|
},
|
|
|
{
|
|
|
+ text: "解缆台数",
|
|
|
+ color: "#40E0D0",
|
|
|
+ key: "slts",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: "启动台数",
|
|
|
+ color: "#ffbe98",
|
|
|
+ key: "qdts",
|
|
|
+ },
|
|
|
+ {
|
|
|
text: "风速",
|
|
|
color: "#9CA5A8",
|
|
|
key: "spped",
|
|
|
@@ -1702,6 +1712,78 @@
|
|
|
margin-right: 6px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ &.pansy {
|
|
|
+ .status-first {
|
|
|
+ background-color: rgba(64, 224,205, 0.28);
|
|
|
+ border-top: 1px solid #335f5b;
|
|
|
+ border-left: 1px solid #335f5b;
|
|
|
+ border-right: 1px solid #335f5b;
|
|
|
+
|
|
|
+ .matrix-status-left {
|
|
|
+ color: #40E0D0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .matrix-status-right {
|
|
|
+ color: #40E0D0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .status-end {
|
|
|
+ background-color: rgba(64, 224,205, 0.16);
|
|
|
+ border-left: 1px solid #335f5b;
|
|
|
+ border-right: 1px solid #335f5b;
|
|
|
+ border-bottom: 1px solid #335f5b;
|
|
|
+
|
|
|
+ .matrix-status-left {
|
|
|
+ color: #40E0D0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .matrix-status-right {
|
|
|
+ color: #40E0D0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .matrix-status-right {
|
|
|
+ margin-right: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &.peachpuff {
|
|
|
+ .status-first {
|
|
|
+ background-color: rgba(255, 218, 185, 0.28);
|
|
|
+ border-top: 1px solid #554135;
|
|
|
+ border-left: 1px solid #554135;
|
|
|
+ border-right: 1px solid #554135;
|
|
|
+
|
|
|
+ .matrix-status-left {
|
|
|
+ color: #ffbe98;
|
|
|
+ }
|
|
|
+
|
|
|
+ .matrix-status-right {
|
|
|
+ color: #ffbe98;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .status-end {
|
|
|
+ background-color: rgba(255, 218, 185, 0.16);
|
|
|
+ border-left: 1px solid #554135;
|
|
|
+ border-right: 1px solid #554135;
|
|
|
+ border-bottom: 1px solid #554135;
|
|
|
+
|
|
|
+ .matrix-status-left {
|
|
|
+ color: #ffbe98;
|
|
|
+ }
|
|
|
+
|
|
|
+ .matrix-status-right {
|
|
|
+ color: #ffbe98;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .matrix-status-right {
|
|
|
+ margin-right: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
