tonytech/kindergarten_java
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

状态调整

Browse Source
This commit is contained in:
zhonghua 2026-03-25 17:32:18 +08:00
parent e3cac3a005
commit abfbe35d3a
3 changed files with 15 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
reading-platform-backend/.DS_Store vendored
View File

Binary file not shown.

BIN
reading-platform-backend/src/.DS_Store vendored
View File

Binary file not shown.

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

@ -9,23 +9,14 @@
<!-- 筛选区域 -->
<div class="filter-section">
<a-space :size="16">
<a-select
v-model:value="filters.status"
placeholder="课程状态"
style="width: 140px;"
allowClear
@change="loadLessons"
>
<a-select-option value="PLANNED">已计划</a-select-option>
<a-select v-model:value="filters.status" placeholder="课程状态" 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
v-model:value="filters.dateRange"
style="width: 260px;"
@change="loadLessons"
/>
<a-range-picker 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
v-for="lesson in lessons"
:key="lesson.id"
class="lesson-card"
@click="viewDetail(lesson)"
>
<div 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
v-model:current="currentPage"
:total="total"
:page-size="pageSize"
show-size-changer
:page-size-options="['10', '20', '50']"
@change="onPageChange"
@showSizeChange="onPageSizeChange"
/>
<a-pagination v-model:current="currentPage" :total="total" :page-size="pageSize" show-size-changer
:page-size-options="['10', '20', '50']" @change="onPageChange" @showSizeChange="onPageSizeChange" />
</div>
<!-- 详情抽屉 -->
<a-drawer
v-model:open="detailDrawerVisible"
title="授课记录详情"
placement="right"
:width="520"
>
<a-drawer 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
v-if="selectedLesson.status === 'IN_PROGRESS'"
type="primary"
block
@click="goToLesson"
>
<a-button v-if="selectedLesson.status === 'IN_PROGRESS'" type="primary" block @click="goToLesson">
继续上课
</a-button>
<!-- 已完成状态 -->
<a-button
v-if="selectedLesson.status === 'COMPLETED'"
type="primary"
block
@click="goToRecords"
style="margin-bottom: 12px;"
>
<a-button v-if="selectedLesson.status === 'COMPLETED'" type="primary" block @click="goToRecords"
style="margin-bottom: 12px;">
课后记录
</a-button>
<a-button
v-if="selectedLesson.status === 'COMPLETED'"
block
@click="goToCourseDetail"
>
<a-button v-if="selectedLesson.status === 'COMPLETED'" block @click="goToCourseDetail">
查看课程
</a-button>
</div>