From 0fce3ef92936ea8d50a74e21f3c58c469fb1bddb Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 03 七月 2024 11:58:18 +0800
Subject: [PATCH] feat:pdf查看器
---
src/views/home/components/info-data/index.vue | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 51 insertions(+), 2 deletions(-)
diff --git a/src/views/home/components/info-data/index.vue b/src/views/home/components/info-data/index.vue
index 95a2a13..0b048bf 100644
--- a/src/views/home/components/info-data/index.vue
+++ b/src/views/home/components/info-data/index.vue
@@ -46,15 +46,63 @@
</el-col>
</el-row>
- <el-row class="mb-5" :gutter="20">
- <el-col>
+ <el-row class="mb-5" :gutter="40">
+ <el-col :span="12">
+ <div class="title text-lg font-bold">鎴戠殑璇捐〃</div>
+ <div class="table-container">
+ <el-table :data="classList" height="500">
+ <el-table-column prop="date" label="璇剧▼鏃堕棿"/>
+ <el-table-column prop="name" label="璇剧▼鍚嶇О" />
+ </el-table>
+ </div>
+ </el-col>
+ <el-col :span="12">
+ <div class="title text-lg font-bold">鎴戠殑鑰冭瘯</div>
+ <div class="table-container">
+ <el-table :data="classList" height="500">
+ <el-table-column prop="date" label="璇剧▼鏃堕棿"/>
+ <el-table-column prop="name" label="璇剧▼鍚嶇О" />
+ </el-table>
+ </div>
</el-col>
</el-row>
</el-card>
</template>
<script setup>
+import {ref} from 'vue';
+
+ const classList = ref([
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ {
+ date: '2021-08-01',
+ name: '璇枃'
+ },
+ ])
</script>
@@ -64,6 +112,7 @@
font-weight: bold;
margin-bottom: 0.5rem;
}
+
.text-num {
color: var(--el-color-primary);
}
--
Gitblit v1.8.0