<template>
<div>
<el-button @click="clear()">清空</el-button>
<el-button @click="close()">关闭</el-button>
<el-button @click="start()">启动</el-button>
<el-button @click="send()">发送</el-button>
<div class="widget-body" style="height: 500px;">
<el-form ref="form3" :model="form3" label-width="0px">
<el-form-item label="" style="height: 90px;">
<el-input type="textarea" v-model="form3.remark" :rows="20"
placeholder="json"></el-input>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
export default {
data() {
return {
websock: null,
form3: {
remark: ''
}
}
},
created() {
// this.websock = new WebSocket('ws://192.168.122.136:5414')
// this.form3.remark = this.form3.remark + '连接状态：' + this.websock.readyState + ' \r\n'
// this.websock.onopen = this.websocketonopen
// this.websock.onmessage = this.websocketonmessage
// this.websock.onerror = this.websocketerror
// this.websock.onclose = this.websocketclose
},
methods: {
clear() {
this.form3.remark = ''
},
close() {
},
start() {
// 需判断不重复启动，启动一次，启动多次会收到多条返回值 192.168.122.136 127.0.0.1
this.websock = new WebSocket('ws://192.168.122.136:5414')
this.form3.remark = this.form3.remark + '连接状态：' + this.websock.readyState + ' \r\n'
this.websock.onopen = this.websocketonopen
this.websock.onmessage = this.websocketonmessage
this.websock.onerror = this.websocketerror
this.websock.onclose = this.websocketclose
},
send() {
let actions = {'hardwaretype':'0','modeltype':'1000','opercode': 'zhangc','opername': 'zc测试','servicecode': 'routerurl','serviceinfo':{'infos':'hello'}}
this.form3.remark = this.form3.remark + '发送json：' + JSON.stringify(actions) + ' \r\n'
this.websocketsend(JSON.stringify(actions))
},
// 连接建立之后执行send方法发送数据
websocketonopen() {
this.form3.remark = this.form3.remark + 'open' + ' \r\n'
// let actions = {'reqtype': '1001'}
// this.form3.remark = this.form3.remark + '发送json：' + JSON.stringify(actions) + ' \r\n'
// this.websocketsend(JSON.stringify(actions))
},
// 数据发送
websocketsend(agentData) {
this.websock.send(agentData)
// this.form3.remark = this.form3.remark + '发送\r\n '
},
// 数据接收
websocketonmessage(e) {
const redata = JSON.parse(e.data)
this.form3.remark = this.form3.remark + '接收json：' + JSON.stringify(redata) + ' \r\n'
},
websocketerror(e) {
this.form3.remark = this.form3.remark + 'error\r\n '
},
websocketclose(e) {
this.form3.remark = this.form3.remark + 'connection closed (' + e.code + ')\r\n '
}
}
}
</script>
