From 214e6fe7a754ddf4900e07033a2fda6200f4d7a1 Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期一, 16 十二月 2024 19:38:32 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- screen/src/views/EnergyConsum.vue | 71 +++++++++++++++++++++-------------- 1 files changed, 42 insertions(+), 29 deletions(-) diff --git a/screen/src/views/EnergyConsum.vue b/screen/src/views/EnergyConsum.vue index 8e383e4..8035926 100644 --- a/screen/src/views/EnergyConsum.vue +++ b/screen/src/views/EnergyConsum.vue @@ -25,7 +25,7 @@ <img src="@/assets/images/nenghao_ic1.png" class="co2" alt=""> <div> <div class="name">鏈勾绱寰幆鐑熺</div> - <div><span class="num" v-if="data1.smokeBoxTotal || data1.smokeBoxTotal == 0">{{ + <div><span class="num" style="color: #68cfb2;" v-if="data1.smokeBoxTotal || data1.smokeBoxTotal == 0">{{ data1.smokeBoxTotal.toLocaleString() }}</span><span>鍙�</span></div> </div> @@ -81,25 +81,30 @@ </div> <div class="static" v-if="data1.electricityQuantity"> <span class="lab">鍚屾瘮</span> - <img v-if="data1.electricityQuantity.totalNum > data1.electricityQuantity.sameNum" class="icon" - src="@/assets/images/ic_up.webp" alt="" /> - <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> + <template v-if="data1.electricityQuantity.sameNum"> + <img v-if="data1.electricityQuantity.totalNum > data1.electricityQuantity.sameNum" class="icon" + src="@/assets/images/ic_up.webp" alt="" /> + <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> + </template> <span class="val" v-if="data1.electricityQuantity.totalNum && data1.electricityQuantity.totalNum != 0">{{ Math.abs(((data1.electricityQuantity.totalNum - data1.electricityQuantity.sameNum) / data1.electricityQuantity.totalNum * 100).toFixed(1)) }}%</span> - <span class="val" v-else>-</span> + <span class="val" v-else style="margin-left: 4px;"> -</span> <span class="lab">鐜瘮</span> - <img v-if="data1.electricityQuantity.totalNum > data1.electricityQuantity.ringNum" class="icon" - src="@/assets/images/ic_up.webp" alt="" /> - <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> + <template v-if="data1.electricityQuantity.ringNum"> + <img v-if="data1.electricityQuantity.totalNum > data1.electricityQuantity.ringNum" class="icon" + src="@/assets/images/ic_up.webp" alt="" /> + <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> + </template> + <span class="val" v-if="data1.electricityQuantity.totalNum && data1.electricityQuantity.totalNum != 0">{{ Math.abs(((data1.electricityQuantity.totalNum - data1.electricityQuantity.ringNum) / data1.electricityQuantity.totalNum * 100).toFixed(1)) }}%</span> - <span class="val" v-else>-</span> + <span class="val" v-else style="margin-left: 4px;"> -</span> </div> </div> <div class="item"> @@ -112,21 +117,25 @@ </div> <div class="static" v-if="data1.waterQuantity"> <span class="lab">鍚屾瘮</span> - <img v-if="data1.waterQuantity.totalNum > data1.waterQuantity.sameNum" class="icon" - src="@/assets/images/ic_up.webp" alt="" /> - <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> - <span class="val" v-if="data1.waterQuantity.totalNum && data1.waterQuantity.totalNum != 0">{{ + <template v-if="data1.waterQuantity.sameNum"> + <img v-if="data1.waterQuantity.totalNum > data1.waterQuantity.sameNum" class="icon" + src="@/assets/images/ic_up.webp" alt="" /> + <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> + </template> + <span class="val" v-if="data1.waterQuantity.sameNum && data1.waterQuantity.sameNum != 0">{{ Math.abs(((data1.waterQuantity.totalNum - - data1.waterQuantity.sameNum) / data1.waterQuantity.totalNum * 100).toFixed(1)) }}%</span> - <span class="val" v-else>-</span> + data1.waterQuantity.sameNum) / data1.waterQuantity.sameNum * 100).toFixed(1)) }}%</span> + <span class="val" v-else style="margin-left: 4px;">-</span> <span class="lab">鐜瘮</span> - <img v-if="data1.waterQuantity.totalNum > data1.waterQuantity.ringNum" class="icon" - src="@/assets/images/ic_up.webp" alt="" /> - <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> - <span class="val" v-if="data1.waterQuantity.totalNum && data1.waterQuantity.totalNum != 0">{{ + <template v-if="data1.waterQuantity.ringNum"> + <img v-if="data1.waterQuantity.totalNum > data1.waterQuantity.ringNum" class="icon" + src="@/assets/images/ic_up.webp" alt="" /> + <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> + </template> + <span class="val" v-if="data1.waterQuantity.ringNum && data1.waterQuantity.ringNum != 0">{{ Math.abs(((data1.waterQuantity.totalNum - - data1.waterQuantity.ringNum) / data1.waterQuantity.totalNum * 100).toFixed(1)) }}%</span> - <span class="val" v-else>-</span> + data1.waterQuantity.ringNum) / data1.waterQuantity.ringNum * 100).toFixed(1)) }}%</span> + <span class="val" v-else style="margin-left: 4px;">-</span> </div> </div> <div class="item"> @@ -139,23 +148,27 @@ </div> <div class="static" v-if="data1.gasQuantity"> <span class="lab">鍚屾瘮</span> - <img v-if="data1.gasQuantity.totalNum > data1.gasQuantity.sameNum" class="icon" - src="@/assets/images/ic_up.webp" alt="" /> - <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> + <template v-if="data1.gasQuantity.sameNum"> + <img v-if="data1.gasQuantity.totalNum > data1.gasQuantity.sameNum" class="icon" + src="@/assets/images/ic_up.webp" alt="" /> + <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> + </template> <span class="val" v-if="data1.gasQuantity.totalNum && data1.gasQuantity.totalNum != 0">{{ Math.abs(((data1.gasQuantity.totalNum - data1.gasQuantity.sameNum) / data1.gasQuantity.totalNum * 100).toFixed(1)) }}%</span> - <span class="val" v-else>-</span> + <span class="val" v-else style="margin-left: 4px;">-</span> <span class="lab">鐜瘮</span> - <img v-if="data1.gasQuantity.totalNum > data1.gasQuantity.ringNum" class="icon" - src="@/assets/images/ic_up.webp" alt="" /> - <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> + <template v-if="data1.gasQuantity.sameNum"> + <img v-if="data1.gasQuantity.totalNum > data1.gasQuantity.ringNum" class="icon" + src="@/assets/images/ic_up.webp" alt="" /> + <img v-else class="icon" src="@/assets/images/ic_down.webp" alt="" /> + </template> <span class="val" v-if="data1.gasQuantity.totalNum && data1.gasQuantity.totalNum != 0">{{ Math.abs(((data1.gasQuantity.totalNum - data1.gasQuantity.ringNum) / data1.gasQuantity.totalNum * 100).toFixed(1)) }}%</span> - <span class="val" v-else>-</span> + <span class="val" v-else style="margin-left: 4px;">-</span> </div> </div> </div> -- Gitblit v1.9.3