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-check/index.vue | 189 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 189 insertions(+), 0 deletions(-)
diff --git a/src/views/home/data-check/index.vue b/src/views/home/data-check/index.vue
new file mode 100644
index 0000000..47307b0
--- /dev/null
+++ b/src/views/home/data-check/index.vue
@@ -0,0 +1,189 @@
+<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>
+ <div class="table-container">
+ <div class="table-content">
+ <el-table :data="tableData" :show-header="false" class="data-table">
+ <el-table-column>
+ <template slot-scope="scope">
+ <p>{{ scope.row.name }}</p>
+ <p>{{ scope.row.date }}</p>
+ </template>
+ </el-table-column>
+ <el-table-column align="center" width="80px">
+
+ <template slot-scope="scope">
+ <div class="more-info">
+ <span>璇︽儏</span>
+ </div>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
+ </div>
+ </el-card>
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'DataCheck',
+
+ 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: 400px;
+
+ .data-card {
+ height: 100%;
+
+ .card-content {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ }
+ }
+}
+
+.table-container {
+ position: relative;
+ flex: 1;
+
+ .table-content {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ overflow-y: scroll;
+ }
+}
+
+.title-container {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ .more-button {
+ cursor: pointer;
+ font-size: 16px;
+ padding: 0 10px;
+ }
+}
+
+.more-info {
+ cursor: pointer;
+ font-size: 16px;
+ padding: 0 10px;
+}
+
+.data-table {
+ width: 100%;
+}
+
+::v-deep .data-table>>>.el-table__row>td {
+ /* 鍘婚櫎琛ㄦ牸绾� */
+ border: none;
+}
+
+::v-deep .data-table th {
+ border: none;
+}
+
+::v-deep .data-table td,
+::v-deep .data-table th.is-leaf {
+ border: none;
+}
+
+// 琛ㄦ牸鏈�澶栬竟妗�
+::v-deep .el-table--border,
+::v-deep .el-table--group {
+ border: none;
+
+}
+
+::v-deep .el-table--border::after,
+::v-deep .el-table--group::after,
+::v-deep .el-table::before {
+ background-color: transparent;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0