修改粉尘、瓦斯指示灯

src/components/tunneling/rtop.vue

@@ -3,11 +3,17 @@
     <ul>
         <li>
             瓦斯涌出量:<span>{{data.wasi_after}}</span>m^3/min
-            <span style="width:30px; height:30px; border:1px solid red; border-radius:50%; " v-bind:class="{red1:danger1, green1:save1}"></span>
+            <span 
+            style="width:30px; height:30px; border:1px solid red; border-radius:50%; "
+             v-bind:class="{red1:data.danger, green1:data.safety}">
+             </span>
         </li>
         <li>
             粉 尘 浓 度 :<span>{{data.fenchen_after}}</span>g/m^3
-            <span style="width:30px; height:30px; border:1px solid red; border-radius:50%; " v-bind:class="{red1:danger2, green1:save2}"></span>
+            <span
+             style="width:30px; height:30px; border:1px solid red; border-radius:50%; "
+             v-bind:class="{red1:data.danger1, green1:data.safety1}">
+             </span>
         </li>
     </ul>
 </div>
@@ -21,7 +27,11 @@ export default {
 
         data: {
         fenchen_after: "0",
-        wasi_after:"0"
+        wasi_after:"0",
+        danger:true,
+        danger1:false,
+        safety:false,
+        safety1:true
       },
           
    }
@@ -66,6 +76,23 @@ export default {
     },
     changeState(data) {
       this.data = data[0]
+      //判断粉尘
+      if(this.data.fenchen_after>15){
+          this.data.danger1=true;
+         this.data.safety1=false;
+     
+      }else{
+             this.data.danger1=false;
+         this.data.safety1=true;
+      }
+      if(this.data.wasi_after>3){
+         this.data.danger=true;
+          this.data.safety=false;
+      }else{
+             this.data.danger=false;
+         this.data.safety=true;
+      }
+    console.log("数据展示为：",this.data)
     },
     close() {
       this.websocket.close();