From 13ef416924fa3c938cb40f60cc1ddbf1a580481f Mon Sep 17 00:00:00 2001
From: wj <347312259@qq.com>
Date: Tue, 6 Jun 2023 10:18:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B8=B2=E6=9F=93=E5=8F=91=E7=83=AD=E7=94=B5?=
=?UTF-8?q?=E7=BC=86=E5=9F=BA=E6=9C=AC=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
psdc-ui/src/views/emonitor/frdl/index.vue | 16 ++++++++++++----
1 file changed, 12 insertions(+), 4 deletions(-)
diff --git a/psdc-ui/src/views/emonitor/frdl/index.vue b/psdc-ui/src/views/emonitor/frdl/index.vue
index 2c84fac..8e7b112 100644
--- a/psdc-ui/src/views/emonitor/frdl/index.vue
+++ b/psdc-ui/src/views/emonitor/frdl/index.vue
@@ -5,14 +5,14 @@
<div><img src="../../../assets/images/用电量.png"></div>
<div>
<p style="color: #cccccc">总用电量</p>
- <h1>1641kWh</h1>
+ <h1>{{ data.totwh }}kWh</h1>
</div>
</div>
<div class="card">
<div><img src="../../../assets/images/功率.png"></div>
<div>
<p style="color: #cccccc">当前功率</p>
- <h1>11kW</h1>
+ <h1>{{ data.totp }}kW</h1>
</div>
</div>
<div class="card">
@@ -20,7 +20,7 @@
<div>
<div>
<p style="color: #cccccc">当前温度</p>
- <h1>25℃</h1>
+ <h1>{{ data.temp }}℃</h1>
</div>
</div>
</div>
@@ -28,7 +28,7 @@
<div><img src="../../../assets/images/温度传感器.png"></div>
<div>
<p style="color: #cccccc">运行状态</p>
- <h1 style="color: #1ab394">开启</h1>
+ <h1 :class="{'green':data.runStatus == '开启','red':data.runStatus == '关闭'}">{{ data.runStatus }}</h1>
</div>
</div>
</div>
@@ -72,6 +72,7 @@ export default {
let data = reactive({
totwh:'',
totp:'',
+ temp:'',
tempIn:'',
tempOut:'',
//1 开 2 关
@@ -518,6 +519,7 @@ export default {
if(res.data!=null){
data.tempIn=res.data.tempIn
data.tempOut=res.data.tempOut
+ data.temp=res.data.temp
data.totp = res.data.totp
data.totwh = res.data.totwh
if(res.data.runStatus==1){
@@ -685,5 +687,11 @@ p{
padding-top: 10px;
padding-left: 10px;
}
+.green{
+ color: #14FF00;
+}
+.red{
+ color: red;
+}
</style>