修改交互状态页面

wuyouming666

2024-01-17 0613a5b982c6521560ea17eda7c07bb97e6ec5e9

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

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



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

      }



@@ -200,9 +205,9 @@
}



.kuai_sb {

  text-align: center;

  width: 15%;

  margin-bottom: 15px;

  text-align: left;

  width:18%;

  margin-bottom: 5px;

}



.el-input {

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

}