| | |
| | |
|
| | |
|
| | | <el-input style="width:250px;" v-if="item.state != 0 && item.type === '0' && groupIndex === 0 && (itemIndex === 2)" readonly v-model="item.value"
|
| | | class="input-box"></el-input>
|
| | | class="input-box" :oninput="`value=value.replace(/^0|[^0-9]/g,'');if(value<`+item.min+`){value=`+item.value+`}else if(value>`+item.max+`){value=`+item.value+`}`"></el-input>
|
| | |
|
| | |
|
| | | <el-input style="width:250px;" v-else-if="item.state != 0 && item.type === '0' && groupIndex === 1 && (itemIndex === 2)" readonly v-model="item.value"
|
| | | class="input-box"></el-input>
|
| | | class="input-box" :oninput="`value=value.replace(/^0|[^0-9]/g,'');if(value<`+item.min+`){value=`+item.value+`}else if(value>`+item.max+`){value=`+item.value+`}`"></el-input>
|
| | |
|
| | | <el-input style="width:250px;" v-else-if="item.state != 0 && item.type === '0' && groupIndex === 0 " v-model="item.value" @keyup.enter.native="A01start"
|
| | | class="input-box"></el-input>
|
| | | <el-input style="width:250px;" v-else-if="item.state != 0 && item.type === '0' && groupIndex === 0 " v-model="item.value" @keyup.enter.native="A01start($event)"
|
| | | class="input-box" :oninput="`value=value.replace(/^0|[^0-9]/g,'');if(value<`+item.min+`){value=`+item.value+`}else if(value>`+item.max+`){value=`+item.value+`}`"></el-input>
|
| | |
|
| | |
|
| | | <el-input style="width:250px;" v-else-if="item.state != 0 && item.type === '0' && groupIndex === 1 " v-model="item.value" @keyup.enter.native="A02start"
|
| | | class="input-box"></el-input>
|
| | | <el-input style="width:250px;" v-else-if="item.state != 0 && item.type === '0' && groupIndex === 1 " v-model="item.value" @keyup.enter.native="A02start($event)"
|
| | | class="input-box" :oninput="`value=value.replace(/^0|[^0-9]/g,'');if(value<`+item.min+`){value=`+item.value+`}else if(value>`+item.max+`){value=`+item.value+`}`"></el-input>
|
| | |
|
| | |
|
| | |
|
| | |
| | | },
|
| | |
|
| | |
|
| | | A01start(){
|
| | | A01start(event){
|
| | | const data = [];
|
| | |
|
| | | for (let i = 0; i < 1; i++) {
|
| | |
| | | const jsonString = JSON.stringify(jsonObject);
|
| | | console.log('所有Type为0的value:', jsonString);
|
| | | socket?.send(jsonString);
|
| | |
|
| | | event.target.blur(); // 取消输入框焦点
|
| | |
|
| | | },
|
| | | A02start(){
|
| | | A02start(event){
|
| | |
|
| | | const data = [];
|
| | |
|
| | |
| | | const jsonString = JSON.stringify(jsonObject);
|
| | | console.log('所有Type为0的value:', jsonString);
|
| | | socket?.send(jsonString);
|
| | | event.target.blur(); // 取消输入框焦点
|
| | | },
|
| | | //提交方法
|
| | | submitDataToBackend (currentButtonName) {
|
| | |
| | | const jsonString = JSON.stringify(jsonObject);
|
| | | console.log('所有Type为0的value:', jsonString);
|
| | | socket?.send(jsonString);
|
| | | setTimeout(() => {
|
| | | const reversedData = data.map(values => values.map(value => {
|
| | | return (!value || value === 1) ? 0 : 0 ;
|
| | | }));
|
| | |
|
| | | const reversedJsonObject = { data: reversedData };
|
| | |
|
| | | // 提交数据到后端
|
| | | const reversedJsonString = JSON.stringify(reversedJsonObject);
|
| | | console.log('反转后:', reversedJsonString);
|
| | | socket?.send(reversedJsonString);
|
| | | }, 1000);
|
| | |
|
| | | }
|
| | |
|
| | |
| | | const jsonString = JSON.stringify(jsonObject);
|
| | | console.log('所有Type为0的value:', jsonString);
|
| | | socket?.send(jsonString);
|
| | | setTimeout(() => {
|
| | | const reversedData = data.map(values => values.map(value => {
|
| | | return (!value || value === 1) ? 0 : 0 ;
|
| | | }));
|
| | |
|
| | | const reversedJsonObject = { data: reversedData };
|
| | |
|
| | | // 提交数据到后端
|
| | | const reversedJsonString = JSON.stringify(reversedJsonObject);
|
| | | console.log('反转后:', reversedJsonString);
|
| | | socket?.send(reversedJsonString);
|
| | | }, 1000);
|
| | |
|
| | | }
|
| | |
|
| | |
| | | const jsonString2 = JSON.stringify(jsonObject2);
|
| | | console.log('所有Type为0的value:', jsonString2);
|
| | | socket?.send(jsonString2);
|
| | | setTimeout(() => {
|
| | | const reversedData = data2.map(values => values.map(value => {
|
| | | return (!value || value === 1) ? 0 : 0 ;
|
| | | }));
|
| | |
|
| | | const reversedJsonObject = { data: reversedData };
|
| | |
|
| | | // 提交数据到后端
|
| | | const reversedJsonString = JSON.stringify(reversedJsonObject);
|
| | | console.log('反转后:', reversedJsonString);
|
| | | socket?.send(reversedJsonString);
|
| | | }, 1000);
|
| | |
|
| | |
|
| | | }
|
| | |
| | | const jsonString2 = JSON.stringify(jsonObject2);
|
| | | console.log('所有Type为0的value:', jsonString2);
|
| | | socket?.send(jsonString2);
|
| | | setTimeout(() => {
|
| | | const reversedData = data2.map(values => values.map(value => {
|
| | | return (!value || value === 1) ? 0 : 0 ;
|
| | | }));
|
| | |
|
| | | const reversedJsonObject = { data: reversedData };
|
| | |
|
| | | // 提交数据到后端
|
| | | const reversedJsonString = JSON.stringify(reversedJsonObject);
|
| | | console.log('反转后:', reversedJsonString);
|
| | | socket?.send(reversedJsonString);
|
| | | }, 1000);
|
| | |
|
| | |
|
| | | }
|
| | |
| | | };
|
| | |
|
| | | // 收到消息
|
| | | let isMouseInInputBox = false; // 标记鼠标是否在输入框内
|
| | | // let isMouseInInputBox = false; // 标记鼠标是否在输入框内
|
| | |
|
| | | const inputBox = document.querySelectorAll('.input-box');
|
| | | inputBox.forEach(box => {
|
| | | box.addEventListener('mouseenter', () => {
|
| | | isMouseInInputBox = true;
|
| | | });
|
| | | box.addEventListener('mouseleave', () => {
|
| | | isMouseInInputBox = false;
|
| | | });
|
| | | });
|
| | | // const inputBox = document.querySelectorAll('.input-box');
|
| | | // inputBox.forEach(box => {
|
| | | // box.addEventListener('mouseenter', () => {
|
| | | // isMouseInInputBox = true;
|
| | | // });
|
| | | // box.addEventListener('mouseleave', () => {
|
| | | // isMouseInInputBox = false;
|
| | | // });
|
| | | // });
|
| | |
|
| | | socket.onmessage = (msg) => {
|
| | | if (!msg.data) {
|
| | | return; // 如果收到空数据,则直接返回,不执行后续逻辑
|
| | | }
|
| | |
|
| | | if (document.activeElement.tagName.toLowerCase() === 'input') {
|
| | | return;
|
| | | }
|
| | |
|
| | |
|
| | | let obj = JSON.parse(msg.data);
|
| | |
|
| | |
|
| | | // console.log(obj)
|
| | | const jsonData2 = this.jsonData;
|
| | | const weihuiling = obj.weihuiling;
|
| | |
| | |
|
| | |
|
| | |
|
| | | if (obj.zuhe1&& !isMouseInInputBox ) {
|
| | | if (obj.zuhe1 ) {
|
| | | // 执行更新逻辑
|
| | | for (let i = 0; i < 2; i++) {
|
| | | jsonData2[i].forEach((item, index) => {
|
| | |
| | | }
|
| | |
|
| | | //启动
|
| | | for (let i = 0; i < jsonData2.length; i++) {
|
| | | let arr4 = jsonData2[i];
|
| | | for (let j = 0; j < arr4.length; j++) {
|
| | | let obj4 = arr4[j];
|
| | | if (obj4.button && (obj4.button.name.includes("启动") || obj4.button.name.includes("Start"))) {
|
| | | obj4.button.value = obj.qidong[0][i];
|
| | | // console.log(obj2.button.value)
|
| | | }
|
| | | }
|
| | | // for (let i = 0; i < jsonData2.length; i++) {
|
| | | // let arr4 = jsonData2[i];
|
| | | // for (let j = 0; j < arr4.length; j++) {
|
| | | // let obj4 = arr4[j];
|
| | | // if (obj4.button && (obj4.button.name.includes("启动") || obj4.button.name.includes("Start"))) {
|
| | | // obj4.button.value = obj.qidong[0][i];
|
| | | // // console.log(obj2.button.value)
|
| | | // }
|
| | | // }
|
| | |
|
| | |
|
| | | }
|
| | | // }
|
| | |
|
| | |
|
| | |
|
| | | // for (let i = 0; i < jsonData2.length; i++) {
|
| | | // let arr4 = jsonData2[i];
|
| | | // for (let j = 0; j < arr4.length; j++) {
|
| | | // let obj4 = arr4[j];
|
| | | // if (obj4.button && (obj4.button.name.includes("启动") || obj4.button.name.includes("Start"))) {
|
| | | // obj4.button.value = obj.qidong[0][i];
|
| | | // // console.log(obj2.button.value)
|
| | | // }
|
| | | // }
|
| | |
|
| | |
|
| | | // }
|
| | |
|
| | | // for (let i = 0; i < jsonData2.length; i++) {
|
| | | // let arr4 = jsonData2[i];
|
| | | // for (let j = 0; j < arr4.length; j++) {
|
| | | // let obj4 = arr4[j];
|
| | | // if (obj4.button && (obj4.button.name.includes("复位") || obj4.button.name.includes("Reast"))) {
|
| | | // obj4.button.value = obj.fuwei[0][i];
|
| | | // // console.log(obj2.button.value)
|
| | | // }
|
| | | // }
|
| | |
|
| | |
|
| | | // }
|
| | |
|
| | | // for (let i = 0; i < jsonData2.length; i++) {
|
| | | // let arr4 = jsonData2[i];
|
| | | // for (let j = 0; j < arr4.length; j++) {
|
| | | // let obj4 = arr4[j];
|
| | | // if (obj4.button && (obj4.button.name.includes("回零") || obj4.button.name.includes("Home"))) {
|
| | | // obj4.button.value = obj.huiling[0][i];
|
| | | // // console.log(obj2.button.value)
|
| | | // }
|
| | | // }
|
| | |
|
| | |
|
| | | // }
|
| | |
|
| | |
|
| | |
|
| | |
|
| | | //改变未回零文字
|
| | | for (let i = 0; i < jsonData2.length; i++) {
|