修改交互状态页面

wuyouming666

2024-01-17 0613a5b982c6521560ea17eda7c07bb97e6ec5e9

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

@@ -7,13 +7,13 @@
      }}</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/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')

      }}</router-link> -->

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

      }}</router-link>

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

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

        }}</router-link>



    </el-breadcrumb>

@@ -21,7 +21,12 @@
    <div style="padding-right: 30px;display: flex;flex-wrap: wrap;" class="neir">

      <div class="kuai_sb" v-for="item in record.xyData" :key="item.name">

        <el-col class="deng" :class="getStatusClass(item.value)"></el-col>

        <el-input v-model="item.name" style="width: 100%;" class="in_mc"></el-input>

        <span  style="width: 100%;" class="in_mc">{{

                item.unit

              }}</span>

        <span  style="width: 100%;" class="in_mc">{{

                item.name

              }}</span>



      </div>



@@ -64,7 +69,13 @@
  },

  activated(){

    this.init();



    this.record.xyData = this.jsonData.sign;

    const language = this.$i18n.locale;

    if (language === 'zh-CN') {

            this.replaceChineseWithEnglish();

          } else {

            this.localizedRoles = [...this.record.xyData];

          }

 },

  methods: {

    showdata () {

@@ -99,7 +110,7 @@
      } else {

        //console.log("您的浏览器支持WebSocket");



        let socketUrl = "ws://" + "localhost:8888" + "/springboot-vue3/api/talk/" + viewname;

        let socketUrl = "ws://" + this.$t('ip')+":8888" + "/springboot-vue3/api/talk/" + viewname;

        if (socket != null) {

          socket.close();

          socket = null;

@@ -132,7 +143,7 @@




          const language = this.$i18n.locale;

          if (language === 'en-US') {

          if (language === 'zh-CN') {

            this.replaceChineseWithEnglish();

          } else {

            this.localizedRoles = [...this.record.xyData];

@@ -157,7 +168,7 @@
      const translation = this.$t('Signlang');



      if (translation != null) {

        this.record.xyData = this.record.xyData.map(item => { return { name: translation[item.name] || item.name, value: item.value }; });

        this.record.xyData = this.record.xyData.map(item => { return { name: translation[item.name] || item.name, value: item.value,unit:item.unit }; });

        //console.log(translation);

      }



@@ -194,9 +205,9 @@
}



.kuai_sb {

  text-align: center;

  width: 15%;

  margin-bottom: 15px;

  text-align: left;

  width:18%;

  margin-bottom: 5px;

}



.el-input {

@@ -209,19 +220,17 @@
}



.in_mc {

  .el-input__inner {

    border: none;

  }

  font-size: 13px;

}



.deng {

  margin-left: 40%;

  margin-left: 1%;

  display: inline-block;

  background: #A0A0A0;

  border: 0.1875em solid white;

  border-radius: 50%;

  height: 4em;

  width: 4em;

  height: 2em;

  width: 2em;

  box-shadow: 0.375em 0.375em 0 0 rgba(214, 214, 214, 0.125);

}