131 lines
3.3 KiB
Markdown
131 lines
3.3 KiB
Markdown
|
# 开发日志 - 2026-02-28
|
|||
|
|
|
|||
|
|
## 今日任务
|
|||
|
|
|
|||
|
|
1. 课程包创建/编辑增加第7步"环创建设"
|
|||
|
|
2. 学校端课程管理添加年级切换Tab
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 功能开发
|
|||
|
|
|
|||
|
|
### 1. 课程包第7步 - 环创建设
|
|||
|
|
|
|||
|
|
#### 需求
|
|||
|
|
- 在课程包创建和编辑流程中增加第7步"环创建设"
|
|||
|
|
- 提供一个富文本输入框，用于输入环创建设指导内容
|
|||
|
|
|
|||
|
|
#### 实现内容
|
|||
|
|
|
|||
|
|
**后端**
|
|||
|
|
- `prisma/schema.prisma`: Course 模型添加 `environmentConstruction` 字段
|
|||
|
|
- `course.service.ts`: 添加字段到可更新列表
|
|||
|
|
|
|||
|
|
**前端**
|
|||
|
|
- 新增组件 `Step7Environment.vue`
|
|||
|
|
- 富文本输入框（最大3000字）
|
|||
|
|
- 填写提示（主题环境布置、区域活动环境、阅读角创设等）
|
|||
|
|
- 状态标签显示（已填写/未填写）
|
|||
|
|
- 更新 `CourseEditView.vue`
|
|||
|
|
- 添加第7步导航
|
|||
|
|
- 添加 formData.environmentConstruction 字段
|
|||
|
|
- 更新保存和加载逻辑
|
|||
|
|
- 步骤总数从6改为7
|
|||
|
|
- 更新 `course.ts` API 类型定义
|
|||
|
|
|
|||
|
|
**详情页更新**
|
|||
|
|
- 超管端 `CourseDetailView.vue`: 添加环创建设展示区域
|
|||
|
|
- 学校端 `CourseDetailView.vue`: 添加环创建设展示区域
|
|||
|
|
|
|||
|
|
**设计文档**
|
|||
|
|
- 更新 `17-课程包套餐重构需求.md` 添加第7步设计说明
|
|||
|
|
|
|||
|
|
#### 测试验证
|
|||
|
|
- [x] 创建课程包时第7步正常显示
|
|||
|
|
- [x] 编辑课程包时第7步正常加载
|
|||
|
|
- [x] 环创建设内容保存成功
|
|||
|
|
- [x] 超管端详情页展示正常
|
|||
|
|
- [x] 学校端详情页展示正常
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
### 2. Step7Environment 组件优化
|
|||
|
|
|
|||
|
|
#### 需求调整
|
|||
|
|
- 将"填写提示"移到输入框上方
|
|||
|
|
- 移除多余的描述文字
|
|||
|
|
|
|||
|
|
#### 实现
|
|||
|
|
- 调整组件布局顺序：标题 → 填写提示 → 输入框
|
|||
|
|
- 删除 section-desc 部分
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
### 3. 学校端课程管理年级Tab
|
|||
|
|
|
|||
|
|
#### 需求
|
|||
|
|
- 学校端课程管理模块改为按年级查看课程包
|
|||
|
|
- 在页面上添加年级切换Tab
|
|||
|
|
|
|||
|
|
#### 实现内容
|
|||
|
|
|
|||
|
|
**组件更新** - `CourseListView.vue`
|
|||
|
|
- 添加年级筛选Tab（全部/小班/中班/大班）
|
|||
|
|
- 添加 `gradeOptions` 选项数据
|
|||
|
|
- 更新 `filteredCourses` 计算属性，支持年级筛选
|
|||
|
|
|
|||
|
|
**样式设计**
|
|||
|
|
- 白色卡片容器，与页面整体风格统一
|
|||
|
|
- 圆角渐变按钮，选中状态使用绿色渐变
|
|||
|
|
- 悬停效果，与页面主题色呼应
|
|||
|
|
- 响应式布局支持
|
|||
|
|
|
|||
|
|
#### 测试验证
|
|||
|
|
- [x] 年级Tab正确显示（全部/小班/中班/大班）
|
|||
|
|
- [x] 点击"全部"显示所有课程
|
|||
|
|
- [x] 点击"中班"显示空状态（无中班课程）
|
|||
|
|
- [x] 点击"小班"显示小班课程
|
|||
|
|
- [x] 设计风格与页面一致
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 文件变更
|
|||
|
|
|
|||
|
|
### 新增文件
|
|||
|
|
- `reading-platform-frontend/src/views/admin/courses/components/Step7Environment.vue`
|
|||
|
|
|
|||
|
|
### 修改文件
|
|||
|
|
- `reading-platform-backend/prisma/schema.prisma`
|
|||
|
|
- `reading-platform-backend/src/modules/course/course.service.ts`
|
|||
|
|
- `reading-platform-frontend/src/views/admin/courses/CourseEditView.vue`
|
|||
|
|
- `reading-platform-frontend/src/views/admin/courses/CourseDetailView.vue`
|
|||
|
|
- `reading-platform-frontend/src/views/school/courses/CourseDetailView.vue`
|
|||
|
|
- `reading-platform-frontend/src/views/school/courses/CourseListView.vue`
|
|||
|
|
- `reading-platform-frontend/src/api/course.ts`
|
|||
|
|
- `docs/design/17-课程包套餐重构需求.md`
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 数据库变更
|
|||
|
|
|
|||
|
|
```sql
|
|||
|
|
-- 课程包添加环创建设字段
|
|||
|
|
ALTER TABLE courses ADD COLUMN environment_construction TEXT;
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
执行命令: `npx prisma db push`
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 待处理
|
|||
|
|
|
|||
|
|
- 无
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 备注
|
|||
|
|
|
|||
|
|
- 所有服务正常运行
|
|||
|
|
- 前端: http://localhost:5173
|
|||
|
|
- 后端: http://localhost:3000
|