|
@@ -44,10 +44,10 @@
|
44
|
44
|
>
|
45
|
45
|
<div>
|
46
|
46
|
{{
|
47
|
|
- onlineDeviceList[0].tatalnum > 0
|
|
47
|
+ onlineDeviceList[0].totalnum > 0
|
48
|
48
|
? Math.floor(
|
49
|
49
|
(onlineDeviceList[0].num /
|
50
|
|
- onlineDeviceList[0].tatalnum) *
|
|
50
|
+ onlineDeviceList[0].totalnum) *
|
51
|
51
|
10000
|
52
|
52
|
) / 100
|
53
|
53
|
: 0
|
|
@@ -67,10 +67,10 @@
|
67
|
67
|
>
|
68
|
68
|
<div>
|
69
|
69
|
{{
|
70
|
|
- onlineDeviceList[1].tatalnum > 0
|
|
70
|
+ onlineDeviceList[1].totalnum > 0
|
71
|
71
|
? Math.floor(
|
72
|
72
|
(onlineDeviceList[1].num /
|
73
|
|
- onlineDeviceList[1].tatalnum) *
|
|
73
|
+ onlineDeviceList[1].totalnum) *
|
74
|
74
|
10000
|
75
|
75
|
) / 100
|
76
|
76
|
: 0
|
|
@@ -90,10 +90,10 @@
|
90
|
90
|
>
|
91
|
91
|
<div>
|
92
|
92
|
{{
|
93
|
|
- onlineDeviceList[2].tatalnum > 0
|
|
93
|
+ onlineDeviceList[2].totalnum > 0
|
94
|
94
|
? Math.floor(
|
95
|
95
|
(onlineDeviceList[2].num /
|
96
|
|
- onlineDeviceList[2].tatalnum) *
|
|
96
|
+ onlineDeviceList[2].totalnum) *
|
97
|
97
|
10000
|
98
|
98
|
) / 100
|
99
|
99
|
: 0
|
|
@@ -643,21 +643,21 @@ export default {
|
643
|
643
|
this.initOnlineEcharts({
|
644
|
644
|
domId: "onlineEcharts1",
|
645
|
645
|
onlineNum: this.onlineDeviceList[0].num,
|
646
|
|
- onlineTatalNum: this.onlineDeviceList[0].tatalnum || 1,
|
|
646
|
+ onlineTotalNum: this.onlineDeviceList[0].totalnum || 1,
|
647
|
647
|
onlineColor: ["#ABD5FF", "#339CFF", "#E2EEFE"],
|
648
|
648
|
subtext: "最近1小时"
|
649
|
649
|
});
|
650
|
650
|
this.initOnlineEcharts({
|
651
|
651
|
domId: "onlineEcharts2",
|
652
|
652
|
onlineNum: this.onlineDeviceList[1].num,
|
653
|
|
- onlineTatalNum: this.onlineDeviceList[1].tatalnum || 1,
|
|
653
|
+ onlineTotalNum: this.onlineDeviceList[1].totalnum || 1,
|
654
|
654
|
onlineColor: ["#D3F6C1", "#52C41A", "#E9FFDE"],
|
655
|
655
|
subtext: "最近48小时"
|
656
|
656
|
});
|
657
|
657
|
this.initOnlineEcharts({
|
658
|
658
|
domId: "onlineEcharts3",
|
659
|
659
|
onlineNum: this.onlineDeviceList[2].num,
|
660
|
|
- onlineTatalNum: this.onlineDeviceList[2].tatalnum || 1,
|
|
660
|
+ onlineTotalNum: this.onlineDeviceList[2].totalnum || 1,
|
661
|
661
|
onlineColor: ["#FCC9E3", "#ED4A99", "#FFE0EF"],
|
662
|
662
|
subtext: "最近7天"
|
663
|
663
|
});
|
|
@@ -666,7 +666,7 @@ export default {
|
666
|
666
|
}
|
667
|
667
|
});
|
668
|
668
|
},
|
669
|
|
- initOnlineEcharts({ onlineNum, onlineTatalNum, onlineColor, domId }) {
|
|
669
|
+ initOnlineEcharts({ onlineNum, onlineTotalNum, onlineColor, domId }) {
|
670
|
670
|
let options = {
|
671
|
671
|
tooltip: {
|
672
|
672
|
show: false
|
|
@@ -720,7 +720,7 @@ export default {
|
720
|
720
|
}
|
721
|
721
|
},
|
722
|
722
|
{
|
723
|
|
- value: onlineTatalNum - onlineNum,
|
|
723
|
+ value: onlineTotalNum - onlineNum,
|
724
|
724
|
name: "离线",
|
725
|
725
|
itemStyle: {
|
726
|
726
|
color: "rgba(255,255,255,0)",
|
|
@@ -743,7 +743,7 @@ export default {
|
743
|
743
|
center: ["50%", "45%"],
|
744
|
744
|
silent: true,
|
745
|
745
|
startAngle:
|
746
|
|
- 108 + ((onlineTatalNum - onlineNum) / onlineTatalNum) * 360,
|
|
746
|
+ 108 + ((onlineTotalNum - onlineNum) / onlineTotalNum) * 360,
|
747
|
747
|
itemStyle: {
|
748
|
748
|
borderRadius: "50%",
|
749
|
749
|
borderColor: "none",
|
|
@@ -798,7 +798,7 @@ export default {
|
798
|
798
|
label: {
|
799
|
799
|
show: false
|
800
|
800
|
},
|
801
|
|
- data: [onlineTatalNum]
|
|
801
|
+ data: [onlineTotalNum]
|
802
|
802
|
}
|
803
|
803
|
]
|
804
|
804
|
};
|