传感器实施数据

src/views/monitor.vue

@@ -119,7 +119,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>
@@ -221,6 +221,7 @@ export default {
   data() {
     return {
       // 部门名称
+      cgqData:'',
       deptName: undefined,
 // 部门树选项
       deptOptions: undefined,
@@ -285,6 +286,22 @@ export default {
     }
   },
   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)
+    },
     /** 部门树*/
 // 查询部门下拉树结构
     getTreeselect() {