From d54ef2a3463e0129909741bf7fb0ac355bebe54d Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期二, 04 六月 2024 10:16:37 +0800 Subject: [PATCH] feat:课表考试信息 --- 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