liu_li
/
yxk-storeroom-system
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

绑定标签 websocket

master
z_yu 3 years ago
parent
bb4e8a9ce7
commit
e0aa23bc03
3 changed files with 103 additions and 166 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 174
      src/views/components/WarehouseWarning.vue
  2. 4
      src/views/storeManage/tagManage/bindTagList/index.vue
  3. 91
      src/views/storeManage/warehouse3D/index.vue

174
src/views/components/WarehouseWarning.vue
View File

@ -32,13 +32,32 @@ export default {
data() { data() {
return { return {
tableData: [], tableData: [],
timeout: 1000
socket: null,
lockReconnect: false, // 避免重复连接
heartCheck: {
timeout: 3000,
timeoutobj: null,
serverTimeoutObj: null,
start: function() {
const that = this
clearTimeout(this.timeoutObj)
clearTimeout(this.serverTimeoutObj)
this.timeObj = setTimeout(function() {
// 这里发送一个心跳，后端收到后，返回一个心跳，这里用的ping-pong
this.socket.send('ping')
that.serverTimeoutObj = setTimeout(function() {
this.socket.close()
}, that.timeout)
}, this.timeout)
}
}
} }
}, },
created() {
this.initWebSocket()
},
// created() {
// this.openSocket()
// },
mounted() { mounted() {
this.openSocket()
this.getData() this.getData()
console.log(11333) console.log(11333)
this.$nextTick(() => { this.$nextTick(() => {
@ -59,9 +78,6 @@ export default {
// }) // })
// }) // })
}, },
destroyed() {
clearInterval(this.timer)
},
methods: { methods: {
getData() { getData() {
this.tableData = data1.rows this.tableData = data1.rows
@ -109,120 +125,40 @@ export default {
} }
}, 1000 * 3 * this.scollNum) }, 1000 * 3 * this.scollNum)
}, },
initWebSocket() {
const wsUri = process.env.VUE_APP_WS_API + '/webSocket'
this.websock = new WebSocket(wsUri)
this.websock.onerror = this.webSocketOnError
this.websock.onmessage = this.webSocketOnMessage
},
webSocketOnError(e) {
this.$notify({
title: 'WebSocket连接发生错误',
type: 'error',
duration: 0
})
},
webSocketOnMessage(e) {
const data = JSON.parse(e.data)
console.log(data)
if (data.msgType === 'INFO') {
this.$notify({
title: '',
message: data.msg,
type: 'success',
dangerouslyUseHTMLString: true,
duration: 5500
})
} else if (data.msgType === 'ERROR') {
this.$notify({
title: '',
message: data.msg,
dangerouslyUseHTMLString: true,
type: 'error',
duration: 0
})
openSocket() {
if (!('WebSocket' in window)) {
console.log('您的浏览器不支持WebSocket')
} else {
console.log('您的浏览器支持WebSocket')
const socketUrl = process.env.VUE_APP_WS_API + '/webSocket'
if (this.socket != null) {
this.socket.close()
this.socket = null
}
this.socket = new WebSocket(socketUrl)
// 打开事件
this.socket.onopen = () => {
console.log('websocket已经打开')
// 心跳检测重置
this.heartCheck.start()
}
// 获得消息
this.socket.onmessage = (msg) => {
console.log(msg)
// 对返回数据进行处理
this.heartCheck.start()
}
// 关闭事件
this.socket.onclose = function() {
console.log('websocket已关闭')
}
// 发生了错误事件
this.socket.onerror = function(e) {
console.log('websocket发生了错误')
console.log(e)
}
} }
},
webSocketSend(agentData) {
this.websock.send(agentData)
} }
// initWebSocket() {
// // if (WebSocket in window) {
// // 初始化weosocket
// const wsUri = process.env.VUE_APP_WS_API + '/webSocket'
// this.websocket = null
// this.websocket = new WebSocket(wsUri)
// this.websocket.onopen = this.websocketonopen
// this.websocket.onerror = this.websocketonerror
// this.websocket.onmessage = this.websocketonmessage
// this.websocket.onclose = this.websocketclose
// // } else {
// // // 浏览器不支持 WebSocket
// // console.log('您的浏览器不支持 WebSocket!')
// // }
// },
// websocketonopen() {
// this.start()
// },
// start() {
// // 开启心跳
// const that = this
// that.timeoutObj && clearTimeout(that.timeoutObj)
// that.timeoutObj = setTimeout(function() {
// // 这里发送一个心跳，后端收到后，返回一个心跳消息，
// if (that.websocket && that.websocket.readyState === 1) {
// // 如果连接正常
// console.log('WebSocket连接成功')
// that.websocket.send('----timingHeart---')
// } else { // 否则重连
// that.reconnect()
// }
// }, that.timeout)
// },
// reconnect() { // 重新连接
// console.log('重新连接')
// const that = this
// if (that.websocket && that.websocket.readyState === 1) {
// clearInterval(that.timeoutnum)
// that.timeoutnum = null
// that.timeNum = 0
// return
// }
// if (!that.timeoutnum) {
// that.timeoutnum = setInterval(function() {
// if (that.websocket && that.websocket.readyState === 1) {
// clearInterval(that.timeoutnum)
// that.timeoutnum = null
// that.timeNum = 0
// return
// }
// // 新连接
// that.initWebSocket()
// that.timeNum++
// if (that.timeNum >= 3) {
// clearInterval(that.timeoutnum)
// that.timeoutnum = null
// that.timeNum = 0
// }
// }, 1000)
// }
// },
// websocketonerror(e) {
// // 错误
// // this.initWebSocket()
// console.log('WebSocket连接发生错误')
// },
// websocketonmessage(e) {
// // 数据接收
// var data = JSON.parse(e.data)
// // this.$store.commit('SET_ws', data)
// console.log('接收数据', data)
// // 操作处理...
// },
// websocketclose(e) {
// // 关闭
// this.websocket && this.websocket.close && this.websocket.close()
// }
} }
} }
</script> </script>

