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-25 17:48:21 +08:00
parent cd3039865f
commit 40f35c5049
1 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,130 +2,130 @@
<el-container>
<el-main style="background: #fff;">
<div class="pictureContainer">
<img src="/media/elec_flow.png" class="flowImg" >
<!-- <img src="/img/energy.png" class="flowImg" /> -->
<!-- <img src="/media/elec_flow.png" class="flowImg" > -->
<img src="/img/energy.png" class="flowImg" />
<div class="pictureHeader" style="top: 35px;">
本日数据 时间段 00:00--24:00
</div>
<div class="energyNumber energyNumberLeft" style="top: 183px;">
<img v-if="dataObj.全厂用电合计" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.全厂用电合计" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.全厂用电合计 }}
<span v-if="dataObj.全厂用电合计">kWh</span>
</div>
<div class="energyNumber energyNumberLeft2" style="top: 84px;">
<img v-if="dataObj.电石渣配电室用电_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.电石渣配电室用电_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.电石渣配电室用电_电 }}
<span v-if="dataObj.电石渣配电室用电_电">kWh</span>
</div>
<!-- 窑头配电室用电_电 -->
<div class="energyNumber energyNumberLeft2" style="top: 181px;">
<img v-if="dataObj.回转窑_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.回转窑_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.回转窑_电 }}
<span v-if="dataObj.回转窑_电">kWh</span>
</div>
<div class="energyNumber energyNumberLeft2" style="top: 331px;">
<img v-if="dataObj.水泥配电室用电_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.水泥配电室用电_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.水泥配电室用电_电 }}
<span v-if="dataObj.水泥配电室用电_电">kWh</span>
</div>
<div class="energyNumber" style="top: 77px;">
<img v-if="dataObj.烘干破碎机_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.烘干破碎机_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.烘干破碎机_电 }}
<span v-if="dataObj.烘干破碎机_电">kWh</span>
</div>
<div class="energyNumber" style="top: 131px;">
<img v-if="dataObj.原料立磨主电机" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.原料立磨主电机" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.原料立磨主电机 }}
<span v-if="dataObj.原料立磨主电机">kWh</span>
</div>
<div class="energyNumber" style="top: 175px;">
<img v-if="dataObj.生粉制备_循环风机_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.生粉制备_循环风机_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.生粉制备_循环风机_电 }}
<span v-if="dataObj.生粉制备_循环风机_电">kWh</span>
</div>
<div class="energyNumber" style="top: 219px;">
<img v-if="dataObj.生粉制备_选粉机_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.生粉制备_选粉机_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.生粉制备_选粉机_电 }}
<span v-if="dataObj.生粉制备_选粉机_电">kWh</span>
</div>
<div class="energyNumber" style="top: 269px;">
<img v-if="dataObj.高温风机_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.高温风机_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.高温风机_电 }}
<span v-if="dataObj.高温风机_电">kWh</span>
</div>
<div class="energyNumber" style="top: 325px;">
<img v-if="dataObj.尾排风机_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.尾排风机_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.尾排风机_电 }}
<span v-if="dataObj.尾排风机_电">kWh</span>
</div>
<div class="energyNumber" style="top: 379px;">
<img v-if="dataObj.烧成工序用电合计" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.烧成工序用电合计" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.烧成工序用电合计 }}
<span v-if="dataObj.烧成工序用电合计">kWh</span>
</div>
<div class="energyNumber" style="top: 430px;">
<img v-if="dataObj.原料立磨主电机" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.原料立磨主电机" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.原料立磨主电机}}
<span v-if="dataObj.原料立磨主电机">kWh</span>
</div>
<div class="energyNumber" style="top: 488px;">
<img v-if="dataObj.煤磨排风机_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.煤磨排风机_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.煤磨排风机_电 }}
<span v-if="dataObj.煤磨排风机_电">kWh</span>
</div>
<div class="energyNumber" style="top: 538px;">
<img v-if="dataObj.窑头排风机_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.窑头排风机_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.窑头排风机_电 }}
<span v-if="dataObj.窑头排风机_电">kWh</span>
</div>
<div class="energyNumber" style="top: 608px;">
<img v-if="dataObj.水泥磨用电合计" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.水泥磨用电合计" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.水泥磨用电合计 }}
<span v-if="dataObj.水泥磨用电合计">kWh</span>
</div>
<div class="energyNumber" style="top: 665px;">
<img v-if="dataObj.辊压机动_电||dataObj.辊压机定_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.辊压机动_电||dataObj.辊压机定_电" class="iconImg" src="img/tkx_ele.png">
{{ (Number(dataObj.辊压机动_电) + Number(dataObj.辊压机定_电)).toFixed(2) }}
<span v-if="dataObj.辊压机动_电||dataObj.辊压机定_电">kWh</span>
</div>
<div class="energyNumber" style="top: 721px;">
<img v-if="dataObj.系统风机_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.系统风机_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.系统风机_电 }}
<span v-if="dataObj.系统风机_电">kWh</span>
</div>
<div class="energyNumber" style="top: 776px;">
<img v-if="dataObj.水泥磨_选粉机_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.水泥磨_选粉机_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.水泥磨_选粉机_电 }}
<span v-if="dataObj.水泥磨_选粉机_电">kWh</span>
</div>
<div class="energyNumber" style="top: 833px;">
<img v-if="dataObj.水泥磨_循环风机_电" class="iconImg" src="img/tkx_e.png">
<img v-if="dataObj.水泥磨_循环风机_电" class="iconImg" src="img/tkx_ele.png">
{{ dataObj.水泥磨_循环风机_电 }}
<span v-if="dataObj.水泥磨_循环风机_电">kWh</span>
</div>
<!-- 煤 -->
<div class="energyNumberLeft coalNumber" style="top: 478px;">
<img v-if="dataObj.原煤累计量" class="iconImg" src="img/tkx_c.png">
<img v-if="dataObj.原煤累计量" class="iconImg" src="img/tkx_coal.png">
{{ dataObj.原煤累计量 }}
<span v-if="dataObj.水泥磨_循环风机_电">t</span>
</div>
<!-- 头煤 -->
<div class="energyNumberRight coalNumber" style="top: 482px;">
<img v-if="dataObj.头煤_煤" class="iconImg" src="img/tkx_c.png">
<img v-if="dataObj.头煤_煤" class="iconImg" src="img/tkx_coal.png">
{{ dataObj.头煤_煤 }}
<span v-if="dataObj.头煤_煤">t</span>
</div>
<!-- 尾煤 -->
<div class="energyNumberRight coalNumber" style="top: 566px;">
<img v-if="dataObj.尾煤_煤" class="iconImg" src="img/tkx_c.png">
<img v-if="dataObj.尾煤_煤" class="iconImg" src="img/tkx_coal.png">
{{ dataObj.尾煤_煤 }}
<span v-if="dataObj.尾煤_煤">t</span>
</div>
<!-- 工业水 -->
<div class="energyNumberLeft waterNumber" style="top: 638px;">
<img v-if="dataObj.尾煤_煤" class="iconImg" src="img/tkx_w.png">
<img v-if="dataObj.尾煤_煤" class="iconImg" src="img/tkx_water.png">
{{ dataObj.工业水 }}
<span v-if="dataObj.工业水">t</span>
</div>