传感器实施数据

src/views/monitor.vue

@@ -96,7 +96,7 @@
                 :class="{on:listCurrentIndex2 == index}" 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>
@@ -208,6 +208,7 @@
     data() {
       return {
         // 部门名称
+        cgqData:'',
         deptName: undefined,
         // 部门树选项
         deptOptions: undefined,
@@ -283,6 +284,22 @@
       }
     },
     methods: {
+      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)
+      },
       /* 电视墙替换开始 */
       showTVWall(channelCode, channelName) {
         // let channelCode = '6044981090191552';
@@ -439,6 +456,7 @@
         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) {