UA ipInput修改

he wei

2023-11-29 baaee5d47dd0e1ec4e9519a4858418cc36bdc0ab

 src/views/home/index.vue

@@ -13,6 +13,7 @@
import pdgImg from "./images/pdg.png";
import kggImg from "./images/kgg.png";
import hrImg from "./images/hr.png";
import ListCard from "@/components/listCard.vue";

import createWs from "@/assets/js/websocket/plus";
const WSMixin = createWs("dev", "dfu");
@@ -28,6 +29,7 @@
    ProtectorBox,
    TextBox,
    SvgLine,
    ListCard,
  },
  data() {
    const baseURL = getWebUrl();
@@ -76,18 +78,7 @@
            </div>
          </div>
          <div class="main">
            <div class="list">
              <div class="row-item" v-for="idx in 9" :key="'pdg_' + idx">
                {{ idx - 1 }}{{ PDG[idx - 1].label }}:
              </div>
            </div>
            <div class="list">
              <div class="row-item" v-for="idx of 9" :key="'pdg2_' + idx">
                <template v-if="PDG[idx + 8]"
                  >{{ idx + 8 }}{{ PDG[idx + 8].label }}:</template
                >
              </div>
            </div>
            <list-card :datas="PDG" :rows="9" :cols="2"></list-card>
          </div>
        </div>
        <div class="info info2">
@@ -108,18 +99,7 @@
            </div>
          </div>
          <div class="main">
            <div class="list">
              <div class="row-item" v-for="idx in 6" :key="'kgg_' + idx">
                {{ idx - 1 }}{{ KGG[idx - 1].label }}:
              </div>
            </div>
            <div class="list">
              <div class="row-item" v-for="idx of 6" :key="'kgg2_' + idx">
                <template v-if="KGG[idx + 5]"
                  >{{ idx + 5 }}{{ KGG[idx + 5].label }}:</template
                >
              </div>
            </div>
            <list-card :datas="KGG" :rows="6" :cols="2"></list-card>
          </div>
        </div>

@@ -141,20 +121,7 @@
            </div>
          </div>
          <div class="main">
            <div class="list">
              <div class="row-item" v-for="idx in 4" :key="'hr_' + idx">
                <template v-if="idx < 4"
                  >{{ idx - 1 }}{{ HR[idx - 1].label }}:</template
                >
              </div>
            </div>
            <div class="list">
              <div class="row-item" v-for="idx of 4" :key="'hr2_' + idx">
                <template v-if="idx < 4 && HR[idx + 2]"
                  >{{ idx + 2 }}{{ HR[idx + 2].label }}:</template
                >
              </div>
            </div>
            <list-card :datas="HR" :emptyIdxs="[3]" :rows="4" :cols="2"></list-card>
          </div>
        </div>
      </div>
@@ -599,29 +566,7 @@
      }
      .main {
        flex: 1;
        display: flex;
        padding: 0 6px;
        .list {
          flex: 1;
          display: flex;
          flex-direction: column;
          padding: 10px 0;
          & + .list {
            margin-left: 6px;
          }
          .row-item {
            flex: 1;
            display: flex;
            align-items: center;
            padding-left: 10px;
            // height: 20px;
            // line-height: 20px;
            background: #153952;
            &:nth-child(2n) {
              background: rgba(21, 57, 82, 0.6);
            }
          }
        }
        padding: 10px 6px;
      }
      &.info1 {
        flex: 10;