ZZJ
2022-07-11 6ef2ac92c0d3f79b59b8698274918df830b58b29
src/views/hashrate/HashManage/components/HashCard.vue
@@ -1,10 +1,17 @@
<template>
  <div class="HashCard">
    <div class="hashrate">
      <img src="/images/hashrate/总算力.png" alt="" />
      <img v-if="type == 0" src="/images/hashrate/polling.png" alt="" />
      <img v-if="type == 1" src="/images/hashrate/realTime2.png" alt="" />
      <img v-if="type == 2" src="/images/hashrate/static.png" alt="" />
      <div class="hashrateContent">
        <div class="label">总算力</div>
        <div class="data"><span class="number">42</span>路</div>
        <div class="label" v-if="type == 0">轮询算力</div>
        <div class="label" v-if="type == 1">实时算力</div>
        <div class="label" v-if="type == 2">数据栈算力</div>
        <div class="data">
          <span class="number">{{ hashrate.total }}</span
          >路
        </div>
      </div>
    </div>
    <div class="detail">
@@ -12,21 +19,33 @@
        <div class="label">
          <span class="iconfont">&#xe62f;</span>打开分析开关
        </div>
        <div class="data"><span class="number">8</span>路</div>
        <div class="data">
          <span class="number">{{ hashrate.valid }}</span
          >路
        </div>
      </div>
      <div class="detailItem">
        <div class="label"><span class="iconfont">&#xe62d;</span>算法不全</div>
        <div class="data"><span class="number">8</span>路</div>
        <div class="data">
          <span class="number">{{ hashrate.invalid }}</span
          >路
        </div>
      </div>
      <div class="detailItem">
        <div class="label"><span class="iconfont">&#xe632;</span>正在分析</div>
        <div class="data"><span class="number">8</span>路</div>
        <div class="data">
          <span class="number">{{ hashrate.run }}</span
          >路
        </div>
      </div>
      <div class="detailItem">
        <div class="label">
          <span class="iconfont">&#xe631;</span>因未知原因未…
        <div class="label" title="因未知原因未处理">
          <span class="iconfont">&#xe631;</span>因未知原因未处理
        </div>
        <div class="data"><span class="number">8</span>路</div>
        <div class="data">
          <span class="number">{{ hashrate.noDeal }}</span
          >路
        </div>
      </div>
    </div>
  </div>
@@ -34,6 +53,10 @@
<script>
export default {
  props: {
    type: {},
    hashrate: {},
  },
  data() {
    return {};
  },