From 1046f687b35cdcdbafab6e0bbb17cbb3d1982a8b Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期四, 07 三月 2024 10:47:06 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/views/home/data-rank/index.vue | 144 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 144 insertions(+), 0 deletions(-)
diff --git a/src/views/home/data-rank/index.vue b/src/views/home/data-rank/index.vue
new file mode 100644
index 0000000..31d6e40
--- /dev/null
+++ b/src/views/home/data-rank/index.vue
@@ -0,0 +1,144 @@
+<template>
+ <div class="data-table-container">
+
+ <el-card class="data-card" :body-style="{ height: '100%' }">
+ <div class="card-content">
+ <div class="title-container">
+ <h1>杩愮淮鍗曚綅杩濈害璐ｄ换鎺掑悕</h1>
+ <div class="more-button">
+ <span>鏇村</span>
+ <i class="el-icon-arrow-right"></i>
+ </div>
+ </div>
+ <el-table :data="tableData" style="width: 100%" height="350">
+ <el-table-column prop="name" label="鍗曚綅" align="center">
+ </el-table-column>
+ <el-table-column prop="num" label="杩濈害鏁�" align="center">
+ </el-table-column>
+ </el-table>
+ </div>
+ </el-card>
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'DataRank',
+
+ data() {
+ return {
+ tableData: [
+ {
+ date: '2024.02.28 15:14:01',
+ name: '杩愮淮鍏徃鍚嶇О1',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
+ num: 111,
+ },
+ {
+ date: '2024.02.28 15:14:01',
+ name: '杩愮淮鍏徃鍚嶇О1',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
+ num: 111,
+ },
+ {
+ date: '2024.02.28 15:14:01',
+ name: '杩愮淮鍏徃鍚嶇О1',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
+ num: 111,
+ },
+ {
+ date: '2024.02.28 15:14:01',
+ name: '杩愮淮鍏徃鍚嶇О1',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
+ num: 111,
+ },
+ {
+ date: '2024.02.28 15:14:01',
+ name: '杩愮淮鍏徃鍚嶇О1',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
+ num: 111,
+ },
+ {
+ date: '2024.02.28 15:14:01',
+ name: '杩愮淮鍏徃鍚嶇О1',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
+ num: 111,
+ },
+ {
+ date: '2024.02.28 15:14:01',
+ name: '杩愮淮鍏徃鍚嶇О1',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
+ num: 111,
+ },
+ {
+ date: '2024.02.28 15:14:01',
+ name: '杩愮淮鍏徃鍚嶇О1',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
+ num: 111,
+ },
+ {
+ date: '2024.02.28 15:14:01',
+ name: '杩愮淮鍏徃鍚嶇О1',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
+ num: 111,
+ },
+ {
+ date: '2024.02.28 15:14:01',
+ name: '杩愮淮鍏徃鍚嶇О1',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
+ num: 111,
+ },
+ ]
+ }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+.data-table-container {
+ height: 450px;
+ margin-bottom: 20px;
+
+ .data-card {
+ height: 100%;
+
+ .card-content {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ }
+ }
+}
+
+.title-container {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ .more-button {
+ cursor: pointer;
+ font-size: 16px;
+ padding: 0 10px;
+ }
+}
+
+.table-container {
+ position: relative;
+ flex: 1;
+
+ .table-content {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ overflow-y: scroll;
+ }
+}
+
+.data-table {
+ width: 100%;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0