feat(teacher): 添加学员学习数据统计功能

添加新的API接口和学生详情页面的统计数据显示功能移除测试成绩显示并调整出勤率和作业完成率的布局

feat(teacher): 添加学员学习数据统计功能
添加新的API接口和学生详情页面的统计数据显示功能移除测试成绩显示并调整出勤率和作业完成率的布局
hookehuyr
Commit c83bca2bb80c9eb7c3c994bb76a89239b540874d c83bca2b 1 parent efb2f077
Showing 2 changed files with 51 additions and 22 deletions
src/api/teacher.js
src/views/teacher/studentPage.vue
--- a/src/api/teacher.js
View file @c83bca2
+++ b/src/api/teacher.js
View file @c83bca2
 /*
  * @Date: 2025-06-23 11:46:21
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-06-27 09:55:12
+ * @LastEditTime: 2025-06-27 14:04:05
  * @FilePath: /mlaj/src/api/teacher.js
  * @Description: 文件描述
  */
@@ -13,6 +13,7 @@ const Api = {
   TEACHER_ADD_TASK: '/srv/?a=task&t=teacher_add',
   STUDENT_LIST: '/srv/?a=user&t=student_list',
   STUDENT_DETAIL: '/srv/?a=user&t=student_detail',
+  STUDENT_STAT: '/srv/?a=user&t=student_stat',
   STUDENT_CHECKIN_LIST: '/srv/?a=checkin&t=student_checkin_list',
   STUDENT_UPLOAD_LIST: '/srv/?a=checkin&t=student_upload_list',
   STUDENT_CHECKIN_FEEDBACK_LIST: '/srv/?a=feedback&t=list',
@@ -114,3 +115,11 @@ export const addCheckinFeedbackAPI = (params) => fn(fetch.post(Api.ADD_CHECKIN_F
  * @returns {Object} data { id }
  */
 export const delCheckinFeedbackAPI = (params) => fn(fetch.post(Api.DEL_CHECKIN_FEEDBACK, params))
+
+/**
+ * 学员学习数据
+ * @param {*} i 学员ID
+ * @param {*} group_id 课程ID
+ * @returns {Object} data { need_checkin_count, real_checkin_count, need_upload_count, real_upload_count }
+ */
+export const getStudentStatAPI = (params) => fn(fetch.post(Api.STUDENT_STAT, params))
--- a/src/views/teacher/studentPage.vue
View file @c83bca2
+++ b/src/views/teacher/studentPage.vue
View file @c83bca2
@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2025-06-19 17:12:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-06-27 10:49:01
+ * @LastEditTime: 2025-06-27 14:39:13
  * @FilePath: /mlaj/src/views/teacher/studentPage.vue
  * @Description: 学生详情页面
 -->
@@ -57,35 +57,35 @@
       <div class="mt-2">
         <van-row>
           <!-- 出勤率 -->
-          <van-col span="8">
+          <van-col span="12">
             <div class="bg-white p-4 text-center">
               <div class="relative w-16 h-16 mx-auto mb-2">
-                <van-circle v-model:current-rate="studentStats.attendanceRate" :rate="studentStats.attendanceRate"
+                <van-circle v-model:current-rate="checkinCount" :rate="checkinCount"
-                  :speed="100" :text="studentStats.attendanceRate + '%'" stroke-width="70" color="#10b981" size="64" />
+                  :text="`${checkinCountText}`" stroke-width="70" color="#10b981" size="64" />
               </div>
               <div class="text-sm text-gray-600">出勤率</div>
             </div>
           </van-col>
           <!-- 作业完成率 -->
-          <van-col span="8">
+          <van-col span="12">
             <div class="bg-white p-4 text-center">
               <div class="relative w-16 h-16 mx-auto mb-2">
-                <van-circle v-model:current-rate="studentStats.homeworkRate" :rate="studentStats.homeworkRate"
+                <van-circle v-model:current-rate="uploadCount" :rate="uploadCount"
-                  :speed="100" :text="studentStats.homeworkRate + '%'" stroke-width="70" color="#3b82f6" size="64" />
+                  :text="`${uploadCountText}`" stroke-width="70" color="#3b82f6" size="64" />
               </div>
               <div class="text-sm text-gray-600">作业完成率</div>
             </div>
           </van-col>
           <!-- 测验成绩 -->
-          <van-col span="8">
+          <!-- <van-col span="8">
             <div class="bg-white p-4 text-center">
               <div class="relative w-16 h-16 mx-auto mb-2">
                 <van-circle v-model:current-rate="studentStats.testScore" :rate="studentStats.testScore" :speed="100"
-                  :text="studentStats.testScore + '%'" stroke-width="70" color="#f59e0b" size="64" />
+                  :text="`${studentStats.testScore}%`" stroke-width="70" color="#f59e0b" size="64" />
               </div>
               <div class="text-sm text-gray-600">测验成绩</div>
             </div>
-          </van-col>
+          </van-col> -->
         </van-row>
       </div>
@@ -381,7 +381,7 @@ import { useTitle } from '@vueuse/core';
 import dayjs from 'dayjs';
 import { getCheckinTeacherListAPI, delUploadTaskInfoAPI, likeUploadTaskInfoAPI, dislikeUploadTaskInfoAPI } from "@/api/checkin";
-import { getStudentDetailAPI, getStudentCheckinListAPI, getStudentUploadListAPI, getCheckinFeedbackListAPI, addCheckinFeedbackAPI, delCheckinFeedbackAPI } from "@/api/teacher";
+import { getStudentDetailAPI, getStudentCheckinListAPI, getStudentUploadListAPI, getCheckinFeedbackListAPI, addCheckinFeedbackAPI, delCheckinFeedbackAPI, getStudentStatAPI } from "@/api/teacher";
 const router = useRouter()
@@ -398,13 +398,6 @@ const studentInfo = ref({})
 // 选中的课程列表（默认选中第一个课程）
 const selectedCourses = ref([])
-// 统计数据
-const studentStats = ref({
-  attendanceRate: 92,
-  homeworkRate: 88,
-  testScore: 85
-})
-
 // 当前选中的标签页
 const activeTab = ref('homework')
@@ -517,6 +510,8 @@ const toggleCourseSelection = (course) => {
   resetAndReload()
   resetAndReloadRecords()
   resetAndReloadEvaluations()
+  // 重新获取统计数据以匹配当前选中的课程
+  getStatList()
 }
 // 状态选项
@@ -678,15 +673,18 @@ onMounted(async () => {
   // 这里可以根据studentId调用API获取学生详细信息
   await loadStudentData(studentId)
+  // 加载统计数据
+  await getStatList()
   // 加载作业记录
-  onLoad()
+  await onLoad()
   // 加载签到记录
-  onRecordLoad()
+  await onRecordLoad()
   // 加载班主任点评
-  onEvaluationLoad()
+  await onEvaluationLoad()
+
 })
 /**
@@ -1026,6 +1024,28 @@ const resetAndReloadEvaluations = () => {
   evaluationLoading.value = true;
   onEvaluationLoad();
 }
+
+// 统计数据
+const checkinCount = ref(0);
+const checkinCountText = computed(() => checkinCount.value.toFixed(1) + '%');
+const uploadCount = ref(0);
+const uploadCountText = computed(() => uploadCount.value.toFixed(1) + '%');
+
+const getStatList = async () => {
+  try {
+    const { code, data } = await getStudentStatAPI({
+      i: route.params.id,
+      group_id: selectedCourses.value.length ? selectedCourses.value[0]['id'] : '',
+    })
+
+    if (code) {
+      checkinCount.value = data.real_checkin_count/data.need_checkin_count * 100;
+      uploadCount.value = data.real_upload_count/data.need_upload_count * 100;
+    }
+  } catch (error) {
+    console.error('获取统计数据失败:', error);
+  }
+}
 </script>
 <style lang="less">