|
@@ -89,7 +89,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(0)" |
|
|
@click="compareChange(0)" |
|
|
:class="compareFlag == 0 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 0 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">设备总数</div> |
|
|
<div class="alllist-text1">设备总数</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -114,7 +114,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(1)" |
|
|
@click="compareChange(1)" |
|
|
:class="compareFlag == 1 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 1 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">在线设备数</div> |
|
|
<div class="alllist-text1">在线设备数</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -138,7 +138,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(2)" |
|
|
@click="compareChange(2)" |
|
|
:class="compareFlag == 2 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 2 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">在线设备平均占比</div> |
|
|
<div class="alllist-text1">在线设备平均占比</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -164,7 +164,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(3)" |
|
|
@click="compareChange(3)" |
|
|
:class="compareFlag == 3 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 3 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">活跃设备数</div> |
|
|
<div class="alllist-text1">活跃设备数</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -188,7 +188,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(4)" |
|
|
@click="compareChange(4)" |
|
|
:class="compareFlag == 4 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 4 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">活跃设备平均占比</div> |
|
|
<div class="alllist-text1">活跃设备平均占比</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -214,7 +214,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(5)" |
|
|
@click="compareChange(5)" |
|
|
:class="compareFlag == 5 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 5 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">指派次数</div> |
|
|
<div class="alllist-text1">指派次数</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -238,7 +238,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(6)" |
|
|
@click="compareChange(6)" |
|
|
:class="compareFlag == 6 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 6 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">完整录音次数</div> |
|
|
<div class="alllist-text1">完整录音次数</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -264,7 +264,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(7)" |
|
|
@click="compareChange(7)" |
|
|
:class="compareFlag == 7 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 7 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">完整录音占比</div> |
|
|
<div class="alllist-text1">完整录音占比</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -290,7 +290,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(8)" |
|
|
@click="compareChange(8)" |
|
|
:class="compareFlag == 8 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 8 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">部分录音</div> |
|
|
<div class="alllist-text1">部分录音</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -318,7 +318,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(9)" |
|
|
@click="compareChange(9)" |
|
|
:class="compareFlag == 9 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 9 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">未录音</div> |
|
|
<div class="alllist-text1">未录音</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -342,7 +342,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(10)" |
|
|
@click="compareChange(10)" |
|
|
:class="compareFlag == 10 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 10 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">正常关机次数</div> |
|
|
<div class="alllist-text1">正常关机次数</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -370,7 +370,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(11)" |
|
|
@click="compareChange(11)" |
|
|
:class="compareFlag == 11 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 11 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">低电关机次数</div> |
|
|
<div class="alllist-text1">低电关机次数</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -398,7 +398,7 @@ |
|
|
<div |
|
|
<div |
|
|
class="alllist" |
|
|
class="alllist" |
|
|
@click="compareChange(12)" |
|
|
@click="compareChange(12)" |
|
|
:class="compareFlag == 12 && selectTime1 ? 'active' : 'noactive'" |
|
|
|
|
|
|
|
|
:class="compareFlag == 12 ? 'active' : 'noactive'" |
|
|
> |
|
|
> |
|
|
<div class="alllist-text1">异常关机次数</div> |
|
|
<div class="alllist-text1">异常关机次数</div> |
|
|
<div class="alllist-text1"> |
|
|
<div class="alllist-text1"> |
|
@@ -1070,6 +1070,7 @@ export default { |
|
|
} |
|
|
} |
|
|
// 获取到数据后对数据进行操作 |
|
|
// 获取到数据后对数据进行操作 |
|
|
// 循环大数组,赋值 |
|
|
// 循环大数组,赋值 |
|
|
|
|
|
if(this.selectTime1){ |
|
|
let timeDate=[] |
|
|
let timeDate=[] |
|
|
let arr1=[] |
|
|
let arr1=[] |
|
|
let arr2=[] |
|
|
let arr2=[] |
|
@@ -1086,6 +1087,7 @@ export default { |
|
|
this.compareList = Object.assign([], this.compareList); |
|
|
this.compareList = Object.assign([], this.compareList); |
|
|
this.$forceUpdate(); |
|
|
this.$forceUpdate(); |
|
|
var chartDom = document.getElementById("compare"); |
|
|
var chartDom = document.getElementById("compare"); |
|
|
|
|
|
echarts.init(chartDom).dispose() |
|
|
var myChart = echarts.init(chartDom); |
|
|
var myChart = echarts.init(chartDom); |
|
|
var option; |
|
|
var option; |
|
|
|
|
|
|
|
@@ -1165,6 +1167,10 @@ export default { |
|
|
window.addEventListener("resize", () => { |
|
|
window.addEventListener("resize", () => { |
|
|
myChart.resize(); |
|
|
myChart.resize(); |
|
|
}); |
|
|
}); |
|
|
|
|
|
}else{ |
|
|
|
|
|
console.log('第一种'); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
//获取统计数据 |
|
|
//获取统计数据 |
|
|
getdetail() { |
|
|
getdetail() { |
|
|