-
-
-
+
-
出入厂车辆数量统计
+
今日车辆统计数据
-
-
+
-
主要排放口实时监测清单
+
环卫车作业情况
-
-
{{ cemsData.equipment_name }}
-
数据正常2024-01-26 14:32:06
-
-
-
1
-
颗粒物(mg/m³)
-
- {{ cemsData.envdata.dust_rtd
- }}
- -
-
-
- {{ cemsData.envdata.dust_zs }}
- -
-
-
-
-
2
-
SO₂(mg/m³)
-
- {{ cemsData.envdata.so2_rtd
- }}
- -
-
-
- {{ cemsData.envdata.so2_zs
- }}
- -
-
-
-
-
3
-
NOx(mg/m³)
-
- {{ cemsData.envdata.nox_rtd
- }}
- -
-
-
- {{ cemsData.envdata.nox_zs }}
- -
-
-
-
-
-
-
-
-
-
+
+
生产设备
治理设备
@@ -495,6 +284,7 @@
监控设备
+
{b}: {c} ({d}%)'
+ },
+ legend: {
+ // orient: 'vertical',
+ right: 10,
+ bottom: 1,
+ data: ['新能源', '其他']
+ },
backgroundColor: 'rgba(255,255,255,0)',
color: ['rgb(3,195,198)', 'rgb(155,248,249)', 'rgb(110,181,249)', 'rgb(205,248,248)'],
grid: {
left: '3%',
- right: '4%',
- bottom: '3%',
+ top: '3%',
containLabel: true
},
series: {
- name: '出入场车辆数量统计',
+ name: '今日车辆数量统计',
type: 'pie',
- radius: [45, 55],
+ radius: [35, 45],
center: ['50%', '50%'],
emphasis: {
focus: 'series',
@@ -633,12 +439,23 @@ export default {
{ value: 2, name: '新能源' },
{ value: 6, name: '其他' },
],
- wryData: {
- count: 0,
- count_product: 0,
- count_mtrans: 0,
- count_mstore: 0
- },
+ containerHeight: 100,
+ refValue1: 'moocBox1',
+ table1Visible: true,
+ lineData: [],
+ liData1: ['', '设备名称', '颗粒物', 'SO₂', 'NOx'],
+
+ refValue2: 'moocBox2',
+ table2Visible: true,
+ lineData2: [],
+ liData2: ['', '设备名称', 'TSP测量值'],
+
+ refValue3: 'moocBox3',
+ table3Visible: true,
+ lineData3: [],
+ liData3: ['', '设备名称', 'PM10', 'PM2.5'],
+
+
eqNumData: {
sc: 0,
jc: 0,
@@ -648,55 +465,27 @@ export default {
},
cemsData: [],
tspData: [],
- monitorData: [
- { value: 1.167, name: '颗粒物(mg/m³)' },
- { value: 5.714, name: 'SO₂(mg/m³)' },
- { value: 12.546, name: 'NOx(mg/m³)' },
- ],
- arguData: [
- { value: 21.215, name: '含氧量' },
- { value: 78.318, name: '温度' },
- { value: 4.183, name: '流速' },
- { value: 21.215, name: '压力' },
- { value: 3.612, name: '湿度' },
- { value: 2, name: '流量' },
- ],
- mgroupValues: {
- 电石渣: { total: '0', elec: '0' },
- 原料磨: { total: '0', elec: '0' },
- 煤磨: { total: '0', elec: '0' },
- 回转窑: { total: '0', elec: '0' },
- 水泥磨: { total: '0', elec: '0' },
- 水泥包装: { total: '0', elec: '0' }
- },
- wData: [
- { name: '磅房', pm10: '2.9', pm25: '14.2' },
- { name: '北厂界', pm10: '-', pm25: '68.1' },
- { name: '东厂界', pm10: '-', pm25: '41.322' },
- ],
+ wData: [],
}
},
-
created() {
document.documentElement.classList.add("dark")
this.$TOOL.data.set("APP_DARK", true)
},
mounted() {
let that = this;
+ that.initDomStyle();
that.getleft1Data();
that.getleft2Data();
that.getleft3Data();
this.getright1Data();
this.getright2Data();
+ this.getright3Data();
that.initCharts();
that.addListener();
- that.initDomStyle();
-
that.$nextTick(() => {
setTimeout(function () {
- // that.initFactory();
-
- }, 1000);
+ }, 5000);
});
},
beforeUnmount() {
@@ -707,15 +496,30 @@ export default {
}
},
methods: {
- //无组织污染源一览数据
+ //有组织排放口实时监测清单数据（ CEMS）
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;
+ that.$API.em.equipment.list.req({ type: 20, cate__code: 'cems', has_envdata: 'yes' }).then(res => {
+ that.cemsDataList = res.results;
+ that.cemsData = res.results[0];
+ let lineData = [];
+ res.results.forEach((item, index) => {
+ let arr = [], obj1 = {}, obj2 = {}, obj3 = {}, obj4 = {};
+ obj1.elType = 'primary';
+ obj1.value = item.name;//设备名称
+ obj2.elType = 'primary';
+ obj2.value = item.envdata && item.envdata.dust_zs ? item.envdata.dust_zs : '-';//颗粒物折算值
+ obj3.elType = 'primary';
+ obj3.value = item.envdata && item.envdata.so2_zs ? item.envdata.so2_zs : '-';//SO₂折算值
+ obj4.elType = 'primary';
+ obj4.value = item.envdata && item.envdata.nox_zs ? item.envdata.nox_zs : '-';//NOx折算值
+ arr.push(obj1);
+ arr.push(obj2);
+ arr.push(obj3);
+ arr.push(obj4);
+ lineData.push(arr);
+ });
+ this.lineData = lineData;
})
},
//接入设备数量
@@ -737,30 +541,55 @@ export default {
this.eqNumData.jk = res4.count;
})
},
- //有组织排放口实时监测清单数据（ CEMS）
- getleft3Data() {
- let that = this;
- that.$API.em.equipment.list.req({ type: 20, cate__code: 'cems', has_envdata: 'yes' }).then(res => {
- that.cemsDataList = res.results;
- that.cemsData = res.results[0];
- })
- },
//无组织排放口实时监测数据（TSP）
- getright1Data() {
+ getleft3Data() {
let that = this;
that.$API.em.equipment.list.req({ type: 20, cate__code: 'tsp', has_envdata: 'yes' }).then(res => {
that.tspDataList = res.results;
that.tspData = res.results[0];
+ let lineData = [];
+ res.results.forEach((item, index) => {
+ let arr = [], obj1 = {}, obj2 = {};
+ obj1.elType = 'primary';
+ obj1.value = item.name;//设备名称
+ obj2.elType = 'primary';
+ obj2.value = item.envdata && item.envdata.dust_zs ? item.envdata.dust_zs : '-';//颗粒物折算值
+ arr.push(obj1);
+ arr.push(obj2);
+ lineData.push(arr);
+ });
+ this.lineData2 = lineData;
})
},
- //环境质量实时监测清单---（小微站）
- getright2Data() {
+ //空气微站实时监测---（小微站）
+ getright1Data() {
let that = this;
that.$API.em.equipment.list.req({ type: 20, cate__code: 'aqms', has_envdata: 'yes' }).then(res => {
that.wData = res.results;
console.log('wData', this.wData)
+ let lineData = [];
+ res.results.forEach((item, index) => {
+ let arr = [], obj1 = {}, obj2 = {}, obj3 = {};
+ obj1.elType = 'primary';
+ obj1.value = item.name;//设备名称
+ obj2.elType = 'primary';
+ obj2.value = item.envdata && item.envdata.PM10 ? item.envdata.PM10 : '-';//PM10
+ obj3.elType = 'primary';
+ obj3.value = item.envdata && item.envdata.PM25 ? item.envdata.PM25 : '-';//PM2.5
+ arr.push(obj1);
+ arr.push(obj2);
+ arr.push(obj3);
+ lineData.push(arr);
+ });
+ this.lineData3 = lineData;
})
},
+ //今日车辆统计数据
+ getright2Data() {
+
+ },
+ //环卫车作业情况
+ getright3Data() { },
configDark() {
this.config.dark = this.config.dark ? false : true
},
@@ -775,6 +604,7 @@ export default {
this.elDrawer = true;
},
initDomStyle() {
+ let that = this;
// 获取窗口的总高度
var windowHeight = window.innerHeight;
var windowWidth = window.innerWidth;
@@ -794,10 +624,10 @@ export default {
// model.style.height = (windowHeight - 4) + 'px';
// model.style.top = 0;
- var chartHeight1 = (100 - 18) * 0.37 + 'vh';
- var chartHeight2 = (100 - 18) * 0.25 + 'vh';
- console.log(chartHeight1);
- console.log(chartHeight2);
+ var chartHeight1 = (100 - 18) * 0.35 + 'vh';
+ var chartHeight2 = (100 - 18) * 0.29 + 'vh';
+ let piechart = document.getElementById('pieChart');
+ piechart.style.height = ((100 - 18) * 0.29 - 4) + 'vh';
// var chartHeight3 = (100 - 17) * 0.28 + 'vh';
// var chartHeight4 = (100 - 17) * 0.715 + 'vh';
var charts = document.getElementsByClassName('panel')
@@ -841,6 +671,10 @@ export default {
chart.style.height = chartHeight;
}
}
+ let containerHeight = document.getElementsByClassName('panel1')[0].clientHeight;
+ debugger;
+ console.log('containerHeight', containerHeight);
+ that.containerHeight = containerHeight;
if (this.engine != null) {
this.engine.resize();
}
@@ -868,7 +702,6 @@ export default {
},
menuClick(index) {
if (index == 0) { this.activeIndex = index; }
- //
},
handleClick(command) {
this.activeIndex = 1;
@@ -898,7 +731,6 @@ export default {
getMessage(msg) {
console.log(msg);
},
-
compare(property) {
return function (a, b) {
return a[property] - b[property];
@@ -906,9 +738,9 @@ export default {
},
initCharts() {
let that = this;
- // 初始化所有表格
+ // 初始化所有表
that.pieOption.series.data = that.pieData;
- that.setChart('chart1', that.pieOption);
+ that.setChart('pieChart', that.pieOption);
},
addListener() {
var that = this;
@@ -1208,7 +1040,7 @@ header {
.eqText {
flex: 1;
- height: 9vh;
+ height: 100%;
font-size: 1.4vh;
padding-left: 0.5vw;
margin: 0.5vh 0;
@@ -1243,11 +1075,11 @@ header {
}
.chart {
- width: 100%;
- height: 100%;
+ width: 50%;
+ height: 80%;
}
-#chart1 {
+#pieChart {
/* background-image: url('/public/img/enp_blue/huan_bg.png');
background-size: 75%;
background-repeat: no-repeat;