From 0b49de88ce30aafdd346c85637b0d97841979589 Mon Sep 17 00:00:00 2001
From: mark <mark18340872469@163.com>
Date: 星期五, 11 十一月 2022 10:36:22 +0800
Subject: [PATCH] 添加数据报表模块

---
 src/views/hashrate/HashManage/components/HashCard.vue |  117 +++++++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 106 insertions(+), 11 deletions(-)

diff --git a/src/views/hashrate/HashManage/components/HashCard.vue b/src/views/hashrate/HashManage/components/HashCard.vue
index 5a54f1f..c512a86 100644
--- a/src/views/hashrate/HashManage/components/HashCard.vue
+++ b/src/views/hashrate/HashManage/components/HashCard.vue
@@ -16,9 +16,7 @@
     </div>
     <div class="detail">
       <div class="detailItem">
-        <div class="label">
-          <span class="iconfont">&#xe62f;</span>鎵撳紑鍒嗘瀽寮�鍏�
-        </div>
+        <div class="label"><span class="iconfont">&#xe62f;</span>鎵撳紑鍒嗘瀽寮�鍏�</div>
         <div class="data">
           <span class="number">{{ hashrate.valid }}</span
           >璺�
@@ -38,16 +36,56 @@
           >璺�
         </div>
       </div>
-      <div class="detailItem">
-        <div class="label" title="鍥犳湭鐭ュ師鍥犳湭澶勭悊">
-          <span class="iconfont">&#xe631;</span>鍥犳湭鐭ュ師鍥犳湭澶勭悊
-        </div>
+      <div class="detailItem" @click="dialogVisible = true">
+        <div class="label" title="鍥犳湭鐭ュ師鍥犳湭澶勭悊"><span class="iconfont">&#xe631;</span>鍥犳湭鐭ュ師鍥犳湭澶勭悊</div>
         <div class="data">
           <span class="number">{{ hashrate.noDeal }}</span
           >璺�
         </div>
       </div>
     </div>
+    <el-dialog
+      title="寮傚父鏁版嵁鏌ヨ"
+      destroy-on-close
+      :visible.sync="dialogVisible"
+      width="40%"
+      :before-close="handleClose"
+    >
+      <!-- <div style="width: 600px">
+        v-if="dialogVisible"
+      </div> -->
+      <el-row :gutter="50">
+        <el-col :span="15">
+          <el-form label-width="140px">
+            <el-form-item label="鎽勫儚鏈哄悕绉�/閫氶亾鍙�">
+              <el-input placeholder="璇疯緭鍑烘憚鍍忔満鍚嶇О/閫氶亾鍙�" v-model="id"></el-input>
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :span="9"><el-button type="primary">鏌ヨ</el-button></el-col>
+      </el-row>
+      <el-table :data="tableData" stripe style="width: 100%">
+        <el-table-column prop="date" label="鏃ユ湡" width="180"> </el-table-column>
+        <el-table-column prop="name" label="濮撳悕" width="180"> </el-table-column>
+        <el-table-column prop="address" label="鍦板潃"> </el-table-column>
+      </el-table>
+      <div>
+        <el-pagination
+          @current-change="refrash"
+          @size-change="handleSizeChange"
+          :current-page="page"
+          :page-size="size"
+          layout="total, sizes, prev, pager, next, jumper"
+          :page-sizes="[5, 10, 15, 20, 25]"
+          :total="total"
+          background
+        ></el-pagination>
+      </div>
+      <!-- <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="dialogVisible = false">纭� 瀹�</el-button>
+      </span> -->
+    </el-dialog>
   </div>
 </template>
 
@@ -55,12 +93,60 @@
 export default {
   props: {
     type: {},
-    hashrate: {},
+    hashrate: {}
   },
   data() {
-    return {};
+    return {
+      page: 1,
+      size: 10, //鍒嗛〉鐩稿叧
+      total: 0, //鎬绘暟,
+
+      id: "",
+      dialogVisible: false,
+      tableData: [
+        {
+          date: "2016-05-02",
+          name: "鐜嬪皬铏�",
+          address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�"
+        },
+        {
+          date: "2016-05-04",
+          name: "鐜嬪皬铏�",
+          address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�"
+        },
+        {
+          date: "2016-05-01",
+          name: "鐜嬪皬铏�",
+          address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�"
+        },
+        {
+          date: "2016-05-03",
+          name: "鐜嬪皬铏�",
+          address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�"
+        }
+      ]
+    }
   },
-};
+  methods: {
+    refrash(page) {
+      this.page = page
+      this.lookUp()
+    },
+    handleSizeChange(size) {
+      this.size = size
+      this.lookUp()
+    },
+
+    handleClose(done) {
+      // this.dialogVisible = false
+      // this.$confirm("纭鍏抽棴锛�")
+      //   .then((_) => {
+      done()
+      // })
+      // .catch((_) => {})
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>
@@ -152,4 +238,13 @@
     }
   }
 }
-</style>
\ No newline at end of file
+.el-pagination ::v-deep {
+  margin-top: 30px;
+
+  text-align: center;
+  height: 24px;
+  .el-pagination__sizes {
+    margin-right: 0;
+  }
+}
+</style>

--
Gitblit v1.8.0