摄像机管理

ZZJ

2022-04-12 994e5e08cba4e6b9ce321b7cf5cb1ec8d19dfa22

 src/views/hashrate/HashManage/components/ClusterCard.vue

@@ -1,10 +1,12 @@
<template>
  <div class="ClusterCard">
    <div class="cardHeader">
      <img src="/images/hashrate/设备.png" alt="" />
      <img v-if="info.type == 1" src="/images/hashrate/集群.png" alt="" />
      <img v-else src="/images/hashrate/设备.png" alt="" />

      <div class="info">
        <div class="name">服务器20.10</div>
        <div class="id">DSVAD010120190622</div>
        <div class="name">{{ info.name }}</div>
        <div class="id">{{ info.id }}</div>
        <div class="link" @click="showDetail">查看详情 ></div>
      </div>
    </div>
@@ -15,23 +17,32 @@
          <img src="/images/hashrate/实时算力.png" alt="" />
          实时算力
        </div>
        <div class="data"><span>4</span>路</div>
        <div class="data">
          <span>{{ info.info.realValidCount }}</span
          >路
        </div>
      </div>

      <div class="hashrate">
        <div class="label">
          <img src="/images/hashrate/轮询算力.png" alt="" />
          实时算力
          轮询算力
        </div>
        <div class="data"><span>4</span>路</div>
        <div class="data">
          <span>{{ info.info.pollChannelCount }}</span
          >路
        </div>
      </div>

      <div class="hashrate">
        <div class="label">
          <img src="/images/hashrate/数据栈算力.png" alt="" />
          实时算力
          数据栈算力
        </div>
        <div class="data"><span>4</span>路</div>
        <div class="data">
          <span>{{ info.info.stackChannelCount }}</span
          >路
        </div>
      </div>
    </div>
  </div>
@@ -39,6 +50,9 @@

<script>
export default {
  props: {
    info: {},
  },
  methods: {
    showDetail() {
      this.$emit("showDetail");