wu
2023-12-20 903a5090b1624bc7a95e70ef52c4ccb1ac04d588
CanadaMes-ui/src/views/Electrical/ManualonePosition.vue
@@ -56,21 +56,21 @@
              <span class="name" style="width:300px;">{{ item.name }}</span>
                <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"    ></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') && (itemIndex === 2)" v-model="item.value" readonly class="input-box"></el-input>
                class="input-box"    ></el-input>
                <el-input style="width: 250px;" v-else-if="(item.state !== 0) && (item.type === '0') && (itemIndex === 2)" v-model="item.value" readonly 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"
                class="input-box"></el-input>
                class="input-box"   ></el-input>
                <el-input style="width:250px;"  v-else-if="item.state != 0 && item.type === '0' && groupIndex === 2" v-model="item.value"  @keyup.enter.native="B01start"
                class="input-box"></el-input>
                class="input-box"   ></el-input>
                <el-input style="width:250px;"  v-else-if="item.state != 0 && item.type === '0' && groupIndex === 3" v-model="item.value"  @keyup.enter.native="B02start"
                class="input-box"></el-input>
                class="input-box"    ></el-input>
                <el-input style="width:250px;" v-else-if="item.state != 0 && item.type === '0'" v-model="item.value"
                class="input-box"></el-input>
                class="input-box"    ></el-input>
            </div>
          </div>
          <div class="button-row" style="display: flex; justify-content: space-between;">
@@ -106,6 +106,7 @@
import data from '../../configuration/Manualoneposition'
import ManualonePosition2 from './ManualonePosition2.vue';
// import { createWebSocket } from '../../api/websocket.js';
let socket;
export default {
  name: "ManualonePosition",
@@ -156,14 +157,30 @@
for (let i = 0; i < 1; i++) {
  const inputData = this.jsonData[i].filter(item => item.type === '0').map(item => {
    return { value: item.value };
  });
  const values = inputData.map(item => item.value);
  console.log(values);
if (values.length > 0) {
  let firstValue = values[0];
  if (!(firstValue >= "1" && firstValue <= "210") && firstValue !== "888" && firstValue !== "1000") {
    values.shift();
    this.$message.error("Out of range");
    return false;
  }
}
  data.push(values);
}
data.push([], [], [],[],[],[]);
@@ -184,6 +201,15 @@
  });
  const values = inputData.map(item => item.value);
  if (values.length > 0) {
let firstValue = values[0];
if (!(firstValue >= "1" && firstValue <= "210") && firstValue !== "888" && firstValue !== "1000") {
  values.shift();
  this.$message.error("Out of range");
  return false;
}
}
  data.unshift([]);
  data.push(values);
}
@@ -431,31 +457,31 @@
        };
        // 收到消息
        socket.onmessage = (msg) => {
          if (!msg.data) {
            return; // 如果收到空数据,则直接返回,不执行后续逻辑
          }
        let 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; // 如果收到空数据,则直接返回,不执行后续逻辑
  }
          let obj = JSON.parse(msg.data);
          const jsonData2 = this.jsonData;
          const weihuiling = obj.weihuiling;
          const handleMouseMove = (event) => {
    if (!event || !event.target) {
      return; // 如果 event 或 event.target 不存在,则直接返回,不执行后续逻辑
    }
    const inputBox = document.querySelectorAll('.input-box');
    const target = event.target;
    // console.log(obj);
    const isMouseInInput = Array.from(inputBox).some(box => box.contains(target));
    if (!isMouseInInput) {
  if(obj.zuhe1){
  if(obj.zuhe1&& !isMouseInInputBox){
// console.log(obj);
  
              // 执行更新逻辑
              for (let i = 0; i < 4; i++) {
@@ -467,14 +493,8 @@
              }
            }
            }
        }
              // console.log(jsonData2);
              setInterval(() => handleMouseMove(event), 1000); // 每隔 1000ms 检测一次鼠标位置
document.addEventListener('mousemove', event => handleMouseMove(event));
if(obj.zuhe1){