修改看板

ruoyi-ui/src/views/board/index2.vue

@@ -3,7 +3,7 @@
     <div class="content">
       <div class="title">赛轮智慧热电无人巡检系统</div>
       <div class="subTitle" v-for="i in subTitleList" :style="`top:${i.top}%;left:${i.left}%`">{{ i.name }}</div>
-<!--      <div class="safe">已安全运行 <span style="color: #4667d0;font-size: 1.2vw;padding: 0 0.3vw"> 382 </span> 天</div>-->
+      <!--      <div class="safe">已安全运行 <span style="color: #4667d0;font-size: 1.2vw;padding: 0 0.3vw"> 382 </span> 天</div>-->
       <div class="time">{{ parseTime(new Date(), '{y}.{m}.{d} {h}:{i}:{s} 周{a}') }}</div>
       <div class="span" style="color: #46c9f9;top: 29%;left: 6.8%">智能巡检</div>
       <div class="span" style="color: #4befb7;top: 29%;left: 15.3%">无线测温</div>
@@ -38,7 +38,7 @@
 
       <div class="icon" style="top:61.8%;left:13%"></div>
       <div class="icon" style="top:61.8%;left:17%"></div>
-<!--      <div class="icon1" style="top:61.8%;left:24.8%"></div>-->
+      <!--      <div class="icon1" style="top:61.8%;left:24.8%"></div>-->
       <Chart ref="chart1" class="chart1"></Chart>
       <Chart ref="chart2" class="chart2"></Chart>
 
@@ -157,7 +157,7 @@ export default {
     Chart
   },
   mounted() {
-
+    this.getData()
     this.$refs.chart1.setData({
       grid: {
         top: 30,
@@ -369,7 +369,28 @@ export default {
       ]
     })
   },
-  methods: {}
+  methods: {
+    getData(){
+      // 创建一个新的WebSocket实例
+      const socket = new WebSocket('ws://192.168.2.165:7181/ws');
+
+// 当WebSocket打开时触发
+      socket.onopen = function(event) {
+        console.log('WebSocket 连接已打开');
+      };
+
+// 当服务器发送消息时触发
+      socket.onmessage = function(event) {
+        console.log('收到消息:', event.data);
+      };
+
+// 当WebSocket关闭时触发
+      socket.onclose = function(event) {
+        console.log('WebSocket 连接已关闭');
+      };
+
+    }
+  }
 }
 </script>
 <style scoped>