zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dapingshujutiaoshi

This commit is contained in:
shijing 2024-02-27 13:49:19 +08:00
parent bc4b944272
commit dc7d7f1ec0
1 changed files with 90 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
src/views/bigScreen/index_enp_blue.vue
View File

@ -134,20 +134,20 @@
</div> </div>
<div style="width: 60%;"> <div style="width: 60%;">
<div class="pieDataItem"> <div class="pieDataItem">
<div class="pieDataText">粉状物料输送</div> <div class="pieDataText">总计</div>
<div class="pieDataNumber">51</div> <div class="pieDataNumber">{{ wryData.count }}</div>
</div> </div>
<div class="pieDataItem"> <div class="pieDataItem">
<div class="pieDataText">生产工艺过程</div> <div class="pieDataText">生产工艺过程</div>
<div class="pieDataNumber">2</div> <div class="pieDataNumber">{{ wryData.count_mtrans }}</div>
</div> </div>
<div class="pieDataItem"> <div class="pieDataItem">
<div class="pieDataText">物料储存</div> <div class="pieDataText">物料储存</div>
<div class="pieDataNumber">19</div> <div class="pieDataNumber">{{ wryData.count_mstore }}</div>
</div> </div>
<div class="pieDataItem"> <div class="pieDataItem">
<div class="pieDataText">物料输送</div> <div class="pieDataText">物料输送</div>
<div class="pieDataNumber">102</div> <div class="pieDataNumber">{{ wryData.count_product }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -164,39 +164,39 @@
<img class="eqImg" src="img/enp_blue/eq_s.svg"> <img class="eqImg" src="img/enp_blue/eq_s.svg">
<div class="eqText"> <div class="eqText">
<div class="eqName">生产设备</div> <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> </div>
<div class="eqItem"> <div class="eqItem">
<img class="eqImg" src="img/enp_blue/eq_v.svg"> <img class="eqImg" src="img/enp_blue/eq_v.svg">
<div class="eqText"> <div class="eqText">
<div class="eqName">监测设备</div> <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>
</div> </div>
<div style="width: 50%;"> <div style="width: 50%;">
<div class="eqItem"> <div class="eqItem">
<img class="eqImg eqImg_s" src="img/enp_blue/eq_z.svg"> <img class="eqImg " src="img/enp_blue/eq_z.svg">
<div class="eqText eqText_s"> <div class="eqText">
<div class="eqName">治理设备</div> <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> </div>
<div class="eqItem"> <div class="eqItem">
<img class="eqImg eqImg_s" src="img/enp_blue/eq_c.svg"> <img class="eqImg" src="img/enp_blue/eq_c.svg">
<div class="eqText eqText_s"> <div class="eqText">
<div class="eqName">监控设备</div> <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> </div>
<div class="eqItem"> <!-- <div class="eqItem">
<img class="eqImg eqImg_s" src="img/enp_blue/hjzljc.svg"> <img class="eqImg eqImg_s" src="img/enp_blue/hjzljc.svg">
<div class="eqText eqText_s"> <div class="eqText eqText_s">
<div class="eqName">环境质量检测</div> <div class="eqName">环境质量检测</div>
<div class="eqNumWrap"><span class="eqNum">9</span>台</div> <div class="eqNumWrap"><span class="eqNum">9</span>台</div>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
@ -207,7 +207,7 @@
<img class="blockTitleImg" src="img/enp_blue/block_title.png"> <img class="blockTitleImg" src="img/enp_blue/block_title.png">
</div> </div>
<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="status"><span style="color:#32D74B">数据正常</span><span>2024-01-26 14:32:06</span></div>
<div class="tableHear" style="padding: 0 1vh;"> <div class="tableHear" style="padding: 0 1vh;">
<div style="flex:1;height:1vh"></div> <div style="flex:1;height:1vh"></div>
@ -291,7 +291,6 @@
style="width:2vh;height:2vh;margin:1.2vh 1vh;vertical-align:middle"> style="width:2vh;height:2vh;margin:1.2vh 1vh;vertical-align:middle">
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</div> </div>
<span style="flex:1">{{ item.pm10 }}</span> <span style="flex:1">{{ item.pm10 }}</span>
<span style="flex:1">{{ item.pm25 }}</span> <span style="flex:1">{{ item.pm25 }}</span>
</div> </div>
@ -447,18 +446,24 @@ export default {
}, },
ws: null, ws: null,
pieData: [ pieData: [
{ value: 51, name: '粉状物料输送' }, { value: 0, name: '物料输送' },
{ value: 2, name: '生产工艺过程' }, { value: 0, name: '生产工艺过程' },
{ value: 19, name: '物料储存' }, { value: 0, name: '物料储存' },
{ value: 102, name: '物料输送' },
],
eqNumData: [
{ value: 34, name: '生产设备' },
{ value: 44, name: '治理设备' },
{ value: 9, name: '监测设备' },
{ value: 20, name: '监控设备' },
{ value: 9, name: '环境质量检测' },
], ],
wryData: {
count: 0,
count_product: 0,
count_mtrans: 0,
count_mstore: 0
},
eqNumData: {
sc: 0,
jc: 0,
zl: 0,
jk: 0
},
cemsData: [],
monitorData: [ monitorData: [
{ value: 1.167, name: '颗粒物(mg/m³)' }, { value: 1.167, name: '颗粒物(mg/m³)' },
{ value: 5.714, name: 'SO₂(mg/m³)' }, { value: 5.714, name: 'SO₂(mg/m³)' },
@ -504,12 +509,19 @@ export default {
}, },
mounted() { mounted() {
let that = this; let that = this;
that.getleft1Data();
that.getleft2Data();
that.getleft3Data();
this.getright1Data();
this.getright2Data();
that.initCharts(); that.initCharts();
that.addListener(); that.addListener();
that.initDomStyle(); that.initDomStyle();
that.$nextTick(() => { that.$nextTick(() => {
setTimeout(function () { setTimeout(function () {
// that.initFactory(); // that.initFactory();
}, 1000); }, 1000);
}); });
}, },
@ -521,6 +533,54 @@ export default {
} }
}, },
methods: { 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() { configDark() {
this.config.dark = this.config.dark ? false : true this.config.dark = this.config.dark ? false : true
}, },
@ -1389,10 +1449,10 @@ header {
} }
#chart1 { #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-size: 75%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center; */
} }
.pieDataItem { .pieDataItem {