From 4f717dc8d70e5ca424dae668e2e60e3f3f29b600 Mon Sep 17 00:00:00 2001
From: zhonghua <zhonghua>
Date: Wed, 11 Mar 2026 18:19:11 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E6=8E=A5=E5=8F=A3=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 reading-platform-frontend/src/api/teacher.ts  |  9 +-
 reading-platform-frontend/src/components.d.ts |  7 ++
 .../src/views/school/ReportView.vue           | 83 ++++++++---------
 .../views/school/feedback/FeedbackView.vue    | 63 +++++--------
 .../school-courses/SchoolCourseListView.vue   | 81 ++++------------
 .../src/views/teacher/DashboardView.vue       | 69 ++++++--------
 .../views/teacher/courses/CourseListView.vue  | 92 +++++++------------
 .../views/teacher/feedback/FeedbackView.vue   | 51 ++++------
 8 files changed, 176 insertions(+), 279 deletions(-)

diff --git a/reading-platform-frontend/src/api/teacher.ts b/reading-platform-frontend/src/api/teacher.ts
index be42eb6..43f61bb 100644
--- a/reading-platform-frontend/src/api/teacher.ts
+++ b/reading-platform-frontend/src/api/teacher.ts
@@ -420,10 +420,11 @@ export interface FeedbackQueryParams {
 }
 
 export interface FeedbackStats {
-  totalFeedbacks: number;
-  avgDesignQuality: number;
-  avgParticipation: number;
-  avgGoalAchievement: number;
+  totalFeedbacks?: number;
+  avgDesignQuality?: number;
+  avgParticipation?: number;
+  avgGoalAchievement?: number;
+
   courseStats: Record<number, { count: number; avgRating: number }>;
 }
 
