From afd3fe35aeaae4f3984c94ca29d57b5a3a52107f Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期二, 15 十月 2024 10:24:39 +0800
Subject: [PATCH] websocket接口对接
---
src/components/RuoYi/Msgger/index.vue | 44 +++++++++++++++++++++++++++++++++++++-------
1 files changed, 37 insertions(+), 7 deletions(-)
diff --git a/src/components/RuoYi/Msgger/index.vue b/src/components/RuoYi/Msgger/index.vue
index fe4e66a..49d8891 100644
--- a/src/components/RuoYi/Msgger/index.vue
+++ b/src/components/RuoYi/Msgger/index.vue
@@ -2,7 +2,8 @@
<div class="msgBox" @click.stop="setShowMenuClick(true)">
<i style="font-size: 20px;" class="el-icon-chat-line-round"></i>
- <el-badge v-show="$store.state.mapLayers.msgList.length > 0" :value="$store.state.mapLayers.msgList.length" class="item">
+ <el-badge v-show="$store.state.mapLayers.msgList.length > 0" :value="$store.state.mapLayers.msgList.length"
+ class="item">
</el-badge>
<el-dialog title="鏁呴殰淇℃伅" :visible.sync="dialogVisible" width="30%" :show-close="false">
<el-table :data="$store.state.mapLayers.msgList" style="width: 100%">
@@ -31,7 +32,7 @@
</template>
<script>
-
+
import olMap from '@/components/mapOl/index.vue';
export default {
@@ -64,6 +65,7 @@
type: 'point',
isShow: false,
}
+
this.parentData = JSON.stringify([obj])
this.innerVisible = true
},
@@ -81,12 +83,33 @@
this.wsSocket.onopen = (event) => {
console.log('WebSocket杩炴帴鎴愬姛');
};
+ this.wsSocket.onclose = () => {
+ console.log('WebSocket杩炴帴鍏抽棴');
+ this.wsSocket = null
+ };
this.wsSocket.onmessage = (event) => {
if (event.data != "杩炴帴鎴愬姛") {
const obj = JSON.parse(event.data);
- if (obj.mes) {
- this.setShowMsg(obj)
+ if (obj.type == "error") {
+ if (this.$store.state.mapLayers.msgList.length == 0) {
+ this.$store.state.mapLayers.msgList.push(obj)
+ } else {
+
+ var rs = this.$store.state.mapLayers.msgList;
+ var st = rs.filter(item => {
+ if (item.msg == obj.msg && item.point == obj.point && item.line == obj.line) {
+ return item
+ }
+ })
+ if (st.length <= 0) {
+ this.$store.state.mapLayers.msgList.push(obj)
+ }
+
+
+
+
+ }
}
}
// 澶勭悊鎺ユ敹鍒扮殑娑堟伅
@@ -105,9 +128,16 @@
},
},
mounted() {
- // if (!this.wsSocket) {
- // this.createSocket();
- // }
+ if (!this.wsSocket) {
+ this.createSocket();
+ }
+
+ },
+ beforeDestroy() {
+ if (this.wsSocket) {
+ this.wsSocket.close();
+
+ }
},
}
--
Gitblit v1.9.3