dapingshujutiaoshi
This commit is contained in:
parent
bc4b944272
commit
dc7d7f1ec0
|
|
@ -134,20 +134,20 @@
|
|||
</div>
|
||||
<div style="width: 60%;">
|
||||
<div class="pieDataItem">
|
||||
<div class="pieDataText">粉状物料输送</div>
|
||||
<div class="pieDataNumber">51</div>
|
||||
<div class="pieDataText">总计</div>
|
||||
<div class="pieDataNumber">{{ wryData.count }}</div>
|
||||
</div>
|
||||
<div class="pieDataItem">
|
||||
<div class="pieDataText">生产工艺过程</div>
|
||||
<div class="pieDataNumber">2</div>
|
||||
<div class="pieDataNumber">{{ wryData.count_mtrans }}</div>
|
||||
</div>
|
||||
<div class="pieDataItem">
|
||||
<div class="pieDataText">物料储存</div>
|
||||
<div class="pieDataNumber">19</div>
|
||||
<div class="pieDataNumber">{{ wryData.count_mstore }}</div>
|
||||
</div>
|
||||
<div class="pieDataItem">
|
||||
<div class="pieDataText">物料输送</div>
|
||||
<div class="pieDataNumber">102</div>
|
||||
<div class="pieDataNumber">{{ wryData.count_product }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -164,39 +164,39 @@
|
|||
<img class="eqImg" src="img/enp_blue/eq_s.svg">
|
||||
<div class="eqText">
|
||||
<div class="eqName">生产设备</div>
|
||||
<div class="eqNumWrap"><span class="eqNum">34</span>台</div>
|
||||
<div class="eqNumWrap"><span class="eqNum">{{ eqNumData.sc }}</span>台</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="eqItem">
|
||||
<img class="eqImg" src="img/enp_blue/eq_v.svg">
|
||||
<div class="eqText">
|
||||
<div class="eqName">监测设备</div>
|
||||
<div class="eqNumWrap"><span class="eqNum">9</span>台</div>
|
||||
<div class="eqNumWrap"><span class="eqNum">{{ eqNumData.jc }}</span>台</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 50%;">
|
||||
<div class="eqItem">
|
||||
<img class="eqImg eqImg_s" src="img/enp_blue/eq_z.svg">
|
||||
<div class="eqText eqText_s">
|
||||
<img class="eqImg " src="img/enp_blue/eq_z.svg">
|
||||
<div class="eqText">
|
||||
<div class="eqName">治理设备</div>
|
||||
<div class="eqNumWrap"><span class="eqNum">44</span>台</div>
|
||||
<div class="eqNumWrap"><span class="eqNum">{{ eqNumData.zl }}</span>台</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="eqItem">
|
||||
<img class="eqImg eqImg_s" src="img/enp_blue/eq_c.svg">
|
||||
<div class="eqText eqText_s">
|
||||
<img class="eqImg" src="img/enp_blue/eq_c.svg">
|
||||
<div class="eqText">
|
||||
<div class="eqName">监控设备</div>
|
||||
<div class="eqNumWrap"><span class="eqNum">20</span>台</div>
|
||||
<div class="eqNumWrap"><span class="eqNum">{{ eqNumData.jk }}</span>台</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="eqItem">
|
||||
<!-- <div class="eqItem">
|
||||
<img class="eqImg eqImg_s" src="img/enp_blue/hjzljc.svg">
|
||||
<div class="eqText eqText_s">
|
||||
<div class="eqName">环境质量检测</div>
|
||||
<div class="eqNumWrap"><span class="eqNum">9</span>台</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -207,7 +207,7 @@
|
|||
<img class="blockTitleImg" src="img/enp_blue/block_title.png">
|
||||
</div>
|
||||
<div>
|
||||
<div class="title_s">水泥磨机排气筒</div>
|
||||
<div class="title_s">{{ cemsData.equipment_name }}</div>
|
||||
<div class="status"><span style="color:#32D74B">数据正常</span><span>2024-01-26 14:32:06</span></div>
|
||||
<div class="tableHear" style="padding: 0 1vh;">
|
||||
<div style="flex:1;height:1vh"></div>
|
||||
|
|
@ -291,7 +291,6 @@
|
|||
style="width:2vh;height:2vh;margin:1.2vh 1vh;vertical-align:middle">
|
||||
<span>{{ item.name }}</span>
|
||||
</div>
|
||||
|
||||
<span style="flex:1">{{ item.pm10 }}</span>
|
||||
<span style="flex:1">{{ item.pm25 }}</span>
|
||||
</div>
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue