未回零显示问题

wuyouming666

2024-05-06 0c5f7c66f34b02c07c3a1bf9832ef402fa26339d

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

@@ -3,8 +3,8 @@
    <el-breadcrumb separator-class="el-icon-arrow-right" class="el-breadcrumb">

      <router-link to="/Electrical/alarm" tag="el-button" type="text" active-class="blue-button">{{ $t('Alarm')

      }}</router-link>

      <router-link to="/Electrical/State" tag="el-button" type="text" active-class="blue-button">{{ $t('State')

      }}</router-link>

      <!-- <router-link to="/Electrical/State" tag="el-button" type="text" active-class="blue-button">{{ $t('State')

      }}</router-link> -->

      <!-- <router-link to="/Electrical/Action" tag="el-button" type="text" active-class="blue-button">{{ $t('Action')

      }}</router-link> -->

      <!-- <router-link to="/Electrical/Parameter" tag="el-button" type="text" active-class="blue-button">{{ $t('Parameter')

@@ -18,33 +18,34 @@
    <el-breadcrumb separator-class="el-icon-arrow-right" class="el-breadcrumb">

      <router-link to="/Electrical/Parameter2" tag="el-button" type="text" active-class="blue-button">{{ $t('Automatic State')

      }}</router-link>

      <router-link to="/Electrical/ManualJog" tag="el-button" type="text" active-class="blue-button">{{

      <!-- <router-link to="/Electrical/ManualJog" tag="el-button" type="text" active-class="blue-button">{{

        $t('ManualJog')

      }}</router-link>

      }}</router-link> -->

      

       <router-link to="/Electrical/ManualonePosition" tag="el-button" type="text" active-class="blue-button">{{

        $t('ManualonePosition')

      }}</router-link>



<router-link to="/Electrical/Servomanualone" tag="el-button" type="text" active-class="blue-button">{{

        $t('Servomanualone')

      }}</router-link>

      <!-- <router-link to="/Electrical/Parameter1" tag="el-button" type="text" active-class="blue-button">{{ $t('Parameter1')

      }}</router-link> -->

<router-link v-if="hasPermission" to="/Electrical/Servomanualone" tag="el-button" type="text" active-class="blue-button">

    {{ $t('Servomanualone') }}

  </router-link>

      
     

      <router-link to="/Electrical/Positioning1" tag="el-button" type="text" active-class="blue-button">{{

      <router-link   v-if="hasPermission" to="/Electrical/Positioning1" tag="el-button" type="text" active-class="blue-button">{{

        $t('Address parameter settings')

      }}</router-link>

      <!-- <router-link to="/Electrical/Positioning2" tag="el-button" type="text" active-class="blue-button">{{

        $t('Positioning2')

      }}</router-link> -->

     
      <!-- <router-link to="/Electrical/ManualonePosition2" tag="el-button" type="text" active-class="blue-button">{{

        $t('ManualonePosition2')

      }}</router-link> -->

      <router-link to="/Electrical/AutomaticParameterSetting" tag="el-button" type="text" active-class="blue-button">{{

  
      <router-link   v-if="hasPermission" to="/Electrical/AutomaticParameterSetting" tag="el-button" type="text" active-class="blue-button">{{

        $t('Speed parameter settings')

      }}</router-link>



<router-link  v-if="hasPermission"

        to="/Electrical/InteractionState"

        tag="el-button"

        type="text"

        active-class="blue-button"

        >{{ $t("InteractionState") }}</router-link

      >

      

    </el-breadcrumb>



@@ -58,16 +59,16 @@
                <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"  :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"

                <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') && (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"

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

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

                <el-input style="width:250px;"  v-else-if="item.state != 0 && item.type === '0' && groupIndex === 2" v-model="item.value"  @keyup.enter.native="B01start($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 === 3" v-model="item.value"  @keyup.enter.native="B02start"

                <el-input style="width:250px;"  v-else-if="item.state != 0 && item.type === '0' && groupIndex === 3" v-model="item.value"  @keyup.enter.native="B02start($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'" v-model="item.value"

                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>

@@ -77,12 +78,12 @@
            <div v-for="(item, itemIndex) in dataGroup" :key="itemIndex">

              <el-button v-if="item.button && language === 'en-US' && item.state != 0" :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,'error-button3': item.button.name === 'Zero' && item.button.value === 1,'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 === 1,'error-button3': item.button.name === 'Zero' && item.button.value === 0,'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' && item.state != 0" :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,'error-button3': item.button.name === '已回零' && item.button.value === 1,'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 === 1,'error-button3': item.button.name === '已回零' && item.button.value === 0,'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>

@@ -93,6 +94,7 @@
 <div class="container">

 

    <component :is="embeddedComponent"></component>

    <component :is="embeddedComponent2"></component>

  </div> 



    <!-- <el-button @click="submitDataToBackend">提交数据到后端</el-button> -->

@@ -106,6 +108,10 @@
import data from '../../configuration/Manualoneposition'



import ManualonePosition2 from './ManualonePosition2.vue';

import ManualJog from './ManualJog.vue';

import {

SelectPermissionByUserName, currentUsername

} from "../../api/home";

// import { createWebSocket } from '../../api/websocket.js';

let socket;

export default {

@@ -116,6 +122,8 @@
      jsonData: data,

      language: this.$i18n.locale,

      embeddedComponent: ManualonePosition2,

      embeddedComponent2: ManualJog,

      hasPermission: false // 默认没有权限



      // 加载整个data.json文件作为jsonData

    }

@@ -129,7 +137,17 @@
      this.replaceChineseWithEnglish();

    }

    this.$forceUpdate();

    currentUsername().then(res => {

                SelectPermissionByUserName(res.data).then(res => {

                    res.data.permission.forEach(item => {

                        if (item.permissionId == "36" && item.state == 1) {

                            this.hasPermission = true;

                        }

                       
                    });

                });



            });



  },

  methods: {

@@ -151,7 +169,7 @@




    },

    A01start(){

    A01start(event){



      const data = [];



@@ -190,9 +208,12 @@
const jsonString = JSON.stringify(jsonObject);

console.log('所有Type为0的value:', jsonString);

socket?.send(jsonString);

event.target.blur(); // 取消输入框焦点







    },

    A02start(){

    A02start(event){

      const data = [];



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

@@ -223,9 +244,9 @@
const jsonString = JSON.stringify(jsonObject);

console.log('所有Type为0的value:', jsonString);

socket?.send(jsonString);



event.target.blur(); // 取消输入框焦点

    },

    B01start(){

    B01start(event){

      const data = [];



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

@@ -248,9 +269,9 @@
const jsonString = JSON.stringify(jsonObject);

console.log('所有Type为0的value:', jsonString);

socket?.send(jsonString);



event.target.blur(); // 取消输入框焦点

    },

    B02start(){

    B02start(event){

      const data = [];



for (let i = 3; i < 4; i++) {

@@ -283,7 +304,7 @@
const jsonString = JSON.stringify(jsonObject);

console.log('所有Type为0的value:', jsonString);

socket?.send(jsonString);



event.target.blur(); // 取消输入框焦点

    },

    submitDataToBackend (currentButtonName) {

      if (currentButtonName === 'A01启动' || currentButtonName === 'A01 Start') {

@@ -303,6 +324,19 @@
        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);

  this.$forceUpdate();



      }



@@ -323,6 +357,19 @@
      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);

  this.$forceUpdate();



      }



@@ -343,6 +390,19 @@
      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);

  this.$forceUpdate();



      }



@@ -363,6 +423,19 @@
      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);

  this.$forceUpdate();



      }



@@ -409,10 +482,19 @@
        const jsonString2 = JSON.stringify(jsonObject2);

        console.log('所有复位的value:', jsonString2);

        socket?.send(jsonString2);

        // setTimeout(() =>

        //   window.location.reload(), 2000

        // )

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

  this.$forceUpdate();

      }



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

@@ -433,6 +515,18 @@
        const jsonString2 = JSON.stringify(jsonObject2);

        console.log('所有回零的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);

        // setTimeout(() =>

        //   window.location.reload(), 2000

        // )

@@ -440,7 +534,7 @@
      }







    


    },



@@ -467,21 +561,26 @@
        };



        // 收到消息

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

@@ -489,9 +588,9 @@
          const weihuiling = obj.weihuiling;





  if(obj.zuhe1&& !isMouseInInputBox){

  if(obj.zuhe1){



// console.log(obj);

 console.log(obj);

  

              // 执行更新逻辑

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

@@ -542,18 +641,49 @@


              }



              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 = 2; i < jsonData2.length; i++) {

                let arr2 = jsonData2[i];

                for (let j = 2; j < arr2.length; j++) {

@@ -577,7 +707,7 @@
  let arr = jsonData2[i];

  for (let j = 0; j < arr.length; j++) {

    let obj = arr[j];

    if (obj.button && obj.button.value===1) {

    if (obj.button && obj.button.value===0) {

      if ( obj.button.name==="未回零" && this.language==="zh-CN") {

      obj.button.name =obj.button.name.replace("未回零","已回零") ;

    }

@@ -585,7 +715,7 @@
      obj.button.name =obj.button.name.replace("NotZero","Zero") ;

    }

  }

  if (obj.button && obj.button.value===0) {

  if (obj.button && obj.button.value===1) {

      if ( obj.button.name==="已回零"&& this.language==="zh-CN") {

      obj.button.name =obj.button.name.replace("已回零","未回零") ;

    }