4
src/views/storeManage/tagManage/bindTagList/index.vue
View File

@ -141,12 +141,12 @@ export default {
sizeChangeHandler(e) { sizeChangeHandler(e) {
this.page.size = e this.page.size = e
this.page.page = 1 this.page.page = 1
this.refresh()
this.initData()
}, },
// 当前页改变 // 当前页改变
pageChangeHandler(e) { pageChangeHandler(e) {
this.page.page = e this.page.page = e
this.refresh()
this.initData()
}, },
selectionChangeHandler(val) { selectionChangeHandler(val) {
this.selections = val this.selections = val

91
src/views/storeManage/warehouse3D/index.vue
View File

@ -64,8 +64,8 @@ export default {
} }
}, },
created() { created() {
console.log(1111)
this.initWebSocket()
// console.log(1111)
// this.initWebSocket()
if (this.$route.params.roomId) { if (this.$route.params.roomId) {
this.activeIndex = this.$route.params.roomId this.activeIndex = this.$route.params.roomId
} }
@ -98,50 +98,51 @@ export default {
}, },
destroyed() { destroyed() {
window.removeEventListener('message', this.handleMessageEvent) window.removeEventListener('message', this.handleMessageEvent)
},
initWebSocket() {
// 初始化weosocket
const url = 'ws://192.168.99.65:7071/webSocket'
const wsuri = url // ws地址
this.websocket = new WebSocket(wsuri)
this.websocket.onopen = this.websocketonopen
this.websocket.onerror = this.websocketonerror
this.websocket.onmessage = this.websocketonmessage
this.websocket.onclose = this.websocketclose
},
websocketonopen() {
console.log('WebSocket连接成功')
// co data = {
// type: 'user_init',
// userid: 'xxx'
// }
// this.websocket.send(
// // 发送数据
// JSON.stringify(data)
// )
},
websocketonerror(e) {
// 错误
// this.initWebSocket()
console.log('WebSocket连接发生错误')
},
websocketonmessage(e) {
// 数据接收
console.log(e.data)
var data = JSON.parse(e.data)
this.$store.commit('SET_ws', data)
console.log('接收数据')
// 操作处理...
},
websocketsend(agentData) {
// 数据发送
this.websocket.send(agentData)
},
websocketclose(e) {
// 关闭
console.log('WebSocket关闭')
console.log(JSON.stringify(e))
} }
// ,
// initWebSocket() {
// // 初始化weosocket
// const url = 'ws://192.168.99.65:7071/webSocket'
// const wsuri = url // ws地址
// this.websocket = new WebSocket(wsuri)
// this.websocket.onopen = this.websocketonopen
// this.websocket.onerror = this.websocketonerror
// this.websocket.onmessage = this.websocketonmessage
// this.websocket.onclose = this.websocketclose
// },
// websocketonopen() {
// console.log('WebSocket连接成功')
// // co data = {
// // type: 'user_init',
// // userid: 'xxx'
// // }
// // this.websocket.send(
// // // 发送数据
// // JSON.stringify(data)
// // )
// },
// websocketonerror(e) {
// // 错误
// // this.initWebSocket()
// console.log('WebSocket连接发生错误')
// },
// websocketonmessage(e) {
// // 数据接收
// console.log(e.data)
// var data = JSON.parse(e.data)
// this.$store.commit('SET_ws', data)
// console.log('接收数据')
// // 操作处理...
// },
// websocketsend(agentData) {
// // 数据发送
// this.websocket.send(agentData)
// },
// websocketclose(e) {
// // 关闭
// console.log('WebSocket关闭')
// console.log(JSON.stringify(e))
// }
} }
} }
</script> </script>

Write Preview
Loading…
Cancel
Save