传感器实施数据

src/views/monitor.vue

@@ -116,7 +116,7 @@
                    v-on:click="dropLocation(item.latitude,item.longitude,index)">
                 <div class="d-l-l-text">
                   <i class="iconfont sj-icon-jkzx icon-sxt"></i>
-                  <h4>{{ item.cameraName }}</h4>
+                  <h4>{{ item.cameraName }}</h4><h4 v-html="cgqData"></h4>
                 </div>
               </div>
             </div>
@@ -226,6 +226,7 @@ export default {
   },
   data() {
     return {
+      cgqData:'',
       //摄像头名称
       rightDeptName: undefined,
       visuForestCloudCameraBOListSearch:[],
@@ -308,6 +309,23 @@ export default {
         this.deptOptions = response.data
       })
     },
+    setcgqValue:function(){
+      let that=this
+      setInterval(function() {
+        var color = "green";
+        var value = Math.random();
+        var up = "▲";
+        var down = "▼";
+        if (value > 0.5) {
+          color = "red";
+          value = value + "" + up;
+        } else {
+          value = value + "" + down;
+        }
+        that.cgqData =  "<span style='color:" + color + "'>" + value + "</span>";
+      }, 1000)
+    },
+
 // 筛选节点
     filterNode(value, data) {
       if (!value) return true
@@ -430,6 +448,7 @@ export default {
       let that = this;
       let markersList = [];
       getSensorListByDeptId(that.deptId).then(function (res) {
+        that.setcgqValue()
         that.visuForestCloudCameraBOListSearch = []
         // that.sensorNum = res.data.length
         if (res.data != null && res.data.length > 0) {