From fe55031f7f22ebb222d55bcc0b70ecf995869d12 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期四, 04 七月 2024 16:30:36 +0800
Subject: [PATCH] feat:主页数据
---
src/views/home/components/info-data/index.vue | 86 ++++++++++++++++--------------------------
1 files changed, 33 insertions(+), 53 deletions(-)
diff --git a/src/views/home/components/info-data/index.vue b/src/views/home/components/info-data/index.vue
index 0b048bf..bb19c3b 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,10 +39,10 @@
<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 :data="planeInfo.meetList" height="500" empty-text="鏆傛棤鏁版嵁">
+ <el-table-column prop="date" label="璇剧▼鏃堕棿" />
<el-table-column prop="name" label="璇剧▼鍚嶇О" />
</el-table>
</div>
@@ -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>
--
Gitblit v1.8.0