From 98f494cf633e3acf5c20f3e9de0d708f2a6c2045 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 05 七月 2024 09:39:59 +0800
Subject: [PATCH] feat:视频浏览
---
src/views/home/components/info-data/index.vue | 65 +++++++++++++++++++++++---------
1 files changed, 47 insertions(+), 18 deletions(-)
diff --git a/src/views/home/components/info-data/index.vue b/src/views/home/components/info-data/index.vue
index 95a2a13..f2fd34c 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>
@@ -46,15 +37,52 @@
</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="planeInfo.meetList" height="500" empty-text="鏆傛棤鏁版嵁">
+ <el-table-column prop="startTime" label="寮�濮嬫椂闂�" />
+ <el-table-column prop="meetName" 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="planeInfo.examList" height="500" empty-text="鏆傛棤鏁版嵁">
+ <el-table-column prop="startTime" label="寮�濮嬫椂闂�" />
+ <el-table-column prop="examName" label="璇剧▼鍚嶇О" />
+ </el-table>
+ </div>
</el-col>
</el-row>
</el-card>
</template>
<script setup>
+import { ref } from 'vue';
+import { getHomeData } from '@/api/modules/home.js';
+
+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>
@@ -64,6 +92,7 @@
font-weight: bold;
margin-bottom: 0.5rem;
}
+
.text-num {
color: var(--el-color-primary);
}
--
Gitblit v1.8.0