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-26 09:36:17 +08:00
parent 34728670da
commit 82af87ce9b
1 changed files with 45 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -129,6 +129,32 @@
{{ dataObj.工业水 }}
<span v-if="dataObj.工业水">t</span>
</div>
<!-- 蒸汽 -->
<div class="steamNumber" style="top: 370px;right: 258px;">
<img v-if="dataObj.余热锅炉外送蒸汽" class="iconImg" src="img/tkx_steam.png">
{{ dataObj.余热锅炉外送蒸汽 }}
<span v-if="dataObj.余热锅炉外送蒸汽">t</span>
</div>
<!-- 柴油 -->
<div class="energyNumberLeft oilNumber" style="top: 574px;">
<img v-if="dataObj.柴油" class="iconImg" src="img/tkx_oil.png">
{{ dataObj.柴油 }}
<span v-if="dataObj.柴油">t</span>
</div>
<!-- 压缩空气 -->
<div class="airNumber" style="top: 286px;right: 494px;">
<img v-if="dataObj.烧成车间压缩空气累计" class="iconImg" src="img/tkx_air.png">
{{ dataObj.烧成车间压缩空气累计 }}
<span v-if="dataObj.烧成车间压缩空气累计">m³</span>
</div>
<!-- 压缩空气 -->
<div class="airNumber" style="top: 383px;right: 494px;">
<img v-if="dataObj.水泥压缩空气累积量" class="iconImg" src="img/tkx_air.png">
{{ dataObj.水泥压缩空气累积量 }}
<span v-if="dataObj.水泥压缩空气累积量">m³</span>
</div>
</div>
</el-main>
</el-container>
@ -154,7 +180,7 @@
day: day,
type: 'day',
page:0,
mpoint__material__code__in:'elec,coal,pcoal,water'
mpoint__material__code__in:'elec,coal,pcoal,water,steam,oil,cair'
};
this.$API.enm.mpoint.stat.req(obj).then(res => {
res.forEach(item => {
@ -205,6 +231,24 @@
font-size: 14px;
font-weight: bold;
}
.steamNumber{
position: absolute;
color: #13dfe3;
font-size: 14px;
font-weight: bold;
}
.oilNumber{
position: absolute;
color: #d18d8d;
font-size: 14px;
font-weight: bold;
}
.airNumber{
position: absolute;
color: #a22eef;
font-size: 14px;
font-weight: bold;
}
.energyNumberLeft{
left: 5px;
}