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

fix:能源流向图添加工业水，去掉图标

This commit is contained in:
shijing 2024-12-17 17:07:42 +08:00
parent e0a02ba014
commit 368d106143
1 changed files with 64 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
src/views/enm_energy/energyPicture.vue
View File

@ -2,80 +2,109 @@
<el-container> <el-container>
<el-main style="background: #fff;"> <el-main style="background: #fff;">
<div class="pictureContainer"> <div class="pictureContainer">
<img src="/media/elec_flow.png" class="flowImg" > <!-- <img src="/media/elec_flow.png" class="flowImg" > -->
<!-- <img src="/img/energy.png" class="flowImg" /> --> <img src="/img/energy.png" class="flowImg" />
<div class="pictureHeader" style="top: 35px;"> <div class="pictureHeader" style="top: 35px;">
本日数据 时间段 00:00--24:00 本日数据 时间段 00:00--24:00
</div> </div>
<div class="energyNumber energyNumberLeft" style="top: 187px;"> <div class="energyNumber energyNumberLeft" style="top: 187px;">
<img v-if="dataObj.全厂电量_电" class="iconImg" src="img/elec.png">{{ dataObj.全厂电量_电 }} kWh <!-- <img v-if="dataObj.全厂电量_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.全厂电量_电 }} kWh
</div> </div>
<div class="energyNumber energyNumberLeft2" style="top: 91px;"> <div class="energyNumber energyNumberLeft2" style="top: 91px;">
<img v-if="dataObj.电石渣配电室用电_电" class="iconImg" src="img/elec.png">{{ dataObj.电石渣配电室用电_电 }} kWh <!-- <img v-if="dataObj.电石渣配电室用电_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.电石渣配电室用电_电 }} kWh
</div> </div>
<!-- 窑头配电室用电_电 --> <!-- 窑头配电室用电_电 -->
<div class="energyNumber energyNumberLeft2" style="top: 188px;"> <div class="energyNumber energyNumberLeft2" style="top: 188px;">
<img v-if="dataObj.回转窑_电" class="iconImg" src="img/elec.png">{{ dataObj.回转窑_电 }} kWh <!-- <img v-if="dataObj.回转窑_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.回转窑_电 }} kWh
</div> </div>
<div class="energyNumber energyNumberLeft2" style="top: 335px;"> <div class="energyNumber energyNumberLeft2" style="top: 335px;">
<img v-if="dataObj.水泥配电室用电_电" class="iconImg" src="img/elec.png">{{ dataObj.水泥配电室用电_电 }} kWh <!-- <img v-if="dataObj.水泥配电室用电_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.水泥配电室用电_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 84px;"> <div class="energyNumber" style="top: 84px;">
<img v-if="dataObj.烘干破碎机_电" class="iconImg" src="img/elec.png"> {{ dataObj.烘干破碎机_电 }} kWh <!-- <img v-if="dataObj.烘干破碎机_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.烘干破碎机_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 138px;"> <div class="energyNumber" style="top: 138px;">
<img v-if="dataObj.辅材立磨_电" class="iconImg" src="img/elec.png">{{ dataObj.辅材立磨_电 }} <!-- <img v-if="dataObj.原料立磨主电机" class="iconImg" src="img/elec.png"> -->
{{ dataObj.原料立磨主电机 }}kWh
</div> </div>
<div class="energyNumber" style="top: 181px;"> <div class="energyNumber" style="top: 181px;">
<img v-if="dataObj.生粉制备_循环风机_电" class="iconImg" src="img/elec.png">{{ dataObj.生粉制备_循环风机_电 }} kWh <!-- <img v-if="dataObj.生粉制备_循环风机_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.生粉制备_循环风机_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 225px;"> <div class="energyNumber" style="top: 225px;">
<img v-if="dataObj.生粉制备_选粉机_电" class="iconImg" src="img/elec.png">{{ dataObj.生粉制备_选粉机_电 }} kWh <!-- <img v-if="dataObj.生粉制备_选粉机_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.生粉制备_选粉机_电 }}
<span v-if="dataObj.生粉制备_选粉机_电">kWh</span>
</div> </div>
<div class="energyNumber" style="top: 275px;"> <div class="energyNumber" style="top: 275px;">
<img v-if="dataObj.高温风机_电" class="iconImg" src="img/elec.png">{{ dataObj.高温风机_电 }} kWh <!-- <img v-if="dataObj.高温风机_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.高温风机_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 330px;"> <div class="energyNumber" style="top: 330px;">
<img v-if="dataObj.尾排风机_电" class="iconImg" src="img/elec.png">{{ dataObj.尾排风机_电 }} kWh <!-- <img v-if="dataObj.尾排风机_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.尾排风机_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 383px;"> <div class="energyNumber" style="top: 383px;">
<img v-if="dataObj.回转窑_电" class="iconImg" src="img/elec.png">{{ dataObj.回转窑_电 }} kWh <!-- <img v-if="dataObj.回转窑_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.回转窑_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 433px;"> <div class="energyNumber" style="top: 433px;">
<img v-if="dataObj.原料立磨主电机" class="iconImg" src="img/elec.png">{{ dataObj.原料立磨主电机}} kWh <!-- <img v-if="dataObj.原料立磨主电机" class="iconImg" src="img/elec.png"> -->
{{ dataObj.原料立磨主电机}} kWh
</div> </div>
<div class="energyNumber" style="top: 490px;"> <div class="energyNumber" style="top: 490px;">
<img v-if="dataObj.煤磨排风机_电" class="iconImg" src="img/elec.png">{{ dataObj.煤磨排风机_电 }} kWh <!-- <img v-if="dataObj.煤磨排风机_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.煤磨排风机_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 539px;"> <div class="energyNumber" style="top: 539px;">
<img v-if="dataObj.窑头排风机_电" class="iconImg" src="img/elec.png">{{ dataObj.窑头排风机_电 }} kWh <!-- <img v-if="dataObj.窑头排风机_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.窑头排风机_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 609px;"> <div class="energyNumber" style="top: 609px;">
<img v-if="dataObj.水泥磨_电" class="iconImg" src="img/elec.png">{{ dataObj.水泥磨_电 }} kWh <!-- <img v-if="dataObj.水泥磨_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.水泥磨_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 665px;"> <div class="energyNumber" style="top: 665px;">
<img v-if="dataObj.辊压机动_电||dataObj.辊压机定_电" class="iconImg" src="img/elec.png">{{ (Number(dataObj.辊压机动_电) + Number(dataObj.辊压机定_电)).toFixed(2) }} kWh <!-- <img v-if="dataObj.辊压机动_电||dataObj.辊压机定_电" class="iconImg" src="img/elec.png"> -->
{{ (Number(dataObj.辊压机动_电) + Number(dataObj.辊压机定_电)).toFixed(2) }} kWh
</div> </div>
<div class="energyNumber" style="top: 720px;"> <div class="energyNumber" style="top: 720px;">
<img v-if="dataObj.系统风机_电" class="iconImg" src="img/elec.png">{{ dataObj.系统风机_电 }} kWh <!-- <img v-if="dataObj.系统风机_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.系统风机_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 775px;"> <div class="energyNumber" style="top: 775px;">
<img v-if="dataObj.水泥磨_选粉机_电" class="iconImg" src="img/elec.png">{{ dataObj.水泥磨_选粉机_电 }} kWh <!-- <img v-if="dataObj.水泥磨_选粉机_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.水泥磨_选粉机_电 }} kWh
</div> </div>
<div class="energyNumber" style="top: 831px;"> <div class="energyNumber" style="top: 831px;">
<img v-if="dataObj.水泥磨_循环风机_电" class="iconImg" src="img/elec.png">{{ dataObj.水泥磨_循环风机_电 }} kWh <!-- <img v-if="dataObj.水泥磨_循环风机_电" class="iconImg" src="img/elec.png"> -->
{{ dataObj.水泥磨_循环风机_电 }} kWh
</div> </div>
<!-- 煤 --> <!-- 煤 -->
<div class="energyNumberLeft coalNumber" style="top: 460px;"> <div class="energyNumberLeft coalNumber" style="top: 460px;">
<img v-if="dataObj.原煤累计量" class="iconImg" src="img/coal.png">{{ dataObj.原煤累计量 }} t <!-- <img v-if="dataObj.原煤累计量" class="iconImg" src="img/coal.png"> -->
{{ dataObj.原煤累计量 }} t
</div> </div>
<!-- 头煤 --> <!-- 头煤 -->
<div class="energyNumberRight coalNumber" style="top: 463px;"> <div class="energyNumberRight coalNumber" style="top: 463px;">
<img v-if="dataObj.头煤_煤" class="iconImg" src="img/coal.png">{{ dataObj.头煤_煤 }} t <!-- <img v-if="dataObj.头煤_煤" class="iconImg" src="img/coal.png"> -->
{{ dataObj.头煤_煤 }} t
</div> </div>
<!-- 尾煤 --> <!-- 尾煤 -->
<div class="energyNumberRight coalNumber" style="top: 552px;"> <div class="energyNumberRight coalNumber" style="top: 552px;">
<img v-if="dataObj.尾煤_煤" class="iconImg" src="img/coal.png">{{ dataObj.尾煤_煤 }} t <!-- <img v-if="dataObj.尾煤_煤" class="iconImg" src="img/coal.png"> -->
{{ dataObj.尾煤_煤 }} t
</div>
<!-- 工业水 -->
<div class="energyNumberLeft waterNumber" style="top: 638px;">
<!-- <img v-if="dataObj.尾煤_煤" class="iconImg" src="img/coal.png"> -->
{{ dataObj.工业水 }} t
</div> </div>
</div> </div>
</el-main> </el-main>
@ -102,7 +131,7 @@
day: day, day: day,
type: 'day', type: 'day',
page:0, page:0,
mpoint__material__code__in:'elec,coal,pcoal' mpoint__material__code__in:'elec,coal,pcoal,water'
}; };
this.$API.enm.mpoint.stat.req(obj).then(res => { this.$API.enm.mpoint.stat.req(obj).then(res => {
res.forEach(item => { res.forEach(item => {
@ -136,15 +165,21 @@
.energyNumber{ .energyNumber{
position: absolute; position: absolute;
right: 10px; right: 10px;
color: rgb(20, 244, 23); color: rgb(212, 35, 122);
font-size: 15px; font-size: 14px;
font-weight: bold; font-weight: bold;
} }
.coalNumber{ .coalNumber{
position: absolute; position: absolute;
right: 10px; right: 10px;
color: rgb(212, 35, 122); color: rgb(223, 213, 22);
font-size: 15px; font-size: 14px;
font-weight: bold;
}
.waterNumber{
position: absolute;
color: rgb(43, 43, 223);
font-size: 14px;
font-weight: bold; font-weight: bold;
} }
.energyNumberLeft{ .energyNumberLeft{