|
@@ -11,6 +11,7 @@
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
import * as echarts from 'echarts';
|
|
import * as echarts from 'echarts';
|
|
|
|
+ import { goafdevstatis} from '@/api/goaf/sensor'
|
|
export default {
|
|
export default {
|
|
name:"SensorInfoStatistics",
|
|
name:"SensorInfoStatistics",
|
|
data(){
|
|
data(){
|
|
@@ -84,8 +85,8 @@
|
|
show: false
|
|
show: false
|
|
},
|
|
},
|
|
data: [
|
|
data: [
|
|
- { value: 735, name: '异常',itemStyle:{color:'#D4603C'} },
|
|
|
|
- { value: 1048, name: '正常' ,itemStyle:{color:'#3CD495'}}
|
|
|
|
|
|
+ { value: 0, name: '异常',itemStyle:{color:'#D4603C'} },
|
|
|
|
+ { value: 0, name: '正常' ,itemStyle:{color:'#3CD495'}}
|
|
]
|
|
]
|
|
},
|
|
},
|
|
{
|
|
{
|
|
@@ -115,8 +116,8 @@
|
|
show: false
|
|
show: false
|
|
},
|
|
},
|
|
data: [
|
|
data: [
|
|
- { value: 735, name: '异常',itemStyle:{color:'#D4603C'} },
|
|
|
|
- { value: 1048, name: '正常' ,itemStyle:{color:'#3CD495'}}
|
|
|
|
|
|
+ { value: 0, name: '异常',itemStyle:{color:'#D4603C'} },
|
|
|
|
+ { value: 0, name: '正常' ,itemStyle:{color:'#3CD495'}}
|
|
]
|
|
]
|
|
},
|
|
},
|
|
{
|
|
{
|
|
@@ -146,14 +147,19 @@
|
|
show: false
|
|
show: false
|
|
},
|
|
},
|
|
data: [
|
|
data: [
|
|
- { value: 735, name: '异常',itemStyle:{color:'#D4603C'} },
|
|
|
|
- { value: 1048, name: '正常' ,itemStyle:{color:'#3CD495'}}
|
|
|
|
|
|
+ { value: 0, name: '异常',itemStyle:{color:'#D4603C'} },
|
|
|
|
+ { value: 0, name: '正常' ,itemStyle:{color:'#3CD495'}}
|
|
]
|
|
]
|
|
}
|
|
}
|
|
]
|
|
]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ // created(){
|
|
|
|
+ // this.$nextTick(()=>{
|
|
|
|
+ // this.reload()
|
|
|
|
+ // })
|
|
|
|
+ // },
|
|
methods:{
|
|
methods:{
|
|
init(){
|
|
init(){
|
|
var chartDom = document.getElementById('sensor-info-chart');
|
|
var chartDom = document.getElementById('sensor-info-chart');
|
|
@@ -169,6 +175,50 @@
|
|
})
|
|
})
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
+ ,reload(){
|
|
|
|
+ this.$nextTick(()=>{
|
|
|
|
+ this.goafdevstatis()
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ goafdevstatis(){
|
|
|
|
+ let option =JSON.parse(JSON.stringify(this.option))
|
|
|
|
+ goafdevstatis().then((res)=>{
|
|
|
|
+ this.total=res.data.goafDevTotalNum
|
|
|
|
+ let pressureSensorNum=res.data.pressureSensorNum
|
|
|
|
+ let displacementSensorNum=res.data.displacementSensorNum
|
|
|
|
+ let harmfulGasSensorNum=res.data.harmfulGasSensorNum
|
|
|
|
+
|
|
|
|
+ let pressureSensorOnlineNum=res.data.pressureSensorOnlineNum
|
|
|
|
+ let displacementSensorOnlineNum=res.data.displacementSensorOnlineNum
|
|
|
|
+ let harmfulGasSensorOnlineNum=res.data.harmfulGasSensorOnlineNum
|
|
|
|
+
|
|
|
|
+ option.series[0].data[0].value=pressureSensorNum-pressureSensorOnlineNum
|
|
|
|
+ option.series[0].data[1].value=pressureSensorOnlineNum
|
|
|
|
+
|
|
|
|
+ option.series[1].data[0].value=displacementSensorNum-displacementSensorOnlineNum
|
|
|
|
+ option.series[1].data[1].value=displacementSensorOnlineNum
|
|
|
|
+
|
|
|
|
+ option.series[2].data[0].value=harmfulGasSensorNum-harmfulGasSensorOnlineNum
|
|
|
|
+ option.series[2].data[1].value=displacementSensorNum-displacementSensorOnlineNu
|
|
|
|
+
|
|
|
|
+ if(!this.myChart){
|
|
|
|
+ var chartDom = document.getElementById('sensor-status-chart');
|
|
|
|
+ var myChart = echarts.init(chartDom);
|
|
|
|
+ this.myChart=myChart
|
|
|
|
+ }
|
|
|
|
+ this.myChart.setOption(option);
|
|
|
|
+ this.myChart.on('click', (params)=> {
|
|
|
|
+ this.$router.push({
|
|
|
|
+ path: '/particulars/sensor',
|
|
|
|
+ query: {
|
|
|
|
+ id: '0'
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
},
|
|
},
|
|
destroyed() {
|
|
destroyed() {
|
|
this.status=false
|
|
this.status=false
|