渲染设备运行状态样式

psdc-ui/src/views/emonitor/drgl/index.vue

@@ -39,7 +39,7 @@
         <div><img src="../../../assets/images/温度传感器.png"></div>
         <div>
           <p>运行状态</p>
-          <h2 style="color: #1ab394">{{data.runStatus}}</h2>
+          <h2 :class="{'green':data.runStatus == '开启','red':data.runStatus == '关闭'}">{{data.runStatus}}</h2>
         </div>
       </div>
     </div>
@@ -737,5 +737,11 @@ p{
   padding-top: 10px;
   padding-left: 10px;
 }
+.green{
+  color: #14FF00;
+}
+.red{
+  color: red;
+}
 </style>
 

psdc-ui/src/views/emonitor/kqyrb/index.vue

@@ -32,7 +32,7 @@
         <div><img src="../../../assets/images/温度传感器.png"></div>
         <div>
           <p style="color: #cccccc">运行状态</p>
-          <h1 style="color: #1ab394">{{data.runStatus}}</h1>
+          <h1 :class="{'green':data.runStatus == '开启','red':data.runStatus == '关闭'}">{{data.runStatus}}</h1>
         </div>
       </div>
     </div>
@@ -699,5 +699,11 @@ p{
   padding-top: 10px;
   padding-left: 10px;
 }
+.green{
+  color: #14FF00;
+}
+.red{
+  color: red;
+}
 </style>
 

psdc-ui/src/views/emonitor/xrgl/index.vue

@@ -32,7 +32,7 @@
         <div><img src="../../../assets/images/温度传感器.png"></div>
         <div>
           <p style="color: #cccccc">运行状态</p>
-          <h1 style="color: #1ab394">{{data.runStatus}}</h1>
+          <h1 :class="{'green':data.runStatus == '开启','red':data.runStatus == '关闭'}">{{data.runStatus}}</h1>
         </div>
       </div>
     </div>
@@ -700,5 +700,11 @@ p{
   padding-top: 10px;
   padding-left: 10px;
 }
+.green{
+  color: #14FF00;
+}
+.red{
+  color: red;
+}
 </style>