修改除尘器监控

src/views/dustMonitoring/index.vue

@@ -71,14 +71,16 @@
             <div class="left" v-if="detailObj.compartHealthList.length > 0">
               <div class="part">
                 <div
-                  class="point warn"
+                  class="point"
+                  :class="item.healthStatus == 1 ? 'health' : 'warn'"
                   v-for="item in detailObj.compartHealthList[0]"
                   :key="item"
                 ></div>
               </div>
               <div class="part">
                 <div
-                  class="point warn"
+                  class="point"
+                  :class="item.healthStatus == 1 ? 'health' : 'warn'"
                   v-for="item in detailObj.compartHealthList[1]"
                   :key="item"
                 ></div>
@@ -470,7 +472,7 @@ const getDustDetail = () => {
         indicatorTwoInstance,
         "indicatorTwo",
         getGaugeOption({
-          value: dustInfo[1].value,
+          value: parseInt(dustInfo[1].value / 100),
           chartName: "粉尘浓度",
           min: 5,
           max: 50,
@@ -680,7 +682,7 @@ $borderColor: #bbbdc391;
       }
       .point {
         width: 20px;
-        margin: 1% 3%;
+        margin: 10px;
         border-radius: 50%;
         display: inline-block;
         cursor: pointer;