From d2daac02fbc20980162799fc7bf6b1ca59f5686a Mon Sep 17 00:00:00 2001
From: wujian <14790700720@163.com>
Date: 星期五, 12 七月 2024 07:40:41 +0800
Subject: [PATCH] fix3
---
jcdm-ui/src/views/main/cfkb/connectingRodUp/index.vue | 221 ++++++++++++++++++++++++++++++++----------------------
1 files changed, 131 insertions(+), 90 deletions(-)
diff --git a/jcdm-ui/src/views/main/cfkb/connectingRodUp/index.vue b/jcdm-ui/src/views/main/cfkb/connectingRodUp/index.vue
index cc4f3c9..c6018b5 100644
--- a/jcdm-ui/src/views/main/cfkb/connectingRodUp/index.vue
+++ b/jcdm-ui/src/views/main/cfkb/connectingRodUp/index.vue
@@ -28,18 +28,18 @@
</el-card>
</el-col>
</el-row>
- <el-card class="box-card" >
- <el-form :model="from" size="large" :inline="true" label-width="68px" @submit.native.prevent>
- <el-form-item label-width="200" label="娲诲杩炴潌鎵樼洏鐮�" :prop="from.scanObject2" style="align-content: center">
- <input v-model="from.scanObject2"
- ref="inputdata"
- style="height: 39px; width: 300px"
- placeholder="璇疯緭鍏ユ椿濉炶繛鏉嗘墭鐩樼爜"
- />
- </el-form-item>
-<!-- <el-button type="primary" icon="el-icon-refresh" @click="handleQuery">鏌ヨ</el-button>-->
- </el-form>
- </el-card>
+ <!-- <el-card class="box-card" >-->
+ <!-- <el-form :model="from" size="large" :inline="true" label-width="68px" @submit.native.prevent>-->
+ <!-- <el-form-item label-width="200" label="娲诲杩炴潌鎵樼洏鐮�" :prop="from.scanObject2" style="align-content: center">-->
+ <!-- <input v-model="from.scanObject2"-->
+ <!-- ref="inputdata"-->
+ <!-- style="height: 39px; width: 300px"-->
+ <!-- placeholder="璇疯緭鍏ユ椿濉炶繛鏉嗘墭鐩樼爜"-->
+ <!-- />-->
+ <!-- </el-form-item>-->
+ <!--<!– <el-button type="primary" icon="el-icon-refresh" @click="handleQuery">鏌ヨ</el-button>–>-->
+ <!-- </el-form>-->
+ <!-- </el-card>-->
<el-col :span="24" >
<el-card class="bottom-card">
<div slot="header" class="clearfix">
@@ -50,14 +50,14 @@
<el-descriptions-item label="鏈哄瀷">
<span>{{queryParams.productSeries}}</span>
</el-descriptions-item>
- <el-descriptions-item label="绠变綋鐮�">
+ <el-descriptions-item label="绠变綋瀵瑰簲SN鐮�">
<span>{{queryParams.scanObject1}}</span>
</el-descriptions-item>
- <el-descriptions-item label="鏇茶酱鐮�">
+ <el-descriptions-item label="鏇茶酱瀵瑰簲SN鐮�">
<span>{{queryParams.scanObject2}}</span>
</el-descriptions-item>
<el-descriptions-item label="缁撴灉">
- <span style="color: #FFFFFF;" :style="{ backgroundColor: queryParams.tileColor }">{{queryParams.tileColor}}</span>
+ <span style="color: #FFFFFF;" :style="{ backgroundColor: queryParams.tileColor }">{{queryParams.words}}</span>
</el-descriptions-item>
</el-descriptions>
<el-divider></el-divider>
@@ -70,6 +70,10 @@
import VueQr from 'vue-qr'
import { listTileMatchRules, getTileMatchRules, delTileMatchRules, addTileMatchRules, updateTileMatchRules } from "@/api/main/bs/tileMatchRules/tileMatchRules";
import {listStationConf,getIp} from "@/api/main/sc/stationConf";
+import {setBarcodeup, outSign, getDetailData} from "@/api/main/da/tileMatchMiddleware/tileMatchMiddleware";
+import {getUrl} from "@/api/main/bs/orderScheduling/orderScheduling";
+import WebSocketReconnect from "@/utils/WebsocketTool";
+import result from "../../../../components/Crontab/result.vue";
export default {
name: "index",
dicts: ['colour_hex','productseries','axisname','neckname','tilename'],
@@ -91,7 +95,7 @@
productSeries: null,
scanObject1: null,
//scanObject1: 'P0SQ0-01FZ01-1000;T231224116;DBBBBA',
- scanObject2: "",
+ scanObject2: null,
axisName: null,
neckName: null,
tileName: null,
@@ -119,6 +123,7 @@
neckParameterPosition: null,
axisValue: null,
neckValue: null,
+ words:"",
tileColor: null,
createUser: null,
updateUser: null,
@@ -128,39 +133,94 @@
}
},
mounted() {
- this.setFocus()
this.getStationConf()
- //this.getNowTime()
- this.$refs.inputdata.addEventListener('keydown',this.handleScannerInput)
- },
- beforeDestroy() {
- this.$refs.inputdata.removeEventListener('keydown',this.handleScannerInput)
+ this.getWebUrl()
+ this.getDetailMessage()
},
methods:{
- refresh() {
- location.reload();
- },
- setFocus(){
- this.$nextTick(()=>{
- this.$refs.inputdata.focus()
+ getWebUrl(){
+ getUrl().then(res=>{
+ this.websocketUrl = res+"OP050"
+ console.log('websocketUrl锛�',this.websocketUrl)
+ this.initWebSocket()
})
},
- handleScannerInput(event){
- if (this.scannerFlag){
- this.from.scanObject2 = ''
- this.$refs.inputdata.value = ''
- this.scannerFlag = false
- }
- const input = event.target
- const inputValue = input.value
- this.from.scanObject2 = inputValue
- if (event.key === 'Enter'){
- this.scannerFlag = true
- console.log('鏉＄爜锛�',this.from.scanObject2)
- //鎵弿瀹屾垚
+ initWebSocket: function (){
+ //鍒ゆ柇褰撳墠娴忚鍣ㄦ槸鍚︽敮鎸乄ebSocket
+ if ('WebSocket' in window) {
+ //杩炴帴WebSocket鑺傜偣
+ this.websocket = new WebSocketReconnect(this.websocketUrl);
+ //鎺ユ敹鍒版秷鎭殑鍥炶皟鏂规硶
+ this.websocket.socket.onmessage = (event) => {
+ let data = event.data;
+ if (data != null && data !== ''){
+ this.result = JSON.parse(data);
+ const resultMessage = this.result.server_message.split("*");
+ console.log('resultMessage',resultMessage)
+ if (resultMessage.length >=2){
+ if (resultMessage[1] === "sfcCode"){
+ this.queryParams.scanObject1 = resultMessage[0]
+ this.queryParams.productSeries = resultMessage[2]
+ this.queryParams.scanObject2 = resultMessage[3]
+ } else if (resultMessage[1] === "rodCode"){
+ this.queryParams.scanObject2 = resultMessage[0]
+ this.queryParams.productSeries = resultMessage[2]
+ } else if (resultMessage[1] === "clean"){
+ this.queryParams.scanObject1 = ""
+ this.queryParams.scanObject2 = ""
+ this.queryParams.words = ""
+ this.queryParams.tileColor = ""
+ }
+ }
+ if (this.queryParams.scanObject1 !== null && this.queryParams.scanObject1 !== ''
+ && this.queryParams.scanObject2 !== null && this.queryParams.scanObject2 !== ''){
+ if (this.queryParams.scanObject1 === this.queryParams.scanObject2){
+ this.queryParams.words = "閰嶅鎴愬姛"
+ this.queryParams.tileColor = "#3dcc1d"
+ //璇锋眰鍑虹珯
+ // this.passStation()
+ }else {
+ this.queryParams.words = "閰嶅澶辫触"
+ this.queryParams.tileColor = "#f50909"
+ }
+ }
+
+
+ // const parts3 = this.result.server_message.split("*");
+ // if (parts3.length >= 2) {
+ // this.from.scanObject2=parts3[0];
+ // this.queryParams.words=parts3[1];
+ // this.queryParams.tileColor= parts3[2];
+ // this.handleQuery();
+ // }
+ }
+ }
+ //鐩戝惉绐楀彛鍏抽棴浜嬩欢锛屽綋绐楀彛鍏抽棴鏃讹紝涓诲姩鍘诲叧闂瓀ebsocket杩炴帴锛岄槻姝㈣繛鎺ヨ繕娌℃柇寮�灏卞叧闂獥鍙ｏ紝server绔細鎶涘紓甯搞��
+ window.onbeforeunload = function () {
+ this.websocket.close()
+ }
+ //鍏抽棴杩炴帴
+ function closeWebSocket() {
+ this.websocket.close()
+ }
+ //鍙戦�佹秷鎭�
+ function send() {
+ this.websocket.socket.send({ kk: 123 })
+ }
+ } else {
+ alert('娴忚鍣ㄤ笉鏀寔webSocket')
}
},
-
+ //鍒锋柊鑾峰彇淇℃伅
+ getDetailMessage(){
+ getDetailData().then(res => {
+ if (res.data == 200){
+ console.log('res200',res)
+ this.queryParams.scanObject1 = res.SfcCode
+ this.queryParams.productSeries = res.productSeries
+ }
+ })
+ },
/** 鏌ヨ宸ヤ綅缁堢閰嶇疆鍒楄〃 */
getStationConf() {
getIp().then(response => {
@@ -173,35 +233,33 @@
});
});
},
+ passStation(){
+ outSign().then(res =>{
+ console.log("res",res)
+ if (res.code === 200){
+ console.log('1212121')
+ this.$message({
+ message: '鍖归厤鎴愬姛锛屽凡杩囩珯',
+ type: 'success',
+ duration:3000
+ });
+ this.queryParams.productSeries = ''
+ this.queryParams.scanObject1 = ''
+ this.queryParams.scanObject2 = ''
+ this.queryParams.words = ''
+ this.queryParams.tileColor = ''
+
+ }
+ })
+ },
/** 鎼滅储鎸夐挳鎿嶄綔 */
handleQuery() {
this.clear();
- if(this.from.scanObject1 !== null && this.from.scanObject2 !== null
- && this.from.axisName !== null && this.from.axisName !== ""
- && this.from.neckName !== null && this.from.neckName !== ""
- && this.from.tileName !== null && this.from.tileName !== ""
- && this.from.productSeries !== null && this.from.productSeries !== "")
+ if(this.from.scanObject2 !== null)
{
- this.axisValueextracted();
- this.neckValueextracted();
- if(this.queryParams.axisValue !== null && this.queryParams.neckValue !== null){
- this.insetFromToQueryParams();
- this.getList();
- }
- else{
- const h = this.$createElement;
- this.$message({
- message: h('p',null, [
- h('span', null, '璀﹀憡 '),
- h('i', { style: 'color: black' }, '绠变綋鐮佹垨鏇茶酱鐮佽緭鍏ユ湁璇�'),
- h()]),
- type: 'error',
- center: true,
- offset:300
- });
- }
- }
- else{
+ this.insetFromToQueryParams();
+ //this.getList();
+ } else{
const h = this.$createElement;
this.$message({
message: h('p',null, [
@@ -214,26 +272,12 @@
});
}
},
-
- // 鍙栫浣撶爜绗笁娈典负閰嶇摝鍊�
- axisValueextracted() {
- const parts1 = this.from.scanObject1.split(";");
- if (parts1.length >= 3) {
- //const axisValueextracted = parts1[2].substring(3,4);
- const axisValueextracted = parts1[2];
- return this.queryParams.axisValue= axisValueextracted;
-
- }
- },
-
- //鍙栨洸杞寸爜绗笁娈典负閰嶇摝鍊�
- neckValueextracted() {
- const parts2 = this.from.scanObject2.split(";");
- if (parts2.length >= 3) {
- //const neckValueextracted = parts2[2].substring(3,4);
- const neckValueextracted = parts2[2];
- return this.queryParams.neckValue= neckValueextracted;
- }
+ cleanForm(){
+ this.queryParams.productSeries = ""
+ this.queryParams.scanObject1 = ""
+ this.queryParams.scanObject2 = ""
+ this.queryParams.words = ""
+ this.queryParams.tileColor = ""
},
//鍙栭厤鐡﹂鑹�
getList() {
@@ -256,10 +300,7 @@
},
insetFromToQueryParams(){
this.queryParams.productSeries=this.from.productSeries;
- this.queryParams.axisName=this.from.axisName;
- this.queryParams.neckName=this.from.neckName;
this.queryParams.tileName=this.from.tileName;
- this.queryParams.scanObject1=this.from.scanObject1;
this.queryParams.scanObject2=this.from.scanObject2;
}
--
Gitblit v1.9.3