Merge branch 'master' of http://10.153.19.25:10101/r/CanadaMes

wu

2023-12-18 37f7f87968cfd2c400283fbf83851c39c2c4d456

 CanadaMes-ui/src/views/Electrical/ManualonePosition2.vue

@@ -43,10 +43,24 @@
            <div class="item-row">

              <span class="name" style="width:300px;">{{ item.name }}</span>

             

                <el-input style="width:250px;"  v-if="item.state != 0 && item.type === '0' && groupIndex === 0" v-model="item.value"  @keyup.enter.native="A01start"

                
 <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>





                <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>



                <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 === 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'" v-model="item.value"

                class="input-box"></el-input>

            </div>

@@ -54,11 +68,11 @@
          <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 && language === 'en-US'" :name="item.button.name" v-model="item.button.value"

                :class="{ 'action-button': true, 'error-button': item.button.name === 'Fault' && item.button.value === 1, 'error-button2': item.button.name === 'NotZero' && item.button.value === 0,'greenbutton': item.button.name !== 'NotZero' && item.button.name !== 'Fault' && item.button.value === 1 }"

                :class="{ 'action-button': true, 'error-button': item.button.name === 'Fault' && item.button.value === 1, 'error-button2': item.button.name === 'NotZero' && item.button.value === 0,'error-button3': item.button.name === 'Zero' && item.button.value ===1,'greenbutton': item.button.name !== 'NotZero' && item.button.name !== 'Fault' && item.button.value === 1 }"

                @click="updateButtonValue(dataGroup, itemIndex); submitDataToBackend(item.button.name);">{{

                  item.button.name }}</el-button>

              <el-button v-if="item.button && language === 'zh-CN'" :name="item.button.name" v-model="item.button.value"

                :class="{ 'action-button': true, 'error-button': item.button.name === '故障' && item.button.value === 1, 'error-button2': item.button.name === '未回零' && item.button.value === 0,'greenbutton': item.button.name !== '未回零' && item.button.name !== '故障' && item.button.value === 1 }"

                :class="{ 'action-button': true, 'error-button': item.button.name === '故障' && item.button.value === 1, 'error-button2': item.button.name === '未回零' && item.button.value === 0,'error-button3': item.button.name === '已回零' && item.button.value === 1,'greenbutton': item.button.name !== '未回零' && item.button.name !== '故障' && item.button.value === 1 }"

                @click="updateButtonValue(dataGroup, itemIndex); submitDataToBackend(item.button.name);">{{

                  item.button.name }}</el-button>

            </div>

@@ -73,7 +87,7 @@
<script>

import LanguageMixin from '../../lang/LanguageMixin'

import data from '../../configuration/Manualoneposition2'

import { throttle } from 'lodash';



let socket;

export default {

  name: "ManualonePosition2",

@@ -210,24 +224,25 @@
      }



      if (currentButtonName === '故障' || currentButtonName === 'Fault') {

        return false;



        const data2 = [];

        const resetButtonValues = this.jsonData.map(item => {

          const buttonItem = item.find(subItem => subItem.button && ['故障', 'Fault'].includes(subItem.button.name));

        // const data2 = [];

        // const resetButtonValues = this.jsonData.map(item => {

        //   const buttonItem = item.find(subItem => subItem.button && ['故障', 'Fault'].includes(subItem.button.name));



          return buttonItem ? buttonItem.button.value : null;

        }).filter(value => value !== null);

        //   return buttonItem ? buttonItem.button.value : null;

        // }).filter(value => value !== null);



        // 将得到的值添加到 data 数组中

        data2.push(...resetButtonValues);

        data2.unshift([], []);

        const jsonObject2 = { data2 };

        data2.push([], []);

        // // 将得到的值添加到 data 数组中

        // data2.push(...resetButtonValues);

        // data2.unshift([], []);

        // const jsonObject2 = { data2 };

        // data2.push([], []);



        // 提交数据到后端

        const jsonString2 = JSON.stringify(jsonObject2);

        console.log('所有故障的value:', jsonString2);

        socket?.send(jsonString2);

        // // 提交数据到后端

        // const jsonString2 = JSON.stringify(jsonObject2);

        // console.log('所有故障的value:', jsonString2);

        // socket?.send(jsonString2);





      }

@@ -255,11 +270,11 @@


      }



      if (currentButtonName === '回零' || currentButtonName === 'Zero') {

      if (currentButtonName === '回零' || currentButtonName === 'Home') {



        const data2 = [];

        const resetButtonValues = this.jsonData.map(item => {

          const buttonItem = item.find(subItem => subItem.button && ['回零', 'Zero'].includes(subItem.button.name));

          const buttonItem = item.find(subItem => subItem.button && ['回零', 'Home'].includes(subItem.button.name));



          return buttonItem ? buttonItem.button.value : null;

        }).filter(value => value !== null);

@@ -309,13 +324,26 @@
          }



          let obj = JSON.parse(msg.data);





          // console.log(obj)

          const jsonData2 = this.jsonData;

          const weihuiling = obj.weihuiling;

          const handleMouseMove = throttle(function (event) {

            const inputBox = document.querySelectorAll('.el-card__body');

            const handleMouseMove = (event) => {

    if (!event || !event.target) {

      return; // 如果 event 或 event.target 不存在，则直接返回，不执行后续逻辑

    }



    const inputBox = document.querySelectorAll('.input-box');

            const target = event.target;

            if (obj.zuhe1 && inputBox && Array.from(inputBox).every(box => !box.contains(target))) {

    // console.log(obj);

   
    const isMouseInInput = Array.from(inputBox).some(box => box.contains(target));

 


if (!isMouseInInput) {

            
            if (obj.zuhe1 ) {

              // 执行更新逻辑

              for (let i = 0; i < 2; i++) {

                jsonData2[i].forEach((item, index) => {

@@ -348,9 +376,15 @@




            }

          }, 50);



          document.addEventListener('mouseover', handleMouseMove);



          }

        
        }

              // console.log(jsonData2);

              setInterval(() => handleMouseMove(event), 1000); // 每隔 1000ms 检测一次鼠标位置



document.addEventListener('mousemove', event => handleMouseMove(event));





          if(obj.zuhe1){

@@ -518,4 +552,10 @@


background-color: green;

}



.error-button3{

  background-color: green;





}

</style>