From 2b59de22fbd48ad356b79499722e948d7817c9c3 Mon Sep 17 00:00:00 2001 From: wujian <14790700720@163.com> Date: 星期一, 22 四月 2024 15:05:17 +0800 Subject: [PATCH] add 写入opc --- jcdm-ui/src/views/main/kb/engineCheck/index.vue | 100 ++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 92 insertions(+), 8 deletions(-) diff --git a/jcdm-ui/src/views/main/kb/engineCheck/index.vue b/jcdm-ui/src/views/main/kb/engineCheck/index.vue index fbcb8b3..2e2ac99 100644 --- a/jcdm-ui/src/views/main/kb/engineCheck/index.vue +++ b/jcdm-ui/src/views/main/kb/engineCheck/index.vue @@ -5,7 +5,7 @@ <div class="container" type="flex" justify="center" style="text-align:center"> <!-- <el-row type="flex" justify="center" style="text-align:center;height: 12px" >--> <!-- <el-col type="flex" justify="center" :span="14" style="text-align:center">--> - <span style="font-size:22px;color:black"><strong>鍙戝姩鏈烘暟鎹鏌�</strong></span> + <el-divider><span style="font-size:22px;color:black"><strong>鍙戝姩鏈烘暟鎹鏌�</strong></span></el-divider> <!-- </el-col>--> <!-- </el-row>--> </div> @@ -44,7 +44,7 @@ <el-row :gutter="10" class="mb8" type="flex" justify="center" style="text-align: center"> <el-col :span="1.5"> - <el-button plain :disabled="buttondisabled" type="primary" style="width:400px;height:160px" v-hasPermi="['bs:formula:add']" @click="forceOnline"> + <el-button plain :disabled="buttondisabled" type="primary" style="width:400px;height:160px" v-hasPermi="['bs:formula:add']"> <span class="el-icon-thumb" style="font-size:40px;color:black"></span> <span style="font-size:45px;color:black"><strong>寮哄埗涓婄嚎</strong></span> </el-button> @@ -54,22 +54,20 @@ </el-col> <el-col :span="10" inline style="margin-top: 5px"> - <el-tabs type="border-card" > - <el-card class="custom-content" style="height: 242px;width:800px"> + <el-card class="custom-content" style="height: 264px"> <el-col :span="14"> <span style="font-size:25px"><strong>璐ㄩ噺鐘舵��</strong></span> <el-divider></el-divider> {{this.form.engineCheckList}} </el-col> </el-card> - <el-card class="custom-content" style="margin-top: 10px;height: 242px;width:800px" > + <el-card class="custom-content" style="height: 264px" > <el-col :span="14"style=" "> <span style="font-size:25px"><strong>鏈�缁堢粨鏋�</strong></span> <el-divider></el-divider> {{queryParams.productType}} </el-col> </el-card> - </el-tabs> </el-col> </el-row> </div> @@ -79,6 +77,41 @@ import { listOrderScheduling, getOrderScheduling, delOrderScheduling, addOrderScheduling, updateOrderScheduling } from "@/api/main/bs/orderScheduling/orderScheduling"; import { listPassingStationCollection, getPassingStationCollection, delPassingStationCollection, addPassingStationCollection, updatePassingStationCollection } from "@/api/main/da/passingStationCollection/passingStationCollection"; import {listLineInfo} from "@/api/main/bs/lineInfo/lineInfo"; +import WebSocketReconnect from "@/utils/WebsocketTool"; + +// let websocket = null +// //鍒ゆ柇褰撳墠娴忚鍣ㄦ槸鍚︽敮鎸乄ebSocket +// if ('WebSocket' in window) { +// //杩炴帴WebSocket鑺傜偣 +// websocket = new WebSocketReconnect('ws://127.0.0.1:8086/websocket/111122') +// } else { +// alert('娴忚鍣ㄤ笉鏀寔webSocket') +// } +// //鎺ユ敹鍒版秷鎭殑鍥炶皟鏂规硶 +// websocket.socket.onmessage = function (event) { +// let data = event.data +// console.log('鍚庣浼犻�掔殑鏁版嵁:' + data) +// if (data != null && data !== ''){ +// this.result = JSON.parse(data) +// console.log('this.result',this.result) +// // this.form.engineNo = this.result.server_message +// this.transEngineNo = this.result.server_message +// console.log('this.transEngineNo11111111111',this.transEngineNo) +// } +// +// } +// //鐩戝惉绐楀彛鍏抽棴浜嬩欢锛屽綋绐楀彛鍏抽棴鏃讹紝涓诲姩鍘诲叧闂瓀ebsocket杩炴帴锛岄槻姝㈣繛鎺ヨ繕娌℃柇寮�灏卞叧闂獥鍙o紝server绔細鎶涘紓甯搞�� +// window.onbeforeunload = function () { +// websocket.close() +// } +// //鍏抽棴杩炴帴 +// function closeWebSocket() { +// websocket.close() +// } +// //鍙戦�佹秷鎭� +// function send() { +// websocket.socket.send({ kk: 123 }) +// } export default { components: { }, @@ -86,11 +119,15 @@ props: [], data() { return { + websocket: null, + result: {}, + transEngineNo: '', options: [], total: 0, engineCheckList:[], showFlag:false, buttondisabled:true, + mess:'', // 鏌ヨ鍙傛暟 queryParams: { pageNum: 1, @@ -117,10 +154,57 @@ }; }, computed: {}, - watch: {}, + watch: { + // transEngineNo:{ + // handler(newVal,oldVal) { + // console.log('newVal',newVal) + // console.log('oldVal',oldVal) + // this.form.engineNo = newVal + // console.log('11111111111111') + // console.log('this.form.engineNo',this.form.engineNo) + // }, + // immediate:true + // } + }, created() {}, - mounted() {}, + mounted() { + this.initWebSocket() + }, methods: { + initWebSocket: function (){ + //鍒ゆ柇褰撳墠娴忚鍣ㄦ槸鍚︽敮鎸乄ebSocket + if ('WebSocket' in window) { + //杩炴帴WebSocket鑺傜偣 + this.websocket = new WebSocketReconnect('ws://127.0.0.1:8086/websocket/111122') + + //鎺ユ敹鍒版秷鎭殑鍥炶皟鏂规硶 + this.websocket.socket.onmessage = (event) => { + let data = event.data + console.log('鍚庣浼犻�掔殑鏁版嵁:' + data) + if (data != null && data !== ''){ + this.result = JSON.parse(data) + console.log('this.result',this.result) + this.form.engineNo = this.result.server_message + // this.transEngineNo = this.result.server_message + console.log('this.transEngineNo11111111111',this.transEngineNo) + } + } +//鐩戝惉绐楀彛鍏抽棴浜嬩欢锛屽綋绐楀彛鍏抽棴鏃讹紝涓诲姩鍘诲叧闂瓀ebsocket杩炴帴锛岄槻姝㈣繛鎺ヨ繕娌℃柇寮�灏卞叧闂獥鍙o紝server绔細鎶涘紓甯搞�� + window.onbeforeunload = function () { + this.websocket.close() + } +//鍏抽棴杩炴帴 + function closeWebSocket() { + this.websocket.close() + } +//鍙戦�佹秷鎭� + function send() { + this.websocket.socket.send({ kk: 123 }) + } + } else { + alert('娴忚鍣ㄤ笉鏀寔webSocket') + } + }, reset() { this.form = { engineNo:null, -- Gitblit v1.9.3