状态调整

reading-platform-frontend/src/views/teacher/lessons/LessonListView.vue

@@ -9,23 +9,14 @@
     <!-- 筛选区域 -->
     <div class="filter-section">
       <a-space :size="16">
-        <a-select
+        <a-select v-model:value="filters.status" placeholder="课程状态" style="width: 140px;" allowClear
-          v-model:value="filters.status"
+          @change="loadLessons">
-          placeholder="课程状态"
+          <!-- <a-select-option value="PLANNED">已计划</a-select-option> -->
-          style="width: 140px;"
-          allowClear
-          @change="loadLessons"
-        >
-          <a-select-option value="PLANNED">已计划</a-select-option>
           <a-select-option value="IN_PROGRESS">进行中</a-select-option>
           <a-select-option value="COMPLETED">已完成</a-select-option>
-          <a-select-option value="CANCELLED">已取消</a-select-option>
+          <!-- <a-select-option value="CANCELLED">已取消</a-select-option> -->
         </a-select>
-        <a-range-picker
+        <a-range-picker v-model:value="filters.dateRange" style="width: 260px;" @change="loadLessons" />
-          v-model:value="filters.dateRange"
-          style="width: 260px;"
-          @change="loadLessons"
-        />
         <a-button @click="resetFilters">重置</a-button>
       </a-space>
     </div>
@@ -33,12 +24,7 @@
     <!-- 记录列表 -->
     <a-spin :spinning="loading">
       <div class="lesson-list" v-if="lessons.length > 0">
-        <div
+        <div v-for="lesson in lessons" :key="lesson.id" class="lesson-card" @click="viewDetail(lesson)">
-          v-for="lesson in lessons"
-          :key="lesson.id"
-          class="lesson-card"
-          @click="viewDetail(lesson)"
-        >
           <div class="card-left">
             <div class="lesson-status" :class="getStatusClass(lesson.status)">
               {{ getStatusText(lesson.status) }}
@@ -49,7 +35,8 @@
               <h3 class="course-name">{{ lesson.courseName || lesson.course?.name || lesson.title || '未知课程' }}</h3>
               <span class="lesson-time">
                 <ClockCircleOutlined />
-                {{ formatDateTime(lesson.startDatetime || lesson.plannedDatetime || (lesson.lessonDate && lesson.startTime ? `${lesson.lessonDate}T${lesson.startTime}` : null)) }}
+                {{ formatDateTime(lesson.startDatetime || lesson.plannedDatetime || (lesson.lessonDate &&
+                  lesson.startTime ? `${lesson.lessonDate}T${lesson.startTime}` : null)) }}
               </span>
             </div>
             <div class="card-body">
@@ -87,24 +74,12 @@
 
     <!-- 分页 -->
     <div class="pagination-section" v-if="total > pageSize">
-      <a-pagination
+      <a-pagination v-model:current="currentPage" :total="total" :page-size="pageSize" show-size-changer
-        v-model:current="currentPage"
+        :page-size-options="['10', '20', '50']" @change="onPageChange" @showSizeChange="onPageSizeChange" />
-        :total="total"
-        :page-size="pageSize"
-        show-size-changer
-        :page-size-options="['10', '20', '50']"
-        @change="onPageChange"
-        @showSizeChange="onPageSizeChange"
-      />
     </div>
 
     <!-- 详情抽屉 -->
-    <a-drawer
+    <a-drawer v-model:open="detailDrawerVisible" title="授课记录详情" placement="right" :width="520">
-      v-model:open="detailDrawerVisible"
-      title="授课记录详情"
-      placement="right"
-      :width="520"
-    >
       <div class="detail-content" v-if="selectedLesson">
         <a-descriptions :column="1" bordered>
           <a-descriptions-item label="课程名称">
@@ -164,29 +139,15 @@
             </a-button>
           </template>
           <!-- 进行中状态 -->
-          <a-button
+          <a-button v-if="selectedLesson.status === 'IN_PROGRESS'" type="primary" block @click="goToLesson">
-            v-if="selectedLesson.status === 'IN_PROGRESS'"
-            type="primary"
-            block
-            @click="goToLesson"
-          >
             继续上课
           </a-button>
           <!-- 已完成状态 -->
-          <a-button
+          <a-button v-if="selectedLesson.status === 'COMPLETED'" type="primary" block @click="goToRecords"
-            v-if="selectedLesson.status === 'COMPLETED'"
+            style="margin-bottom: 12px;">
-            type="primary"
-            block
-            @click="goToRecords"
-            style="margin-bottom: 12px;"
-          >
             课后记录
           </a-button>
-          <a-button
+          <a-button v-if="selectedLesson.status === 'COMPLETED'" block @click="goToCourseDetail">
-            v-if="selectedLesson.status === 'COMPLETED'"
-            block
-            @click="goToCourseDetail"
-          >
             查看课程
           </a-button>
         </div>