diff --git a/reading-platform-frontend/src/components.d.ts b/reading-platform-frontend/src/components.d.ts
index dd3bf50..e4e3360 100644
--- a/reading-platform-frontend/src/components.d.ts
+++ b/reading-platform-frontend/src/components.d.ts
@@ -17,6 +17,7 @@ declare module 'vue' {
     ADatePicker: typeof import('ant-design-vue/es')['DatePicker']
     ADescriptions: typeof import('ant-design-vue/es')['Descriptions']
     ADescriptionsItem: typeof import('ant-design-vue/es')['DescriptionsItem']
+    ADivider: typeof import('ant-design-vue/es')['Divider']
     ADrawer: typeof import('ant-design-vue/es')['Drawer']
     ADropdown: typeof import('ant-design-vue/es')['Dropdown']
     AEmpty: typeof import('ant-design-vue/es')['Empty']
@@ -25,6 +26,7 @@ declare module 'vue' {
     AImage: typeof import('ant-design-vue/es')['Image']
     AImagePreviewGroup: typeof import('ant-design-vue/es')['ImagePreviewGroup']
     AInput: typeof import('ant-design-vue/es')['Input']
+    AInputNumber: typeof import('ant-design-vue/es')['InputNumber']
     AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
     AInputSearch: typeof import('ant-design-vue/es')['InputSearch']
     ALayout: typeof import('ant-design-vue/es')['Layout']
@@ -50,14 +52,19 @@ declare module 'vue' {
     ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
     ASpace: typeof import('ant-design-vue/es')['Space']
     ASpin: typeof import('ant-design-vue/es')['Spin']
+    AStatistic: typeof import('ant-design-vue/es')['Statistic']
     ASubMenu: typeof import('ant-design-vue/es')['SubMenu']
+    ASwitch: typeof import('ant-design-vue/es')['Switch']
     ATable: typeof import('ant-design-vue/es')['Table']
+    ATabPane: typeof import('ant-design-vue/es')['TabPane']
+    ATabs: typeof import('ant-design-vue/es')['Tabs']
     ATag: typeof import('ant-design-vue/es')['Tag']
     ATextarea: typeof import('ant-design-vue/es')['Textarea']
     ATimeRangePicker: typeof import('ant-design-vue/es')['TimeRangePicker']
     ATooltip: typeof import('ant-design-vue/es')['Tooltip']
     ATypographyText: typeof import('ant-design-vue/es')['TypographyText']
     AUpload: typeof import('ant-design-vue/es')['Upload']
+    AUploadDragger: typeof import('ant-design-vue/es')['UploadDragger']
     FilePreviewModal: typeof import('./components/FilePreviewModal.vue')['default']
     FileUploader: typeof import('./components/course/FileUploader.vue')['default']
     LessonConfigPanel: typeof import('./components/course/LessonConfigPanel.vue')['default']
diff --git a/reading-platform-frontend/src/views/school/ReportView.vue b/reading-platform-frontend/src/views/school/ReportView.vue
index 169c15a..e9effd0 100644
--- a/reading-platform-frontend/src/views/school/ReportView.vue
+++ b/reading-platform-frontend/src/views/school/ReportView.vue
@@ -13,11 +13,7 @@
           </div>
         </div>
         <div class="header-actions">
-          <a-range-picker
-            v-model:value="dateRange"
-            :placeholder="['开始日期', '结束日期']"
-            style="width: 240px;"
-          />
+          <a-range-picker v-model:value="dateRange" :placeholder="['开始日期', '结束日期']" style="width: 240px;" />
           <a-button class="export-btn">
             <DownloadOutlined class="btn-icon" />
             导出报告
@@ -71,13 +67,8 @@
     <!-- 标签页 -->
     <div class="report-tabs">
       <div class="tab-header">
-        <div
-          v-for="tab in tabs"
-          :key="tab.key"
-          class="tab-item"
-          :class="{ 'active': activeTab === tab.key }"
-          @click="activeTab = tab.key"
-        >
+        <div v-for="tab in tabs" :key="tab.key" class="tab-item" :class="{ 'active': activeTab === tab.key }"
+          @click="activeTab = tab.key">
           <BarChartOutlined v-if="tab.icon === 'bar-chart'" class="tab-icon" />
           <SolutionOutlined v-else-if="tab.icon === 'solution'" class="tab-icon" />
           <ReadOutlined v-else-if="tab.icon === 'read'" class="tab-icon" />
@@ -143,8 +134,9 @@
                 <div class="teacher-info">
                   <div class="teacher-name">{{ teacher.name }}</div>
                   <div class="teacher-rating">
-                    <StarFilled v-for="i in 5" :key="i" class="star" :class="{ 'filled': i <= Math.round(teacher.avgRating) }" />
-                    <span class="rating-value">{{ teacher.avgRating.toFixed(1) }}</span>
+                    <StarFilled v-for="i in 5" :key="i" class="star"
+                      :class="{ 'filled': i <= Math.round(teacher.avgRating) }" />
+                    <span class="rating-value">{{ (teacher.avgRating || 0).toFixed(1) }}</span>
                   </div>
                 </div>
               </div>
@@ -187,14 +179,20 @@
               <div class="course-info">
                 <div class="course-name">{{ course.name }}</div>
                 <div class="course-stats-inline">
-                  <span><BookOutlined style="margin-right: 4px;" />授课{{ course.lessonCount }}次</span>
-                  <span><SolutionOutlined style="margin-right: 4px;" />{{ course.teacherCount }}位教师</span>
-                  <span><TeamOutlined style="margin-right: 4px;" />{{ course.studentCount }}名学生</span>
+                  <span>
+                    <BookOutlined style="margin-right: 4px;" />授课{{ course.lessonCount }}次
+                  </span>
+                  <span>
+                    <SolutionOutlined style="margin-right: 4px;" />{{ course.teacherCount }}位教师
+                  </span>
+                  <span>
+                    <TeamOutlined style="margin-right: 4px;" />{{ course.studentCount }}名学生
+                  </span>
                 </div>
               </div>
               <div class="course-rating">
                 <StarFilled class="rating-stars" />
-                <span class="rating-value">{{ course.avgRating.toFixed(1) }}</span>
+                <span class="rating-value">{{ (course.avgRating || 0).toFixed(1) }}</span>
               </div>
               <div class="course-action">
                 <a-button type="link" size="small" @click="viewCourseDetail(course)">
@@ -221,18 +219,24 @@
               </div>
               <div class="student-stats">
                 <div class="stat-row">
-                  <span class="stat-label"><BookOutlined style="margin-right: 4px;" />参与课程</span>
+                  <span class="stat-label">
+                    <BookOutlined style="margin-right: 4px;" />参与课程
+                  </span>
                   <span class="stat-value">{{ student.lessonCount }} 次</span>
                 </div>
                 <div class="stat-row">
-                  <span class="stat-label"><AimOutlined style="margin-right: 4px;" />专注度</span>
+                  <span class="stat-label">
+                    <AimOutlined style="margin-right: 4px;" />专注度
+                  </span>
                   <div class="progress-mini">
                     <div class="progress-fill" :style="{ width: student.avgFocus * 20 + '%' }"></div>
                   </div>
                   <span class="stat-value">{{ student.avgFocus }}/5</span>
                 </div>
                 <div class="stat-row">
-                  <span class="stat-label"><FireOutlined style="margin-right: 4px;" />参与度</span>
+                  <span class="stat-label">
+                    <FireOutlined style="margin-right: 4px;" />参与度
+                  </span>
                   <div class="progress-mini pink">
                     <div class="progress-fill" :style="{ width: student.avgParticipation * 20 + '%' }"></div>
                   </div>
@@ -247,12 +251,8 @@
     </div>
 
     <!-- 教师详情弹窗 -->
-    <a-modal
-      v-model:open="teacherDetailVisible"
-      :title="`${selectedTeacher?.name} - 教师报告详情`"
-      width="600px"
-      :footer="null"
-    >
+    <a-modal v-model:open="teacherDetailVisible" :title="`${selectedTeacher?.name} - 教师报告详情`" width="600px"
+      :footer="null">
       <div v-if="selectedTeacher" class="detail-content">
         <div class="detail-header">
           <div class="detail-avatar">
@@ -262,7 +262,7 @@
             <h3>{{ selectedTeacher.name }}</h3>
             <div class="detail-rating">
               <StarFilled v-for="i in 5" :key="i" :class="{ 'filled': i <= Math.round(selectedTeacher.avgRating) }" />
-              <span class="rating-text">{{ selectedTeacher.avgRating.toFixed(1) }} 分</span>
+              <span class="rating-text">{{ (selectedTeacher.avgRating || 0).toFixed(1) }} 分</span>
             </div>
           </div>
         </div>
@@ -283,14 +283,17 @@
         </div>
         <a-divider />
         <div class="detail-section">
-          <h4><BookOutlined style="margin-right: 8px;" />教学概况</h4>
+          <h4>
+            <BookOutlined style="margin-right: 8px;" />教学概况
+          </h4>
           <p class="detail-desc">
             {{ selectedTeacher.name }} 老师共完成 {{ selectedTeacher.lessonCount }} 次授课，
             使用了 {{ selectedTeacher.courseCount }} 门不同的课程，
             累计获得 {{ selectedTeacher.feedbackCount }} 次教学反馈。
             <template v-if="selectedTeacher.avgRating > 0">
-              平均评分为 {{ selectedTeacher.avgRating.toFixed(1) }} 分，
-              {{ selectedTeacher.avgRating >= 4.5 ? '教学效果优秀！' : selectedTeacher.avgRating >= 3.5 ? '教学效果良好。' : '继续努力！' }}
+              平均评分为 {{ (selectedTeacher.avgRating || 0).toFixed(1) }} 分，
+              {{ selectedTeacher.avgRating >= 4.5 ? '教学效果优秀！' : selectedTeacher.avgRating >= 3.5 ? '教学效果良好。' : '继续努力！'
+              }}
             </template>
             <template v-else>
               暂无评分数据。
@@ -301,12 +304,8 @@
     </a-modal>
 
     <!-- 课程详情弹窗 -->
-    <a-modal
-      v-model:open="courseDetailVisible"
-      :title="`${selectedCourse?.name} - 课程报告详情`"
-      width="600px"
-      :footer="null"
-    >
+    <a-modal v-model:open="courseDetailVisible" :title="`${selectedCourse?.name} - 课程报告详情`" width="600px"
+      :footer="null">
       <div v-if="selectedCourse" class="detail-content">
         <div class="detail-header">
           <div class="detail-avatar course-avatar">
@@ -316,7 +315,7 @@
             <h3>{{ selectedCourse.name }}</h3>
             <div class="detail-rating">
               <StarFilled v-for="i in 5" :key="i" :class="{ 'filled': i <= Math.round(selectedCourse.avgRating) }" />
-              <span class="rating-text">{{ selectedCourse.avgRating.toFixed(1) }} 分</span>
+              <span class="rating-text">{{ (selectedCourse.avgRating || 0).toFixed(1) }} 分</span>
             </div>
           </div>
         </div>
@@ -337,13 +336,15 @@
         </div>
         <a-divider />
         <div class="detail-section">
-          <h4><ReadOutlined style="margin-right: 8px;" />课程概况</h4>
+          <h4>
+            <ReadOutlined style="margin-right: 8px;" />课程概况
+          </h4>
           <p class="detail-desc">
             《{{ selectedCourse.name }}》共被授课 {{ selectedCourse.lessonCount }} 次，
             有 {{ selectedCourse.teacherCount }} 位教师使用该课程进行教学，
             累计覆盖 {{ selectedCourse.studentCount }} 名学生。
             <template v-if="selectedCourse.avgRating > 0">
-              课程平均评分为 {{ selectedCourse.avgRating.toFixed(1) }} 分，
+              课程平均评分为 {{ (selectedCourse.avgRating || 0).toFixed(1) }} 分，
               {{ selectedCourse.avgRating >= 4.5 ? '深受师生好评！' : selectedCourse.avgRating >= 3.5 ? '反馈良好。' : '有待改进。' }}
             </template>
             <template v-else>
@@ -412,7 +413,7 @@ const studentData = ref<StudentReport[]>([]);
 const totalLessons = computed(() => overviewData.value.totalLessons);
 const activeTeacherCount = computed(() => overviewData.value.activeTeacherCount);
 const usedCourseCount = computed(() => overviewData.value.usedCourseCount);
-const avgRating = computed(() => overviewData.value.avgRating.toFixed(1));
+const avgRating = computed(() => (overviewData.value.avgRating || 0).toFixed(1));
 
 // 加载数据
 const loadData = async () => {
diff --git a/reading-platform-frontend/src/views/school/feedback/FeedbackView.vue b/reading-platform-frontend/src/views/school/feedback/FeedbackView.vue
index 2a9f763..162a0e8 100644
--- a/reading-platform-frontend/src/views/school/feedback/FeedbackView.vue
+++ b/reading-platform-frontend/src/views/school/feedback/FeedbackView.vue
@@ -18,15 +18,15 @@
             <span class="stat-label">反馈总数</span>
           </div>
           <div class="stat-item">
-            <span class="stat-value quality">{{ stats.avgDesignQuality.toFixed(1) }}</span>
+            <span class="stat-value quality">{{ (stats.avgDesignQuality || 0).toFixed(1) }}</span>
             <span class="stat-label">设计质量</span>
           </div>
           <div class="stat-item">
-            <span class="stat-value participation">{{ stats.avgParticipation.toFixed(1) }}</span>
+            <span class="stat-value participation">{{ (stats.avgParticipation || 0).toFixed(1) }}</span>
             <span class="stat-label">参与度</span>
           </div>
           <div class="stat-item">
-            <span class="stat-value achievement">{{ stats.avgGoalAchievement.toFixed(1) }}</span>
+            <span class="stat-value achievement">{{ (stats.avgGoalAchievement || 0).toFixed(1) }}</span>
             <span class="stat-label">目标达成</span>
           </div>
         </div>
@@ -36,34 +36,20 @@
     <!-- 操作栏 -->
     <div class="action-bar">
       <div class="filters">
-        <a-select
-          v-model:value="filters.teacherId"
-          placeholder="选择教师"
-          allow-clear
-          style="width: 150px;"
-          @change="handleFilter"
-        >
+        <a-select v-model:value="filters.teacherId" placeholder="选择教师" allow-clear style="width: 150px;"
+          @change="handleFilter">
           <a-select-option v-for="teacher in teachers" :key="teacher.id" :value="teacher.id">
             {{ teacher.name }}
           </a-select-option>
         </a-select>
-        <a-input-search
-          v-model:value="filters.keyword"
-          placeholder="搜索课程名称"
-          style="width: 200px;"
-          @search="handleFilter"
-          allow-clear
-        />
+        <a-input-search v-model:value="filters.keyword" placeholder="搜索课程名称" style="width: 200px;"
+          @search="handleFilter" allow-clear />
       </div>
     </div>
 
     <!-- 反馈卡片网格 -->
     <div class="feedback-grid" v-if="!loading && feedbacks.length > 0">
-      <div
-        v-for="feedback in feedbacks"
-        :key="feedback.id"
-        class="feedback-card"
-      >
+      <div v-for="feedback in feedbacks" :key="feedback.id" class="feedback-card">
         <div class="card-header">
           <div class="course-info">
             <div class="course-icon-wrapper">
@@ -123,7 +109,8 @@
 
           <div class="feedback-summary" v-if="feedback.pros || feedback.suggestions">
             <p class="summary-text">
-              {{ (feedback.pros || feedback.suggestions || '')?.substring(0, 60) }}{{ (feedback.pros || feedback.suggestions || '').length > 60 ? '...' : '' }}
+              {{ (feedback.pros || feedback.suggestions || '')?.substring(0, 60) }}{{ (feedback.pros ||
+                feedback.suggestions || '').length > 60 ? '...' : '' }}
             </p>
           </div>
         </div>
@@ -154,23 +141,13 @@
 
     <!-- 分页 -->
     <div class="pagination-wrapper" v-if="feedbacks.length > 0">
-      <a-pagination
-        v-model:current="pagination.current"
-        v-model:pageSize="pagination.pageSize"
-        :total="pagination.total"
-        :show-size-changer="true"
-        :show-total="(total: number) => `共 ${total} 条`"
-        @change="handlePageChange"
-      />
+      <a-pagination v-model:current="pagination.current" v-model:pageSize="pagination.pageSize"
+        :total="pagination.total" :show-size-changer="true" :show-total="(total: number) => `共 ${total} 条`"
+        @change="handlePageChange" />
     </div>
 
     <!-- 反馈详情弹窗 -->
-    <a-modal
-      v-model:open="detailModalVisible"
-      width="700px"
-      :footer="null"
-      class="feedback-detail-modal"
-    >
+    <a-modal v-model:open="detailModalVisible" width="700px" :footer="null" class="feedback-detail-modal">
       <template #title>
         <div class="modal-title">
           <MessageOutlined class="modal-title-icon" />
@@ -186,9 +163,15 @@
             <h3>{{ currentFeedback.lesson?.course?.name }}</h3>
             <p class="picture-book-name">{{ currentFeedback.lesson?.course?.pictureBookName || '-' }}</p>
             <div class="meta-tags">
-              <span class="meta-tag"><UserOutlined /> {{ currentFeedback.teacher?.name }}</span>
-              <span class="meta-tag"><HomeOutlined /> {{ currentFeedback.lesson?.class?.name }}</span>
-              <span class="meta-tag"><CalendarOutlined /> {{ formatDate(currentFeedback.lesson?.startDatetime) }}</span>
+              <span class="meta-tag">
+                <UserOutlined /> {{ currentFeedback.teacher?.name }}
+              </span>
+              <span class="meta-tag">
+                <HomeOutlined /> {{ currentFeedback.lesson?.class?.name }}
+              </span>
+              <span class="meta-tag">
+                <CalendarOutlined /> {{ formatDate(currentFeedback.lesson?.startDatetime) }}
+              </span>
             </div>
           </div>
         </div>
diff --git a/reading-platform-frontend/src/views/school/school-courses/SchoolCourseListView.vue b/reading-platform-frontend/src/views/school/school-courses/SchoolCourseListView.vue
index 700b527..0e650eb 100644
--- a/reading-platform-frontend/src/views/school/school-courses/SchoolCourseListView.vue
+++ b/reading-platform-frontend/src/views/school/school-courses/SchoolCourseListView.vue
@@ -55,21 +55,12 @@
         <span>校本课程包列表</span>
       </template>
       <template #extra>
-        <a-input-search
-          v-model:value="searchKeyword"
-          placeholder="搜索课程包名称"
-          style="width: 200px"
-          @search="handleSearch"
-        />
+        <a-input-search v-model:value="searchKeyword" placeholder="搜索课程包名称" style="width: 200px"
+          @search="handleSearch" />
       </template>
 
-      <a-table
-        :columns="columns"
-        :data-source="filteredData"
-        :loading="loading"
-        row-key="id"
-        :pagination="{ pageSize: 10 }"
-      >
+      <a-table :columns="columns" :data-source="filteredData" :loading="loading" row-key="id"
+        :pagination="{ pageSize: 10 }">
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'name'">
             <div class="course-name">
@@ -81,11 +72,8 @@
           </template>
           <template v-else-if="column.key === 'sourceCourse'">
             <div class="source-info">
-              <img
-                v-if="record.sourceCourse?.coverImagePath"
-                :src="getFileUrl(record.sourceCourse.coverImagePath)"
-                class="cover"
-              />
+              <img v-if="record.sourceCourse?.coverImagePath" :src="getFileUrl(record.sourceCourse.coverImagePath)"
+                class="cover" />
               <div v-else class="cover-placeholder">
                 <BookOutlined />
               </div>
@@ -143,13 +131,8 @@
     </a-card>
 
     <!-- 预约弹窗 -->
-    <a-modal
-      v-model:open="reserveModalVisible"
-      title="预约校本课程包"
-      width="500px"
-      @ok="handleReserve"
-      :confirmLoading="reserveLoading"
-    >
+    <a-modal v-model:open="reserveModalVisible" title="预约校本课程包" width="500px" @ok="handleReserve"
+      :confirmLoading="reserveLoading">
       <div class="reserve-modal" v-if="selectedCourse">
         <div class="course-info">
           <span class="label">课程包名称</span>
@@ -174,35 +157,21 @@
             </a-select>
           </a-form-item>
           <a-form-item label="预约时间" required>
-            <a-date-picker
-              v-model:value="reserveForm.scheduledDate"
-              show-time
-              format="YYYY-MM-DD HH:mm"
-              placeholder="选择预约时间"
-              style="width: 100%"
-            />
+            <a-date-picker v-model:value="reserveForm.scheduledDate" show-time format="YYYY-MM-DD HH:mm"
+              placeholder="选择预约时间" style="width: 100%" />
           </a-form-item>
           <a-form-item label="备注">
             <a-textarea v-model:value="reserveForm.note" :rows="2" placeholder="备注信息（可选）" />
           </a-form-item>
         </a-form>
 
-        <a-alert
-          v-if="conflictInfo"
-          :type="conflictInfo.hasConflict ? 'error' : 'success'"
-          :message="conflictInfo.message"
-          show-icon
-        />
+        <a-alert v-if="conflictInfo" :type="conflictInfo.hasConflict ? 'error' : 'success'"
+          :message="conflictInfo.message" show-icon />
       </div>
     </a-modal>
 
     <!-- 排课弹窗 -->
-    <a-modal
-      v-model:open="scheduleModalVisible"
-      title="排课管理"
-      width="800px"
-      :footer="null"
-    >
+    <a-modal v-model:open="scheduleModalVisible" title="排课管理" width="800px" :footer="null">
       <div class="schedule-modal" v-if="selectedCourse">
         <div class="course-info-header">
           <span>课程包：{{ selectedCourse.name }}</span>
@@ -213,14 +182,8 @@
 
         <a-tabs v-model:activeKey="scheduleTab">
           <a-tab-pane key="upcoming" tab="即将上课">
-            <a-table
-              :columns="reservationColumns"
-              :data-source="upcomingReservations"
-              :loading="reservationLoading"
-              row-key="id"
-              size="small"
-              :pagination="false"
-            >
+            <a-table :columns="reservationColumns" :data-source="upcomingReservations" :loading="reservationLoading"
+              row-key="id" size="small" :pagination="false">
               <template #bodyCell="{ column, record }">
                 <template v-if="column.key === 'status'">
                   <a-tag :color="getStatusColor(record.status)">{{ getStatusText(record.status) }}</a-tag>
@@ -237,14 +200,8 @@
             </div>
           </a-tab-pane>
           <a-tab-pane key="history" tab="历史记录">
-            <a-table
-              :columns="reservationColumns"
-              :data-source="historyReservations"
-              :loading="reservationLoading"
-              row-key="id"
-              size="small"
-              :pagination="{ pageSize: 5 }"
-            >
+            <a-table :columns="reservationColumns" :data-source="historyReservations" :loading="reservationLoading"
+              row-key="id" size="small" :pagination="{ pageSize: 5 }">
               <template #bodyCell="{ column, record }">
                 <template v-if="column.key === 'status'">
                   <a-tag :color="getStatusColor(record.status)">{{ getStatusText(record.status) }}</a-tag>
@@ -390,8 +347,8 @@ const getStatusText = (status: string) => {
 const fetchData = async () => {
   loading.value = true;
   try {
-    const res = await getSchoolCourseList() as any;
-    dataSource.value = res || [];
+    const { items } = await getSchoolCourseList() as any;
+    dataSource.value = items || [];
   } catch (error) {
     console.error('获取校本课程包列表失败', error);
   } finally {
diff --git a/reading-platform-frontend/src/views/teacher/DashboardView.vue b/reading-platform-frontend/src/views/teacher/DashboardView.vue
index 063ed7c..05f2103 100644
--- a/reading-platform-frontend/src/views/teacher/DashboardView.vue
+++ b/reading-platform-frontend/src/views/teacher/DashboardView.vue
@@ -111,7 +111,8 @@
             <span>今日课程</span>
           </div>
           <a-button type="link" class="view-all-btn" @click="router.push('/teacher/lessons')">
-            查看全部 <RightOutlined />
+            查看全部
+            <RightOutlined />
           </a-button>
         </div>
         <div class="card-body" :class="{ 'is-loading': loading }">
@@ -124,12 +125,8 @@
               <p class="empty-hint">快去课程中心备课吧～</p>
             </div>
             <div v-else class="lesson-list">
-              <div
-                v-for="lesson in todayLessons"
-                :key="lesson.id"
-                class="lesson-item"
-                :class="{ 'finished': lesson.status === 'FINISHED' }"
-              >
+              <div v-for="lesson in todayLessons" :key="lesson.id" class="lesson-item"
+                :class="{ 'finished': lesson.status === 'FINISHED' }">
                 <div class="lesson-time">
                   <div class="time-value">{{ formatTime(lesson.plannedDatetime) }}</div>
                   <div class="time-duration">{{ lesson.duration }}分钟</div>
@@ -142,18 +139,10 @@
                   </div>
                 </div>
                 <div class="lesson-action">
-                  <button
-                    v-if="lesson.status === 'FINISHED'"
-                    class="action-btn finished"
-                    disabled
-                  >
+                  <button v-if="lesson.status === 'FINISHED'" class="action-btn finished" disabled>
                     <CheckOutlined /> 已结束
                   </button>
-                  <button
-                    v-else
-                    class="action-btn start"
-                    @click="startLesson(lesson)"
-                  >
+                  <button v-else class="action-btn start" @click="startLesson(lesson)">
                     <PlayCircleOutlined /> 开始上课
                   </button>
                 </div>
@@ -173,7 +162,8 @@
             <span>推荐课程</span>
           </div>
           <a-button type="link" class="view-all-btn" @click="router.push('/teacher/courses')">
-            查看全部 <RightOutlined />
+            查看全部
+            <RightOutlined />
           </a-button>
         </div>
         <div class="card-body" :class="{ 'is-loading': loading }">
@@ -185,18 +175,10 @@
               <p class="empty-text">暂无推荐课程</p>
             </div>
             <div v-else class="recommend-list">
-              <div
-                v-for="course in recommendedCourses"
-                :key="course.id"
-                class="recommend-item"
-                @click="viewCourse(course)"
-              >
+              <div v-for="course in recommendedCourses" :key="course.id" class="recommend-item"
+                @click="viewCourse(course)">
                 <div class="recommend-cover">
-                  <img
-                    v-if="course.coverImagePath"
-                    :src="getImageUrl(course.coverImagePath)"
-                    class="cover-img"
-                  />
+                  <img v-if="course.coverImagePath" :src="getImageUrl(course.coverImagePath)" class="cover-img" />
                   <div v-else class="cover-placeholder">
                     <BookFilled />
                   </div>
@@ -209,7 +191,7 @@
                       <FireOutlined /> {{ course.usageCount }}次使用
                     </span>
                     <span v-if="course.avgRating > 0" class="meta-item">
-                      <StarFilled class="star-icon" /> {{ course.avgRating.toFixed(1) }}
+                      <StarFilled class="star-icon" /> {{ (course.avgRating || 0).toFixed(1) }}
                     </span>
                   </div>
                 </div>
@@ -240,12 +222,8 @@
               <p class="empty-text">暂无近期活动</p>
             </div>
             <div v-else class="activity-timeline">
-              <div
-                v-for="(item, index) in recentActivities"
-                :key="item.id"
-                class="activity-item"
-                :class="'type-' + item.type"
-              >
+              <div v-for="(item, index) in recentActivities" :key="item.id" class="activity-item"
+                :class="'type-' + item.type">
                 <div class="activity-dot">
                   <component :is="getActivityIcon(item.type)" />
                 </div>
@@ -873,10 +851,21 @@ onUnmounted(() => {
   margin-top: 4px;
 }
 
-.stat-card.class-card { border-left: 4px solid #FF8C42; }
-.stat-card.student-card { border-left: 4px solid #52c41a; }
-.stat-card.lesson-card { border-left: 4px solid #1890ff; }
-.stat-card.course-card { border-left: 4px solid #722ed1; }
+.stat-card.class-card {
+  border-left: 4px solid #FF8C42;
+}
+
+.stat-card.student-card {
+  border-left: 4px solid #52c41a;
+}
+
+.stat-card.lesson-card {
+  border-left: 4px solid #1890ff;
+}
+
+.stat-card.course-card {
+  border-left: 4px solid #722ed1;
+}
 
 /* 图表区域 */
 .charts-section {
diff --git a/reading-platform-frontend/src/views/teacher/courses/CourseListView.vue b/reading-platform-frontend/src/views/teacher/courses/CourseListView.vue
index c184fe7..811be35 100644
--- a/reading-platform-frontend/src/views/teacher/courses/CourseListView.vue
+++ b/reading-platform-frontend/src/views/teacher/courses/CourseListView.vue
@@ -22,13 +22,8 @@
     <div class="filter-bar">
       <div class="filter-item">
         <span class="filter-label">年级</span>
-        <a-select
-          v-model:value="filters.grade"
-          placeholder="全部年级"
-          style="width: 120px;"
-          allowClear
-          @change="handleFilterChange"
-        >
+        <a-select v-model:value="filters.grade" placeholder="全部年级" style="width: 120px;" allowClear
+          @change="handleFilterChange">
           <a-select-option value="小班">
             小班
           </a-select-option>
@@ -43,13 +38,8 @@
       </div>
       <div class="filter-item">
         <span class="filter-label">领域</span>
-        <a-select
-          v-model:value="filters.domain"
-          placeholder="全部领域"
-          style="width: 120px;"
-          allowClear
-          @change="handleFilterChange"
-        >
+        <a-select v-model:value="filters.domain" placeholder="全部领域" style="width: 120px;" allowClear
+          @change="handleFilterChange">
           <a-select-option value="健康">健康</a-select-option>
           <a-select-option value="语言">语言</a-select-option>
           <a-select-option value="社会">社会</a-select-option>
@@ -58,26 +48,24 @@
         </a-select>
       </div>
       <div class="filter-item search-box">
-        <a-input-search
-          v-model:value="filters.keyword"
-          placeholder="搜索课程名称..."
-          style="width: 240px;"
-          @search="handleFilterChange"
-        >
+        <a-input-search v-model:value="filters.keyword" placeholder="搜索课程名称..." style="width: 240px;"
+          @search="handleFilterChange">
           <template #prefix>
             <SearchOutlined style="color: #FF8C42;" />
           </template>
         </a-input-search>
       </div>
       <div class="filter-item filter-right">
-        <a-select
-          v-model:value="filters.sort"
-          style="width: 130px;"
-          @change="handleFilterChange"
-        >
-          <a-select-option value="popular"><FireOutlined /> 最受欢迎</a-select-option>
-          <a-select-option value="newest"><StarOutlined /> 最新发布</a-select-option>
-          <a-select-option value="rating"><StarFilled /> 评分最高</a-select-option>
+        <a-select v-model:value="filters.sort" style="width: 130px;" @change="handleFilterChange">
+          <a-select-option value="popular">
+            <FireOutlined /> 最受欢迎
+          </a-select-option>
+          <a-select-option value="newest">
+            <StarOutlined /> 最新发布
+          </a-select-option>
+          <a-select-option value="rating">
+            <StarFilled /> 评分最高
+          </a-select-option>
         </a-select>
       </div>
     </div>
@@ -85,27 +73,22 @@
     <!-- 课程列表 -->
     <a-spin :spinning="loading">
       <div class="course-grid">
-        <div
-          v-for="course in courses"
-          :key="course.id"
-          class="course-card"
-          @click="viewCourseDetail(course)"
-        >
+        <div v-for="course in courses" :key="course.id" class="course-card" @click="viewCourseDetail(course)">
           <!-- 封面区域 -->
           <div class="course-cover">
-            <img
-              v-if="course.pictureUrl"
-              :src="getImageUrl(course.pictureUrl)"
-              class="cover-image"
-            />
+            <img v-if="course.pictureUrl" :src="getImageUrl(course.pictureUrl)" class="cover-image" />
             <div v-else class="cover-placeholder">
-              <div class="placeholder-icon"><BookFilled /></div>
+              <div class="placeholder-icon">
+                <BookFilled />
+              </div>
               <div class="placeholder-text">精彩绘本</div>
             </div>
             <!-- 评分徽章 -->
             <div class="rating-badge" v-if="course.avgRating > 0">
-              <span class="rating-star"><StarFilled /></span>
-              <span class="rating-value">{{ course.avgRating.toFixed(1) }}</span>
+              <span class="rating-star">
+                <StarFilled />
+              </span>
+              <span class="rating-value">{{ (course.avgRating || 0).toFixed(1) }}</span>
             </div>
           </div>
 
@@ -118,18 +101,10 @@
 
             <!-- 标签区域 -->
             <div class="course-tags">
-              <a-tag
-                v-for="tag in course.gradeTags"
-                :key="'g-' + tag"
-                :style="getGradeTagStyle(tag)"
-              >
+              <a-tag v-for="tag in course.gradeTags" :key="'g-' + tag" :style="getGradeTagStyle(tag)">
                 {{ tag }}
               </a-tag>
-              <a-tag
-                v-for="tag in course.domainTags"
-                :key="'d-' + tag"
-                :style="getDomainTagStyle(tag)"
-              >
+              <a-tag v-for="tag in course.domainTags" :key="'d-' + tag" :style="getDomainTagStyle(tag)">
                 {{ tag }}
               </a-tag>
             </div>
@@ -148,7 +123,9 @@
 
             <!-- 操作按钮 -->
             <button class="prepare-btn" @click.stop="prepareCourse(course)">
-              <span class="btn-icon"><EditOutlined /></span>
+              <span class="btn-icon">
+                <EditOutlined />
+              </span>
               开始备课
             </button>
           </div>
@@ -166,13 +143,8 @@
 
       <!-- 分页 -->
       <div class="pagination-wrapper" v-if="pagination.total > pagination.pageSize">
-        <a-pagination
-          v-model:current="pagination.current"
-          v-model:page-size="pagination.pageSize"
-          :total="pagination.total"
-          show-less-items
-          @change="handlePageChange"
-        />
+        <a-pagination v-model:current="pagination.current" v-model:page-size="pagination.pageSize"
+          :total="pagination.total" show-less-items @change="handlePageChange" />
       </div>
     </a-spin>
   </div>
diff --git a/reading-platform-frontend/src/views/teacher/feedback/FeedbackView.vue b/reading-platform-frontend/src/views/teacher/feedback/FeedbackView.vue
index d8442fc..a92230c 100644
--- a/reading-platform-frontend/src/views/teacher/feedback/FeedbackView.vue
+++ b/reading-platform-frontend/src/views/teacher/feedback/FeedbackView.vue
@@ -18,15 +18,15 @@
             <span class="stat-label">反馈总数</span>
           </div>
           <div class="stat-item">
-            <span class="stat-value quality">{{ stats.avgDesignQuality.toFixed(1) }}</span>
+            <span class="stat-value quality">{{ (stats.avgDesignQuality || 0).toFixed(1) }}</span>
             <span class="stat-label">设计质量</span>
           </div>
           <div class="stat-item">
-            <span class="stat-value participation">{{ stats.avgParticipation.toFixed(1) }}</span>
+            <span class="stat-value participation">{{ (stats.avgParticipation || 0).toFixed(1) }}</span>
             <span class="stat-label">参与度</span>
           </div>
           <div class="stat-item">
-            <span class="stat-value achievement">{{ stats.avgGoalAchievement.toFixed(1) }}</span>
+            <span class="stat-value achievement">{{ (stats.avgGoalAchievement || 0).toFixed(1) }}</span>
             <span class="stat-label">目标达成</span>
           </div>
         </div>
@@ -36,23 +36,14 @@
     <!-- 操作栏 -->
     <div class="action-bar">
       <div class="filters">
-        <a-input-search
-          v-model:value="filters.keyword"
-          placeholder="搜索课程名称"
-          style="width: 200px;"
-          @search="handleFilter"
-          allow-clear
-        />
+        <a-input-search v-model:value="filters.keyword" placeholder="搜索课程名称" style="width: 200px;"
+          @search="handleFilter" allow-clear />
       </div>
     </div>
 
     <!-- 反馈卡片网格 -->
     <div class="feedback-grid" v-if="!loading && feedbacks.length > 0">
-      <div
-        v-for="feedback in feedbacks"
-        :key="feedback.id"
-        class="feedback-card"
-      >
+      <div v-for="feedback in feedbacks" :key="feedback.id" class="feedback-card">
         <div class="card-header">
           <div class="course-info">
             <div class="course-icon-wrapper">
@@ -107,7 +98,8 @@
 
           <div class="feedback-summary" v-if="feedback.pros || feedback.suggestions">
             <p class="summary-text">
-              {{ (feedback.pros || feedback.suggestions || '')?.substring(0, 60) }}{{ (feedback.pros || feedback.suggestions || '').length > 60 ? '...' : '' }}
+              {{ (feedback.pros || feedback.suggestions || '')?.substring(0, 60) }}{{ (feedback.pros ||
+                feedback.suggestions || '').length > 60 ? '...' : '' }}
             </p>
           </div>
         </div>
@@ -138,23 +130,13 @@
 
     <!-- 分页 -->
     <div class="pagination-wrapper" v-if="feedbacks.length > 0">
-      <a-pagination
-        v-model:current="pagination.current"
-        v-model:pageSize="pagination.pageSize"
-        :total="pagination.total"
-        :show-size-changer="true"
-        :show-total="(total: number) => `共 ${total} 条`"
-        @change="handlePageChange"
-      />
+      <a-pagination v-model:current="pagination.current" v-model:pageSize="pagination.pageSize"
+        :total="pagination.total" :show-size-changer="true" :show-total="(total: number) => `共 ${total} 条`"
+        @change="handlePageChange" />
     </div>
 
     <!-- 反馈详情弹窗 -->
-    <a-modal
-      v-model:open="detailModalVisible"
-      width="700px"
-      :footer="null"
-      class="feedback-detail-modal"
-    >
+    <a-modal v-model:open="detailModalVisible" width="700px" :footer="null" class="feedback-detail-modal">
       <template #title>
         <div class="modal-title">
           <MessageOutlined class="modal-title-icon" />
@@ -170,8 +152,12 @@
             <h3>{{ currentFeedback.lesson?.course?.name }}</h3>
             <p class="picture-book-name">{{ currentFeedback.lesson?.course?.pictureBookName || '-' }}</p>
             <div class="meta-tags">
-              <span class="meta-tag"><HomeOutlined /> {{ currentFeedback.lesson?.class?.name }}</span>
-              <span class="meta-tag"><CalendarOutlined /> {{ formatDate(currentFeedback.lesson?.startDatetime) }}</span>
+              <span class="meta-tag">
+                <HomeOutlined /> {{ currentFeedback.lesson?.class?.name }}
+              </span>
+              <span class="meta-tag">
+                <CalendarOutlined /> {{ formatDate(currentFeedback.lesson?.startDatetime) }}
+              </span>
             </div>
           </div>
         </div>
@@ -319,6 +305,7 @@ const fetchFeedbacks = async () => {
 const fetchStats = async () => {
   try {
     stats.value = await getTeacherFeedbackStats();
+    console.log('fetchStats', stats.value);
   } catch (error) {
     console.error('Failed to fetch stats:', error);
   }