From aa05304d221b1883d746e686f390d6f3fba598a7 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 24 五月 2024 09:36:09 +0800
Subject: [PATCH] feat:动态数据中心
---
src/views/home/data-table/index.vue | 116 +++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 70 insertions(+), 46 deletions(-)
diff --git a/src/views/home/data-table/index.vue b/src/views/home/data-table/index.vue
index e54e1aa..96dfd61 100644
--- a/src/views/home/data-table/index.vue
+++ b/src/views/home/data-table/index.vue
@@ -4,7 +4,7 @@
<el-card class="data-card" :body-style="{ height: '100%' }">
<div class="card-content">
<div class="title-container">
- <h1>鏍哥畻鎶ヨ〃</h1>
+ <h1>杩愮淮鍒版湡棰勮</h1>
<div class="more-button">
<span>鏇村</span>
<i class="el-icon-arrow-right"></i>
@@ -16,12 +16,17 @@
</el-table-column>
<el-table-column prop="name" label="鐐逛綅淇℃伅" align="center">
</el-table-column>
- <el-table-column prop="address" label="杩愮淮鎴鏃堕棿" align="center">
+ <el-table-column prop="date" label="杩愮淮鎴鏃堕棿" align="center">
+ </el-table-column>
+ <el-table-column prop="date" label="鐘舵��" align="center">
+ <template slot-scope="scope">
+ <el-tag type="warning"
+ disable-transitions>涓存湡</el-tag>
+ </template>
</el-table-column>
<el-table-column label="鎿嶄綔" align="center">
<template slot-scope="scope">
<el-button size="mini">缂栬緫</el-button>
- <el-button size="mini" type="danger">鍒犻櫎</el-button>
</template>
</el-table-column>
</el-table>
@@ -35,49 +40,67 @@
name: 'DataTable',
data() {
return {
- 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 寮�'
- },
- {
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�'
- },
- {
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�'
- },
- {
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�'
- },
- {
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�'
- },
- {
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�'
- },
+ 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,
+ },
]
}
}
@@ -88,6 +111,7 @@
.data-table-container {
height: 450px;
margin-bottom: 20px;
+
.data-card {
height: 100%;
--
Gitblit v1.8.0