From 17b583422095aff6bb91bd8ddff5faeb41c8edb2 Mon Sep 17 00:00:00 2001 From: wuyouming666 <2265557248@qq.com> Date: 星期六, 02 十二月 2023 09:06:24 +0800 Subject: [PATCH] 更新电气管理通讯逻辑 --- CanadaMes-ui/src/views/Electrical/ManualonePosition2.vue | 71 ++++++++++++++++++++++++++++------- 1 files changed, 57 insertions(+), 14 deletions(-) diff --git a/CanadaMes-ui/src/views/Electrical/ManualonePosition2.vue b/CanadaMes-ui/src/views/Electrical/ManualonePosition2.vue index a79506e..27661b4 100644 --- a/CanadaMes-ui/src/views/Electrical/ManualonePosition2.vue +++ b/CanadaMes-ui/src/views/Electrical/ManualonePosition2.vue @@ -47,10 +47,10 @@ <el-row :gutter="20"> <el-col :span="12" v-for="(dataGroup, groupIndex) in jsonData" :key="groupIndex"> - <el-card class="json-block" style="width:485px;"> + <el-card class="json-block" style="width:600px;"> <div v-for="(item, itemIndex) in dataGroup" :key="itemIndex" class="item-container"> <div class="item-row"> - <span class="name" style="width:100px;">{{ item.name }}</span> + <span class="name" style="width:300px;">{{ item.name }}</span> <el-input style="width:250px;" v-if="item.state != 0 && item.type === '0'" v-model="item.value" class="input-box"></el-input> </div> @@ -58,7 +58,8 @@ <div class="button-row" style="display: flex; justify-content: space-between;"> <div v-for="(item, itemIndex) in dataGroup" :key="itemIndex"> <el-button v-if="item.button && item.button.state != 0" :name="item.button.name" v-model="item.button.value" - :class="{ 'action-button': true, 'error-button': item.button.name === '鏁呴殰' && item.button.value === 1 }" + :class="{ 'action-button': true, 'error-button': item.button.name === $t('鏁呴殰') + && item.button.value === 1 }" @click="updateButtonValue(dataGroup, itemIndex); submitDataToBackend(item.button.name);">{{ item.button.name }}</el-button> </div> @@ -83,12 +84,25 @@ jsonData: data // 鍔犺浇鏁翠釜data.json鏂囦欢浣滀负jsonData } }, - created () { + + activated () { + this.initWebSocket(); - // console.log('jsonData:', this.jsonData); + const language = this.$i18n.locale; + console.log(language); + if (language === 'en-US') { + this.replaceChineseWithEnglish(); + } + this.$forceUpdate(); + }, + methods: { + closeSocket () { + // 鍏抽棴 WebSocket 杩炴帴 + socket.close(); + }, updateButtonValue (dataGroup, itemIndex) { // 灏嗗綋鍓嶆寜閽殑鍊艰涓�1 @@ -98,7 +112,7 @@ }, submitDataToBackend (currentButtonName) { - if (currentButtonName === 'A01缈昏浆鍚姩') { + if (currentButtonName === 'A01缈昏浆鍚姩' || currentButtonName === 'A01 SERVE TURN') { const data = []; for (let i = 0; i < 1; i++) { @@ -122,7 +136,7 @@ } - if (currentButtonName === 'A02缈昏浆鍚姩') { + if (currentButtonName === 'A02缈昏浆鍚姩' || currentButtonName === 'A02 SERVE TURN') { const data = []; for (let i = 1; i < 2; i++) { @@ -146,11 +160,12 @@ } - if (currentButtonName === '鏁呴殰') { + if (currentButtonName === '鏁呴殰' || currentButtonName === 'Fault') { const data2 = []; const resetButtonValues = this.jsonData.map(item => { - const buttonItem = item.find(subItem => subItem.button && subItem.button.name === '鏁呴殰'); + const buttonItem = item.find(subItem => subItem.button && ['鏁呴殰', 'Fault'].includes(subItem.button.name)); + return buttonItem ? buttonItem.button.value : null; }).filter(value => value !== null); @@ -167,11 +182,12 @@ } - if (currentButtonName === '澶嶄綅') { + if (currentButtonName === '澶嶄綅' || currentButtonName === 'Reset') { const data2 = []; const resetButtonValues = this.jsonData.map(item => { - const buttonItem = item.find(subItem => subItem.button && subItem.button.name === '澶嶄綅'); + const buttonItem = item.find(subItem => subItem.button && ['澶嶄綅', 'Reset'].includes(subItem.button.name)); + return buttonItem ? buttonItem.button.value : null; }).filter(value => value !== null); @@ -188,11 +204,12 @@ } - if (currentButtonName === '鍥為浂') { + if (currentButtonName === '鍥為浂' || currentButtonName === 'Zero') { const data2 = []; const resetButtonValues = this.jsonData.map(item => { - const buttonItem = item.find(subItem => subItem.button && subItem.button.name === '鍥為浂'); + const buttonItem = item.find(subItem => subItem.button && ['鍥為浂', 'Zero'].includes(subItem.button.name)); + return buttonItem ? buttonItem.button.value : null; }).filter(value => value !== null); @@ -286,7 +303,8 @@ for (let k = 0; k < section.length; k++) { const item = section[k]; - if (item.button && item.button.name === "鏁呴殰") { + + if (item.button && (item.button.name === "鏁呴殰" || item.button.name === "Fault")) { // 鏇存柊value灞炴�� item.button.value = guzhangValue; break; @@ -318,6 +336,9 @@ socket.onerror = function () { console.log("websocket鍙戠敓浜嗛敊璇�"); }; + this.$router.afterEach(function () { + socket.close(); + }) } }, @@ -325,6 +346,28 @@ socket?.send(JSON.stringify(this.messagepack)); + }, + replaceChineseWithEnglish () { + + + const nameMap = this.$t('Manualoneposition2lang') + this.jsonData = this.jsonData.map((item) => { + return item.map((obj) => { + if (obj.name) { + const newName = nameMap[obj.name] || obj.name; + return { ...obj, name: newName }; + } else if (obj.button && obj.button.name) { + const newName = nameMap[obj.button.name] || obj.button.name; + return { ...obj, button: { ...obj.button, name: newName } }; + } else { + return obj; + } + }); + }); + + + console.log(this.jsonData) + } } -- Gitblit v1.8.0