|
@@ -9,21 +9,48 @@
|
|
|
<div class="BOX">
|
|
|
<div style="display: flex">
|
|
|
<div class="YC01">
|
|
|
- <strong>{{ equipment.errCounrt }}</strong>
|
|
|
+ <strong>
|
|
|
+ {{
|
|
|
+ equipment.errCount !== null && equipment.errCount !== undefined
|
|
|
+ ? equipment.errCount
|
|
|
+ : 0
|
|
|
+ }}</strong
|
|
|
+ >
|
|
|
<span>异常总数</span>
|
|
|
</div>
|
|
|
<div class="YC02">
|
|
|
- <strong>{{ equipment.errCountInCurrentMonth }}</strong>
|
|
|
+ <strong>
|
|
|
+ {{
|
|
|
+ equipment.errCountInCurrentMonth !== null &&
|
|
|
+ equipment.errCountInCurrentMonth !== undefined
|
|
|
+ ? equipment.errCountInCurrentMonth
|
|
|
+ : 0
|
|
|
+ }}</strong
|
|
|
+ >
|
|
|
<span>本月异常</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="display: flex">
|
|
|
<div class="YC02">
|
|
|
- <strong class="textred">{{ equipment.errCountNotDeal }}</strong>
|
|
|
+ <strong class="textred">
|
|
|
+ {{
|
|
|
+ equipment.errCountNotDeal !== null &&
|
|
|
+ equipment.errCountNotDeal !== undefined
|
|
|
+ ? equipment.errCountNotDeal
|
|
|
+ : 0
|
|
|
+ }}</strong
|
|
|
+ >
|
|
|
<span>未处理异常</span>
|
|
|
</div>
|
|
|
<div class="YC02">
|
|
|
- <strong class="texyellow">{{ equipment.errDeviceCount }}</strong>
|
|
|
+ <strong class="texyellow">
|
|
|
+ {{
|
|
|
+ equipment.errDeviceCount !== null &&
|
|
|
+ equipment.errDeviceCount !== undefined
|
|
|
+ ? equipment.errDeviceCount
|
|
|
+ : 0
|
|
|
+ }}</strong
|
|
|
+ >
|
|
|
<span>异常设备数</span>
|
|
|
</div>
|
|
|
<div class="YC03"></div>
|
|
@@ -77,14 +104,15 @@ export default {
|
|
|
watch: {
|
|
|
maplistArr: {
|
|
|
handler(newVal) {
|
|
|
- if (Object.keys(newVal).length > 0) { // 检查maplistArr是否有值
|
|
|
+ if (Object.keys(newVal).length > 0) {
|
|
|
+ // 检查maplistArr是否有值
|
|
|
console.log("Map list updated:", newVal);
|
|
|
this.getStatistics();
|
|
|
this.getOptionRecords();
|
|
|
}
|
|
|
},
|
|
|
immediate: true, // 立即执行一次handler
|
|
|
- deep: true, // 深度监听对象内部变化
|
|
|
+ deep: true, // 深度监听对象内部变化
|
|
|
},
|
|
|
},
|
|
|
components: {
|
|
@@ -208,6 +236,7 @@ export default {
|
|
|
border-radius: 5px;
|
|
|
padding: 20px;
|
|
|
}
|
|
|
+
|
|
|
.BOX {
|
|
|
background: #004f5f;
|
|
|
display: flex;
|
|
@@ -215,6 +244,7 @@ export default {
|
|
|
flex-wrap: wrap;
|
|
|
padding-bottom: 15px;
|
|
|
}
|
|
|
+
|
|
|
.YC01 {
|
|
|
width: 154px;
|
|
|
height: 60px;
|
|
@@ -225,16 +255,19 @@ export default {
|
|
|
margin-right: 15px;
|
|
|
margin-top: 15px;
|
|
|
text-align: center;
|
|
|
+
|
|
|
strong {
|
|
|
display: block;
|
|
|
font-size: 26px;
|
|
|
color: #4bffff;
|
|
|
}
|
|
|
+
|
|
|
span {
|
|
|
display: block;
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.YC02 {
|
|
|
width: 70px;
|
|
|
height: 60px;
|
|
@@ -245,53 +278,67 @@ export default {
|
|
|
margin-right: 15px;
|
|
|
margin-top: 15px;
|
|
|
text-align: center;
|
|
|
+
|
|
|
.textred {
|
|
|
color: #d9001b;
|
|
|
}
|
|
|
+
|
|
|
.texyellow {
|
|
|
color: #facd91;
|
|
|
}
|
|
|
+
|
|
|
strong {
|
|
|
display: block;
|
|
|
font-size: 26px;
|
|
|
color: #4bffff;
|
|
|
}
|
|
|
+
|
|
|
span {
|
|
|
display: block;
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.YC03 {
|
|
|
width: 70px;
|
|
|
height: 60px;
|
|
|
}
|
|
|
+
|
|
|
.Tabtab {
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
+
|
|
|
::v-deep.el-table__cell {
|
|
|
padding: 2px 0 !important;
|
|
|
}
|
|
|
+
|
|
|
::v-deep.el-table .el-table__cell {
|
|
|
padding: 2px 0 !important;
|
|
|
}
|
|
|
+
|
|
|
::v-deep.el-table--scrollable-y .el-table__body-wrapper {
|
|
|
overflow-y: clip !important;
|
|
|
}
|
|
|
+
|
|
|
.titleYC {
|
|
|
font-size: 14px;
|
|
|
background: #214e5d;
|
|
|
padding: 5px 0;
|
|
|
+
|
|
|
span:nth-child(1) {
|
|
|
margin: 0 70px 0 10px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.titleJQ {
|
|
|
font-size: 14px;
|
|
|
background: #214e5d;
|
|
|
padding: 5px 0;
|
|
|
+
|
|
|
span:nth-child(1) {
|
|
|
margin: 0 15px 0 10px;
|
|
|
}
|
|
|
+
|
|
|
span:nth-child(2) {
|
|
|
margin: 0 45px 0 30px;
|
|
|
}
|