U 一体机 添加电芯压差

he wei

2024-11-05 8e19ea907ff2037e9d0c8a3572fc1db122db2f09

 src/views/test/ytjRtInfo.vue

@@ -42,6 +42,7 @@
  }
});


const logList = computed(() => {
  let _list = rtDatas.value.eventList;
  let resObj = {};
@@ -135,7 +136,7 @@
              <div class="value">{{ toFixed(rtDatas.devStates.avgMonVol, VOL) }}V</div>
            </div>
            <div class="item-big">
              {{ toFixed(rtDatas.devStates.storageVoltage, VOL) }}
              {{ toFixed(rtDatas.devStates.storageVoltage, GROUPVOL) }}
              <div class="unit">V</div>
            </div>

@@ -153,6 +154,14 @@
              <div class="value">
                {{ rtDatas.devStates.testCapacity }}
                <div class="unit">AH</div>
              </div>
            </div>
            <div class="border border-center">
              <div class="i label">
                电芯压差 
              </div>
              <div class="value">
                {{ rtDatas.devStates.diffBatteryVoltage }} mV
              </div>
            </div>

@@ -340,10 +349,10 @@
        text-align: center;
        background: #02a7f0;
        &.max {
          background: #d9001b;
          background: #438D29;
        }
        &.min {
          background: #f59a23;
          background: #DBD608;
        }
      }
    }
@@ -377,10 +386,10 @@
        text-align: center;
        background: #02a7f0;
        &.max {
          background: #d9001b;
          background: #438D29;
        }
        &.min {
          background: #f59a23;
          background: #DBD608;
        }
      }
    }
@@ -412,10 +421,10 @@
            padding: 2px 10px;
            border-radius: 6px;
            &.max {
              background: #d9001b;
              background: #438D29;
            }
            &.min {
              background: #f59a23;
              background: #DBD608;
            }
          }
        }
@@ -446,7 +455,8 @@
    .stop-reason {
      // margin-left: 4em;
      text-align: center;
      color: #0ff;
      /* 定义动画名称和持续时间 */
      animation: colorChange 3s infinite;
      font-weight: bold;
      .label {
        margin-right: 0.4em;
@@ -537,8 +547,15 @@
        &.border2 {
          grid-column: 4 e("/") 5;
        }
        &.border-center {
          grid-column: 3 e("/") 4;
          width: 9em;
        }
        .i {
          margin-top: 0.2em;
          &.label {
            font-size: 16px;
          }
        }
      }
      .center {
@@ -547,7 +564,7 @@
        justify-content: center;
        align-items: center;
        place-self: stretch;
        grid-area: 1 e("/") 3 e("/") 6 e("/") 4;
        grid-area: 1 e("/") 3 e("/") 5 e("/") 4;
        .i {
          height: 150px;
          width: 100%;
@@ -618,4 +635,10 @@
    transform: translateX(0);
  }
}

/* 使用@keyframes定义动画 */
@keyframes colorChange {
  0%, 100% { color: red; }  /* 开始和结束时的颜色 */
  50% { color: #0ff; }      /* 中间状态的颜色 */
}
</style>