From f20a554bdb24e9dfde9dc6a69d78595944f61d15 Mon Sep 17 00:00:00 2001
From: mark <mark18340872469@163.com>
Date: 星期二, 25 十月 2022 14:53:57 +0800
Subject: [PATCH] 设备管理 样式调整

---
 src/views/hashrate/HashManage/components/HashCard.vue |   41 ++++++++++++++++++++++++++++++++---------
 1 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/src/views/hashrate/HashManage/components/HashCard.vue b/src/views/hashrate/HashManage/components/HashCard.vue
index 2d3ff33..5a54f1f 100644
--- a/src/views/hashrate/HashManage/components/HashCard.vue
+++ b/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 {};
   },

--
Gitblit v1.8.0