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/ManualonePosition.vue | 84 ++++++++++++++++++++++++++++++++---------- 1 files changed, 64 insertions(+), 20 deletions(-) diff --git a/CanadaMes-ui/src/views/Electrical/ManualonePosition.vue b/CanadaMes-ui/src/views/Electrical/ManualonePosition.vue index dbd4dc2..99a722d 100644 --- a/CanadaMes-ui/src/views/Electrical/ManualonePosition.vue +++ b/CanadaMes-ui/src/views/Electrical/ManualonePosition.vue @@ -23,8 +23,8 @@ }}</router-link> <router-link to="/Electrical/Parameter1" tag="el-button" type="text" active-class="blue-button">{{ $t('Parameter1') }}</router-link> - <!-- <router-link to="/Electrical/Parameter2" tag="el-button" type="text" active-class="blue-button">{{ $t('Parameter2') - }}</router-link> --> + <router-link to="/Electrical/Parameter2" tag="el-button" type="text" active-class="blue-button">{{ $t('Parameter2') + }}</router-link> <router-link to="/Electrical/Positioning1" tag="el-button" type="text" active-class="blue-button">{{ $t('Positioning1') }}</router-link> @@ -47,10 +47,10 @@ <el-row :gutter="10"> <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:585px;"> <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> @@ -85,12 +86,23 @@ // 鍔犺浇鏁翠釜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 @@ -100,7 +112,7 @@ }, submitDataToBackend (currentButtonName) { - if (currentButtonName === 'A01鍚姩') { + if (currentButtonName === 'A01鍚姩' || currentButtonName === 'A01 Start' ) { const data = []; for (let i = 0; i < 1; i++) { @@ -124,7 +136,7 @@ } - if (currentButtonName === 'A02鍚姩') { + if (currentButtonName === 'A02鍚姩' || currentButtonName === 'A02 Start') { const data = []; for (let i = 1; i < 2; i++) { @@ -148,7 +160,7 @@ } - if (currentButtonName === 'B01鍚姩') { + if (currentButtonName === 'B01鍚姩' || currentButtonName === 'B01 Start') { const data = []; for (let i = 2; i < 3; i++) { @@ -172,7 +184,7 @@ } - if (currentButtonName === 'B02鍚姩') { + if (currentButtonName === 'B02鍚姩' || currentButtonName === 'B02 Start') { const data = []; for (let i = 3; i < 4; i++) { @@ -196,11 +208,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 && subItem.button.name === '鏁呴殰' || subItem.button.name === 'Fault'); + const buttonItem = item.find(subItem => subItem.button && ['鏁呴殰', 'Fault'].includes(subItem.button.name)); return buttonItem ? buttonItem.button.value : null; }).filter(value => value !== null); @@ -217,11 +230,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); @@ -234,15 +248,18 @@ const jsonString2 = JSON.stringify(jsonObject2); console.log('鎵�鏈夊浣嶇殑value:', jsonString2); socket?.send(jsonString2); - + setTimeout(()=> + window.location.reload(),2000 + ) } - 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); @@ -255,7 +272,9 @@ const jsonString2 = JSON.stringify(jsonObject2); console.log('鎵�鏈夊洖闆剁殑value:', jsonString2); socket?.send(jsonString2); - + setTimeout(()=> + window.location.reload(),2000 + ) } @@ -339,7 +358,7 @@ 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; @@ -371,6 +390,9 @@ socket.onerror = function () { console.log("websocket鍙戠敓浜嗛敊璇�"); }; + this.$router.afterEach(function () { + socket.close(); + }) } }, @@ -378,6 +400,28 @@ socket?.send(JSON.stringify(this.messagepack)); + }, + replaceChineseWithEnglish () { + + + const nameMap = this.$t('ManualonePositionlang') + 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