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-table/index.vue | 133 ++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 133 insertions(+), 0 deletions(-)
diff --git a/src/views/home/data-table/index.vue b/src/views/home/data-table/index.vue
new file mode 100644
index 0000000..d73e80e
--- /dev/null
+++ b/src/views/home/data-table/index.vue
@@ -0,0 +1,133 @@
+<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" height="400">
+ <el-table-column prop="date" label="璀︽姤鏃堕棿" align="center">
+ </el-table-column>
+ <el-table-column prop="name" label="鐐逛綅淇℃伅" align="center">
+ </el-table-column>
+ <el-table-column prop="date" label="杩愮淮鎴鏃堕棿" align="center">
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" align="center">
+ <template slot-scope="scope">
+ <el-button size="mini">缂栬緫</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ </el-card>
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'DataTable',
+ 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;
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0