渲染发热电缆基本数据

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>