From fbd9c491ebe32558c8fcefffeaa103d2fcb79a27 Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期四, 31 十月 2024 20:40:48 +0800 Subject: [PATCH] 查看试卷bug --- src/views/home/components/info-data/index.vue | 92 ++++++++++++++++++---------------------------- 1 files changed, 36 insertions(+), 56 deletions(-) diff --git a/src/views/home/components/info-data/index.vue b/src/views/home/components/info-data/index.vue index 0b048bf..3f5277d 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,21 +39,21 @@ <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> <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.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