调整提示框

ZengTao

2023-12-15 5f9ca1634f6a0ba288048556e29fe2b3e7784682

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

@@ -42,18 +42,37 @@
          <div v-for="(item, itemIndex) in dataGroup" :key="itemIndex" class="item-container">

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

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

          </div>

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

@@ -112,54 +131,95 @@




    },





    A01start(){

      const data = [];



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



  data.push(values);

}

data.push([], [], [],[]);







const jsonObject = { data };



// 提交数据到后端

const jsonString = JSON.stringify(jsonObject);

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

socket?.send(jsonString);





    },

    A02start(){



      const data = [];



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

  const inputData = this.jsonData[i].filter(item => item.type === '0').map(item => {

    return { value: item.value };

  });



  const values = inputData.map(item => item.value);

  data.unshift([]);

  data.push(values);

}

data.push([], [], []);





const jsonObject = { data };



// 提交数据到后端

const jsonString = JSON.stringify(jsonObject);

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

socket?.send(jsonString);

    },

    //提交方法

    submitDataToBackend (currentButtonName) {

      if (currentButtonName === 'A01翻转启动' || currentButtonName === 'A01 SERVE TURN') {

        const data = [];



        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 = [this.jsonData[0][3].button.value]



          const values = inputData.map(item => item.value);



          data.push(values);

        }

        data.push([], [], [],[]);

        data.push(values);

     
      data.unshift([], [], [],[],[]);







        const jsonObject = { data };

      const jsonObject = { data };



        // 提交数据到后端

        const jsonString = JSON.stringify(jsonObject);

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

        socket?.send(jsonString);

      // 提交数据到后端

      const jsonString = JSON.stringify(jsonObject);

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

      socket?.send(jsonString);



      }



      if (currentButtonName === 'A02翻转启动' || currentButtonName === 'A02 SERVE TURN') {

        const data = [];



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

          const inputData = this.jsonData[i].filter(item => item.type === '0').map(item => {

            return { value: item.value };

          });

const values = [this.jsonData[0][3].button.value]



          const values = inputData.map(item => item.value);

          data.unshift([]);

          data.push(values);

        }

        data.push([], [], []);

        data.push(values);

     
      data.unshift([], [], [],[],[],[]);





        const jsonObject = { data };



        // 提交数据到后端

        const jsonString = JSON.stringify(jsonObject);

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

        socket?.send(jsonString);

      const jsonObject = { data };



      // 提交数据到后端

      const jsonString = JSON.stringify(jsonObject);

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

      socket?.send(jsonString);



      }



@@ -209,11 +269,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);

@@ -267,7 +327,7 @@
          const jsonData2 = this.jsonData;

          const weihuiling = obj.weihuiling;

          const handleMouseMove = throttle(function (event) {

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

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

            const target = event.target;

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

              // 执行更新逻辑

@@ -306,6 +366,12 @@


          document.addEventListener('mouseover', handleMouseMove);





          if(obj.zuhe1){







         
  // 遍历guzhang数组

  for (let i = 0; i < jsonData2.length; i++) {

                let arr = jsonData2[i];

@@ -328,7 +394,7 @@
                for (let j = 0; j < arr2.length; j++) {

                  let obj3 = arr2[j];

                  if (obj3.button) {

                    if (obj3.button && (obj3.button.name === "未回零" || obj3.button.name === "NotZero")) {

                    if (obj3.button && (obj3.button.name === "未回零" || obj3.button.name === "NotZero" || obj3.button.name === "已回零" || obj3.button.name === "Zero")) {

                      obj3.button.value = weihuiling[0][i];

                      //  console.log(obj3.button.value)

                    }

@@ -360,16 +426,26 @@
  for (let j = 0; j < arr.length; j++) {

    let obj = arr[j];

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

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

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

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

    }

    if ( obj.button.name.includes("NotZero")) {

    if ( obj.button.name==="NotZero") {

      obj.button.name =obj.button.name.replace("NotZero","Zero") ;

    }

  }

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

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

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

    }

    if ( obj.button.name==="Zero") {

      obj.button.name =obj.button.name.replace("Zero","NotZero") ;

    }

  }



     

}

}



}



        };

@@ -456,4 +532,10 @@


background-color: green;

}



.error-button3{

  background-color: green;





}

</style>