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/ClusterCard.vue | 36 +++++++++++++++++++++++++----------- 1 files changed, 25 insertions(+), 11 deletions(-) diff --git a/src/views/hashrate/HashManage/components/ClusterCard.vue b/src/views/hashrate/HashManage/components/ClusterCard.vue index d1cc470..752887e 100644 --- a/src/views/hashrate/HashManage/components/ClusterCard.vue +++ b/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/cluster.png" alt="" /> + <img v-else src="/images/hashrate/equipment.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> @@ -12,26 +14,35 @@ <div class="cardFooter"> <div class="hashrate"> <div class="label"> - <img src="/images/hashrate/瀹炴椂绠楀姏.png" alt="" /> + <img src="/images/hashrate/realTime2.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="" /> - 瀹炴椂绠楀姏 + <img src="/images/hashrate/polling.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="" /> - 瀹炴椂绠楀姏 + <img src="/images/hashrate/static.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"); -- Gitblit v1.8.0