From 5f3a2e98c54ce815f270d149872b2b3d0d008ff0 Mon Sep 17 00:00:00 2001
From: 懒羊羊 <15939171744@163.com>
Date: 星期六, 13 一月 2024 16:17:54 +0800
Subject: [PATCH] 接口websocket
---
jcdm-ui/src/views/main/kb/stationTerminal/index.vue | 175 +++++++++++++++++++++++++++++++++++----------------------
1 files changed, 107 insertions(+), 68 deletions(-)
diff --git a/jcdm-ui/src/views/main/kb/stationTerminal/index.vue b/jcdm-ui/src/views/main/kb/stationTerminal/index.vue
index 859fdc5..87e0d4c 100644
--- a/jcdm-ui/src/views/main/kb/stationTerminal/index.vue
+++ b/jcdm-ui/src/views/main/kb/stationTerminal/index.vue
@@ -96,6 +96,18 @@
</el-table>
</el-col>
<el-col :span="16">
+<!-- <el-input v-model="url" type="text" style="width: 20%" /> -->
+<!-- <el-button @click="join" type="primary">杩炴帴</el-button>-->
+<!-- <el-button @click="exit" type="danger">鏂紑</el-button>-->
+
+<!-- <br />-->
+<!-- <el-input type="textarea" v-model="message" :rows="9" />-->
+<!-- <el-button type="info" @click="send">鍙戦�佹秷鎭�</el-button>-->
+<!-- <br />-->
+<!-- <br />-->
+<!-- <el-input type="textarea" v-model="text_content" :rows="9" /> 杩斿洖鍐呭-->
+<!-- <br />-->
+<!-- <br />-->
<el-image style="height: 520px;width: 100%" :src="imgSrc"></el-image>
</el-col>
</el-tab-pane>
@@ -156,6 +168,12 @@
pageSize: 10,
sfcCode: null,
},
+ // 鏌ヨ鍙傛暟
+ StationConfQueryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ ipAddress: null,
+ },
cakeLamp: {
plcState: 1, //plc
scannerState: 1, //鎵爜鏋�
@@ -165,11 +183,29 @@
release: 0 //鍏佽鏀捐
},
content: '',
- activeName: 'first'
+ activeName: 'first',
+ url: "ws://192.168.10.196:8081/websocket/message/",
+ message: "",
+ text_content: "",
+ ws: null,
}
+ },
+ beforeDestroy() {
+ this.exit();
},
created() {
this.getStationConfList();
+ this.connectWebsocket();
+
+
+ this.initStation();
+ // this.getStationConfList();
+ // setTimeout(() => {
+ // this.connectWebsocket();
+ // }, 3000);
+ },
+ mounted() {
+
},
methods: {
changeMenu(tab, event) {
@@ -204,23 +240,85 @@
this.$message('淇濆瓨鑺傛媿涓�'+this.workpieceInformation.beat+'绉�');
},
/** 鏌ヨ宸ヤ綅缁堢閰嶇疆鍒楄〃 */
- getStationConfList() {
- let queryParams = {
- ipAddress: null,
- }
- getIpv4().then(response => {
- queryParams.ipAddress = response.msg
+ async getStationConfList() {
+ await getIpv4().then(response => {
+ this.StationConfQueryParams.ipAddress = response.msg
+ console.log('鏌ヨ鍒版湰宸ヤ綅IP涓�'+this.StationConfQueryParams.ipAddress)
});
- listStationConf(queryParams).then(response => {
+ listStationConf(this.StationConfQueryParams).then(response => {
let rows = response.rows[0]
if(response.rows.length===0){
- this.$message('鏀筰p娌掓湁閰嶇疆宸ュ簭宸ヤ綅锛岃珛閲嶈│锛�');
+ this.$message('璇ュ伐浣嶆病鏈夐厤缃甀P锛岃鑱旂郴绠＄悊鍛橀厤缃甀P');
return
}
this.headContent.processesName = rows.processesName
this.headContent.processesCode = rows.processesCode
+ console.log('璁剧疆宸ヤ綅缂栫爜'+this.headContent.processesCode)
+
});
},
+ connectWebsocket() {
+ console.log('websocket杩炴帴宸ヤ綅涓�'+this.headContent.processesCode)
+ const wsuri = this.url + this.headContent.processesCode;
+ this.ws = new WebSocket(wsuri);
+ const self = this;
+ this.ws.onopen = function (event) {
+ // self.text_content = self.text_content + "宸茬粡鎵撳紑杩炴帴!" + "\n";
+ this.$message('websocket杩炴帴鎴愬姛锛�');
+ };
+ this.ws.onmessage = function (event) {
+ self.text_content = event.data + "\n";
+ console.log(event.data)
+ if(event.data === "1"){
+ self.cakeLamp.InPlace = "1"
+ }
+ };
+ },
+ exit() {
+ if (this.ws) {
+ this.ws.close();
+ this.ws = null;
+ }
+ },
+ send() {
+ if (this.ws) {
+ this.ws.send(this.message);
+ } else {
+ alert("鏈繛鎺ュ埌鏈嶅姟鍣�");
+ }
+ },
+ async initStation(){
+ await getIpv4().then(response => {
+ this.StationConfQueryParams.ipAddress = response.msg
+ console.log('鏌ヨ鍒版湰宸ヤ綅IP涓�'+this.StationConfQueryParams.ipAddress)
+ });
+ await listStationConf(this.StationConfQueryParams).then(response => {
+ let rows = response.rows[0]
+ if(response.rows.length===0){
+ this.$message('璇ュ伐浣嶆病鏈夐厤缃甀P锛岃鑱旂郴绠＄悊鍛橀厤缃甀P');
+ return
+ }
+ this.headContent.processesName = rows.processesName
+ this.headContent.processesCode = rows.processesCode
+ console.log('璁剧疆宸ヤ綅缂栫爜'+this.headContent.processesCode)
+
+ });
+ console.log('websocket杩炴帴宸ヤ綅涓�'+this.headContent.processesCode)
+ const wsuri = this.url + this.headContent.processesCode;
+ this.ws = new WebSocket(wsuri);
+ const self = this;
+ this.ws.onopen = function (event) {
+ // self.text_content = self.text_content + "宸茬粡鎵撳紑杩炴帴!" + "\n";
+ this.$message('websocket杩炴帴鎴愬姛锛�');
+ };
+ this.ws.onmessage = function (event) {
+ self.text_content = event.data + "\n";
+ console.log(event.data)
+ if(event.data === "1"){
+ self.cakeLamp.InPlace = "1"
+ }
+ };
+ }
}
}
@@ -259,63 +357,4 @@
font-size: 15px;
}
</style>
-<!--<template>-->
-<!-- <div>-->
-<!-- <el-input v-model="url" type="text" style="width: 20%" /> -->
-<!-- <el-button @click="join" type="primary">杩炴帴</el-button>-->
-<!-- <el-button @click="exit" type="danger">鏂紑</el-button>-->
-
-<!-- <br />-->
-<!-- <el-input type="textarea" v-model="message" :rows="9" />-->
-<!-- <el-button type="info" @click="send">鍙戦�佹秷鎭�</el-button>-->
-<!-- <br />-->
-<!-- <br />-->
-<!-- <el-input type="textarea" v-model="text_content" :rows="9" /> 杩斿洖鍐呭-->
-<!-- <br />-->
-<!-- <br />-->
-<!-- </div>-->
-<!--</template>-->
-
-<!--<script>-->
-<!--export default {-->
-<!-- data() {-->
-<!-- return {-->
-<!-- url: "ws://127.0.0.1:8081/websocket/message",-->
-<!-- message: "",-->
-<!-- text_content: "",-->
-<!-- ws: null,-->
-<!-- };-->
-<!-- },-->
-<!-- methods: {-->
-<!-- join() {-->
-<!-- const wsuri = this.url;-->
-<!-- this.ws = new WebSocket(wsuri);-->
-<!-- const self = this;-->
-<!-- this.ws.onopen = function (event) {-->
-<!-- self.text_content = self.text_content + "宸茬粡鎵撳紑杩炴帴!" + "\n";-->
-<!-- };-->
-<!-- this.ws.onmessage = function (event) {-->
-<!-- console.log("鍚庣鍙戣繃鏉ョ殑娑堟伅"+event.data)-->
-<!-- self.text_content = event.data + "\n";-->
-<!-- };-->
-<!-- this.ws.onclose = function (event) {-->
-<!-- self.text_content = self.text_content + "宸茬粡鍏抽棴杩炴帴!" + "\n";-->
-<!-- };-->
-<!-- },-->
-<!-- exit() {-->
-<!-- if (this.ws) {-->
-<!-- this.ws.close();-->
-<!-- this.ws = null;-->
-<!-- }-->
-<!-- },-->
-<!-- send() {-->
-<!-- if (this.ws) {-->
-<!-- this.ws.send(this.message);-->
-<!-- } else {-->
-<!-- alert("鏈繛鎺ュ埌鏈嶅姟鍣�");-->
-<!-- }-->
-<!-- },-->
-<!-- },-->
-<!--};-->
-<!--</script>-->
--
Gitblit v1.9.3