加拿大MES项目
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
wuyouming666
2024-01-17 0613a5b982c6521560ea17eda7c07bb97e6ec5e9 
 CanadaMes-ui/src/views/Electrical/ManualonePosition.vue


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







@@ -56,21 +57,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"  :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') && (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>



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



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



                <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($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($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"    ></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>



            </div>



          </div>



          <div class="button-row" style="display: flex; justify-content: space-between;">



@@ -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++) {



@@ -259,6 +280,16 @@


  });







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







  if (values.length > 0) {







let firstValue = values[0];



if (!(firstValue >= "106" && firstValue <= "210")) {



  values.shift();



  this.$message.error("Out of range");



  return false;



}



}



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



  data.push(values);



}



@@ -273,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') {



@@ -293,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();







      }







@@ -313,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();







      }







@@ -333,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();







      }







@@ -353,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();







      }







@@ -399,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') {



@@ -423,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



        // )



@@ -430,7 +534,7 @@


      }















    






    },







@@ -457,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);



@@ -479,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++) {