UA 断路器做跳闸的处理

he wei

2024-01-05 a9c9544d4c9010077b177f4caf866c8479653d61

 src/layout/components/Navbar.vue

@@ -24,8 +24,14 @@
          跳闸开关
          <div class="num">12</div>
        </div> -->
        <div class="state">{{ isTimeout ? "离线" : "在线" }}</div>
        <div :class="['i', { danger: isTimeout }]"></div>
        <div class="box">
          跳闸开关
          <div class="num">{{ breakSwitch }}</div>
        </div>
        <div class="connect-state">
          <div class="state">{{ isTimeout ? "离线" : "在线" }}</div>
          <div :class="['i', { danger: isTimeout }]"></div>
        </div>
      </div>
    </div>
    <div class="right-menu">
@@ -90,6 +96,7 @@
  },
  data() {
    return {
      breakSwitch: 0,
      onSwitch: 0,
      offSwitch: 0,
      recordTime: -200 * 1000,
@@ -100,9 +107,10 @@
  methods: {
    onWSMessage1(res) {
      let {
        data: { onSwitch, offSwitch, recordTime, nowTime },
        data: { onSwitch, offSwitch, recordTime, nowTime, breakSwitch },
      } = JSON.parse(res.data);
      // console.log(data, "=====data??", data2);
      this.breakSwitch = breakSwitch;
      this.onSwitch = onSwitch;
      this.offSwitch = offSwitch;
      this.recordTime = recordTime;
@@ -183,6 +191,12 @@
        margin-left: 10px;
      }
    }
    .connect-state {
      height: 40px;
      display: flex;
      margin-left: 10px;
      align-items: center;
    }
  }
  .hamburger-container {
    line-height: 46px;