From dc7d7f1ec0c4349cf9974e48b0272ed296822ee2 Mon Sep 17 00:00:00 2001 From: shijing Date: Tue, 27 Feb 2024 13:49:19 +0800 Subject: [PATCH] dapingshujutiaoshi --- src/views/bigScreen/index_enp_blue.vue | 120 ++++++++++++++++++------- 1 file changed, 90 insertions(+), 30 deletions(-) diff --git a/src/views/bigScreen/index_enp_blue.vue b/src/views/bigScreen/index_enp_blue.vue index f179f7f1..192b9291 100644 --- a/src/views/bigScreen/index_enp_blue.vue +++ b/src/views/bigScreen/index_enp_blue.vue @@ -134,20 +134,20 @@
-
粉状物料输送
-
51
+
总计
+
{{ wryData.count }}
生产工艺过程
-
2
+
{{ wryData.count_mtrans }}
物料储存
-
19
+
{{ wryData.count_mstore }}
物料输送
-
102
+
{{ wryData.count_product }}
@@ -164,39 +164,39 @@
生产设备
-
34台
+
{{ eqNumData.sc }}台
监测设备
-
9台
+
{{ eqNumData.jc }}台
- -
+ +
治理设备
-
44台
+
{{ eqNumData.zl }}台
- -
+ +
监控设备
-
20台
+
{{ eqNumData.jk }}台
-
+
@@ -207,7 +207,7 @@
-
水泥磨机排气筒
+
{{ cemsData.equipment_name }}
数据正常2024-01-26 14:32:06
@@ -291,7 +291,6 @@ style="width:2vh;height:2vh;margin:1.2vh 1vh;vertical-align:middle"> {{ item.name }}
- {{ item.pm10 }} {{ item.pm25 }}
@@ -447,18 +446,24 @@ export default { }, ws: null, pieData: [ - { value: 51, name: '粉状物料输送' }, - { value: 2, name: '生产工艺过程' }, - { value: 19, name: '物料储存' }, - { value: 102, name: '物料输送' }, - ], - eqNumData: [ - { value: 34, name: '生产设备' }, - { value: 44, name: '治理设备' }, - { value: 9, name: '监测设备' }, - { value: 20, name: '监控设备' }, - { value: 9, name: '环境质量检测' }, + { value: 0, name: '物料输送' }, + { value: 0, name: '生产工艺过程' }, + { value: 0, name: '物料储存' }, ], + wryData: { + count: 0, + count_product: 0, + count_mtrans: 0, + count_mstore: 0 + }, + eqNumData: { + sc: 0, + jc: 0, + zl: 0, + jk: 0 + + }, + cemsData: [], monitorData: [ { value: 1.167, name: '颗粒物(mg/m³)' }, { value: 5.714, name: 'SO₂(mg/m³)' }, @@ -504,12 +509,19 @@ export default { }, mounted() { let that = this; + that.getleft1Data(); + that.getleft2Data(); + that.getleft3Data(); + this.getright1Data(); + this.getright2Data(); that.initCharts(); that.addListener(); that.initDomStyle(); + that.$nextTick(() => { setTimeout(function () { // that.initFactory(); + }, 1000); }); }, @@ -521,6 +533,54 @@ export default { } }, methods: { + getleft1Data() { + let that = this; + that.$API.enp.drain.countcate.req({ type: 20 }).then((res) => { + console.log(res) + that.wryData = res; + that.pieData[0].value = res.count_product; + that.pieData[1].value = res.count_mtrans; + that.pieData[2].value = res.count_mstore; + }) + }, + getleft2Data() { + this.$API.em.equipment.list.req({ type: 10, query: {} }).then((res1) => { + console.log(res1) + this.eqNumData.sc = res1.count; + }) + this.$API.em.equipment.list.req({ type: 20, query: {} }).then((res2) => { + console.log(res2) + this.eqNumData.jc = res2.count; + }) + this.$API.em.equipment.list.req({ type: 30, query: {} }).then((res3) => { + console.log(res3) + this.eqNumData.zl = res3.count; + }) + this.$API.em.equipment.list.req({ type: 40, query: {} }).then((res4) => { + console.log(res4) + this.eqNumData.jk = res4.count; + }) + }, + getleft3Data() { + let that = this; + that.$API.enp.drain_equip.list.req({ drain__type: 10, equipment__type: 20, has_envdata: 'yes' }).then(res => { + that.cemsDataList = res.results; + that.cemsData = res.results[0]; + }) + }, + getright1Data() { + let that = this; + that.$API.enp.drain_equip.list.req({ drain__type: 10, equipment__type: 20, has_envdata: 'yes' }).then(res => { + // that.cemsDataList = res.results; + // that.cemsData = res.results[0]; + }) + }, + getright2Data() { + let that = this; + that.$API.enp.drain_equip.list.req({ equipment__type: 40, has_envdata: 'yes' }).then(res => { + that.wData = res.results; + }) + }, configDark() { this.config.dark = this.config.dark ? false : true }, @@ -1389,10 +1449,10 @@ header { } #chart1 { - background-image: url('/public/img/enp_blue/huan_bg.png'); + /* background-image: url('/public/img/enp_blue/huan_bg.png'); background-size: 75%; background-repeat: no-repeat; - background-position: center; + background-position: center; */ } .pieDataItem {