From 02b9931c5e3a54d69d4d20a9dc6aad141fc35141 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期四, 15 八月 2024 11:37:14 +0800
Subject: [PATCH] 恢复举手，隐藏举手顶部显示
---
src/views/home/components/info-data/index.vue | 90 +++++++++++++++++---------------------------
1 files changed, 35 insertions(+), 55 deletions(-)
diff --git a/src/views/home/components/info-data/index.vue b/src/views/home/components/info-data/index.vue
index 0b048bf..6ec4c1a 100644
--- a/src/views/home/components/info-data/index.vue
+++ b/src/views/home/components/info-data/index.vue
@@ -8,37 +8,28 @@
<el-row class="mb-5" :gutter="20">
- <el-col :span="6">
+ <el-col :span="8">
<div class="data-item flex flex-col items-center">
<div class="data-num">
- <span class="text-num">123</span>
+ <span class="text-num">{{ planeInfo.studyTime }}</span>
<span>灏忔椂</span>
</div>
<div class="data-label">宸插灏忔椂</div>
</div>
</el-col>
- <el-col :span="6">
+ <el-col :span="8">
<div class="data-item flex flex-col items-center">
<div class="data-num">
- <span class="text-num">123</span>
+ <span class="text-num">{{ planeInfo.meetCount }}</span>
<span>鑺�</span>
</div>
- <div class="data-label">鏈懆璇剧▼</div>
+ <div class="data-label">宸插璇剧▼</div>
</div>
</el-col>
- <el-col :span="6">
+ <el-col :span="8">
<div class="data-item flex flex-col items-center">
<div class="data-num">
- <span class="text-num">123</span>
- <span>鑺�</span>
- </div>
- <div class="data-label">鏈懆宸插璇剧▼</div>
- </div>
- </el-col>
- <el-col :span="6">
- <div class="data-item flex flex-col items-center">
- <div class="data-num">
- <span class="text-num">123</span>
+ <span class="text-num">{{ planeInfo.scoreAverage }}</span>
<span>鍒�</span>
</div>
<div class="data-label">鑰冭瘯骞冲潎鍒�</div>
@@ -48,11 +39,11 @@
<el-row class="mb-5" :gutter="40">
<el-col :span="12">
- <div class="title text-lg font-bold">鎴戠殑璇捐〃</div>
+ <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 :data="planeInfo.meetList" height="500" empty-text="鏆傛棤鏁版嵁">
+ <el-table-column prop="startTime" label="寮�濮嬫椂闂�" />
+ <el-table-column prop="meetName" label="璇剧▼鍚嶇О" />
</el-table>
</div>
</el-col>
@@ -60,9 +51,9 @@
<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 :data="planeInfo.examList" height="500" empty-text="鏆傛棤鏁版嵁">
+ <el-table-column prop="startTime" label="寮�濮嬫椂闂�" />
+ <el-table-column prop="examName" label="璇剧▼鍚嶇О" />
</el-table>
</div>
</el-col>
@@ -71,38 +62,27 @@
</template>
<script setup>
-import {ref} from 'vue';
+import { ref } from 'vue';
+import { getHomeData } from '@/api/modules/home.js';
- 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: '璇枃'
- },
- ])
+const planeInfo = ref({
+ meetList: [],
+ examList: [],
+ lastTime: 0,
+ scoreAverage: 0,
+ studyTime: 0,
+ meetCount: 0
+})
+
+const getData = () => {
+ getHomeData().then(res => {
+ planeInfo.value = res.data.data;
+ }).catch(error => {
+ console.error(error);
+ });
+};
+
+getData();
</script>
@@ -116,4 +96,4 @@
.text-num {
color: var(--el-color-primary);
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0