后端推送数据落架指示

wuyouming666

2024-03-27 01930bfaefa3761e9cd995ee64fa3f8c837cb2ec

后端推送数据落架指示

 UI-Project/src/utils/webSocket.js

@@ -6,7 +6,7 @@


var serverPort = "/ws"; // webSocket连接端口
var wsuri = "ws://127.0.0.1:12345/ws";
var wsuri = "ws://localhost:8081/mesModuleTools";

function createWebSocket(callback) {


 UI-Project/src/views/HomeView.vue

@@ -3,21 +3,21 @@

import { sendSock, createWebSocket, closeSock } from "@/utils/webSocket"

function global_callback(msg) {
  console.log("websocket的回调函数收到服务器信息：" + JSON.stringify(msg));
  // console.log("收到服务器信息：" + msg);
}
function close(){
 closeSock();
// function global_callback(msg) {
//   console.log("websocket的回调函数收到服务器信息：" + JSON.stringify(msg));
//   // console.log("收到服务器信息：" + msg);
// }
// function close(){
//  closeSock();

}
function sendMessage(){
  sendSock("123")
}
function createSocket(){
  createWebSocket(global_callback);
}
</script>
// }
// function sendMessage(){
//   sendSock("123")
// }
// function createSocket(){
//   createWebSocket(global_callback);
// }
// </script>


<template>

 UI-Project/src/views/UnLoadGlass/Landingindication.vue

@@ -30,6 +30,7 @@
</template>

<script>
let socket;
export default {
  data() {
    return {
@@ -41,6 +42,9 @@
        { x: 95, y: 420, height: 60, width: 110, fillColor: '#6a6da9', item: { height: 30, width: 100, fillColor: 'yellow', content: 'NG1234561454' } }
      ]
    };
  },
  activated() {
    this.initWebSocket();
  },
  methods: {
    // 计算内部物品的 x 坐标位置
@@ -62,7 +66,60 @@
      } else {
        return rack.y + rack.height - item.height;  // 返回底部对齐的 y 坐标
      }
    },
    initWebSocket() {
      let viewname = "Landingindication";

      if (typeof WebSocket === "undefined") {
        console.log("您的浏览器不支持WebSocket");
      } else {
        let socketUrl = "ws://" + "localhost:8081" + "/mesModuleTools/api/talk/" + viewname;

        if (socket != null) {
          socket.close();
          socket = null;
    }

        // 开启一个websocket服务
        socket = new WebSocket(socketUrl);

        // 打开事件
        socket.onopen = function () {
          console.log("websocket已打开");
        };

        // 收到消息
        socket.onmessage = (msg) => {
          if (!msg.data) {
            return; // 如果收到空数据，则直接返回，不执行后续逻辑
          }
   

          let obj = JSON.parse(msg.data);

          console.log(obj);

        

        // 关闭事件
        socket.onclose = function () {
          console.log("websocket已关闭");
        };

        // 发生错误事件
        socket.onerror = function () {
          console.log("websocket发生了错误");
        };

        this.$router.afterEach(function () {
          socket.close();
        });
      }
    }
  }



  }
};
</script>