image.png
<script>
// 引用API接口
import SockJS, { log } from "../../../public/js/sockjs";
import "../../../public/js/stomp";
// 樣式/* */
export default {
name: "",
created() {
getHallNow().then((res) => {
this.loadShow = true;
this.today_all = res.today_all;
const queues = res.queues;
Object.keys(queues).forEach((key, index) => {
// 需修改
this.queue.push(queues[index]);
this.waitNum += queues[key].nCount;
queues[index].nCount >= 1 ? this.hasCount++ : "";
});
this.hasCountChange();
});
this.connect();
window.onunload = function () {
disconnect();
};
},
methods: {
// webSocket
connect() {
let stompClient = null;
let socket = new SockJS("http://******/"); //網(wǎng)絡(luò)請(qǐng)求地址
stompClient = Stomp.over(socket); //使用STMOP子協(xié)議的WebSocket客戶端
stompClient.connect({}, (frame) => {
console.log("Connected:" + frame);
stompClient.subscribe("/topic/getResponse", (response) => {
const getRes = JSON.parse(response.body);
if (getRes.today_all !== undefined) {
this.today_all = getRes.today_all;
}
this.waitNum = 0;
// 取號(hào)獲取有值的條數(shù)數(shù)目變量
let tuiSongNum = 0;
Object.keys(this.queue).forEach((key, index) => {
if (this.queue[index].sID == getRes.queueId) {
this.queue[index].nCount = getRes.nWait;
}
this.waitNum += this.queue[key].nCount;
// 取號(hào)獲取有值的條數(shù)數(shù)目
this.queue[index].nCount > 0 ? tuiSongNum++ : "";
});
this.hasCount = tuiSongNum;
this.hasCountChange();
});
});
},
disconnect() {
if (stompClient != null) {
stompClient.disconnect();
}
console.log("Disconnected");
}
},
};
</script>
