注册页面中英文替换 修改电气管理顶部导航栏布局

wuyouming666

2023-09-13 eb967d7573a8297e493d455dfce2c77319215990

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

@@ -2,13 +2,11 @@
  <div class="app">

    <!--面包屑导航区域-->

    <el-breadcrumb separator-class="el-icon-arrow-right" class="el-breadcrumb">

      <router-link to="/home" tag="el-button" type="text">{{ $t('langHome') }}</router-link>

      <el-button type="text">{{ $t('Electrical') }}</el-button>

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

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

      <router-link to="/Electrical/Sign" tag="el-button" type="text">{{ $t('Sign') }}</router-link>

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

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

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

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

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

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

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

    </el-breadcrumb>

    <div>State</div>



@@ -38,6 +36,7 @@
  mixins: [LanguageMixin],

  data () {

    return {

      activeButton: '',

      record: {

        params: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0,],

        xyData: [

@@ -82,6 +81,12 @@
    this.init();

  },

  methods: {

    onButtonClick() {

      this.isButtonClicked = true; // 将按钮颜色设置为蓝色

      setTimeout(() => {

        this.isButtonClicked = false; // 重置按钮颜色

      }, 500); // 这里的500毫秒是根据您希望按钮颜色持续多长时间来定的，可以根据需求进行调整

    },

    init () {

      let viewname = "State";



@@ -107,6 +112,7 @@
          //console.log("收到数据====" + msg.data);

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

          this.record.params[0] = obj.sta[0];

          //将读取到的PLC的数据，与定义的xyData，组合成新的数组

          for (let a = 0; a <= this.record.xyData[0].length - 1; a++) {

            if (!this.record.xyData[a]) {

              this.record.xyData[a] = { name: this.record.canshu[a], value: this.record.params[0][a] };

@@ -133,9 +139,6 @@
      console.log(this.messagepack);

      socket?.send(JSON.stringify(this.messagepack));

    },

    handleChange (index, value) {

      this.record.xyData[index].value = value;

    }



  }



@@ -178,4 +181,7 @@
#btn_div .el-button {

  float: right;

}

.blue-button {

  background-color: skyblue;

}

</style>