feat(classes): optimize teacher dashboard ui and implement grade management

This commit is contained in:
SpecialX
2026-01-14 13:59:11 +08:00
parent ade8d4346c
commit 9bfc621d3f
104 changed files with 12793 additions and 2309 deletions

View File

@@ -268,3 +268,39 @@
- `npm run lint`: 通过
- `npm run typecheck`: 通过
- `npm run build`: 通过
---
## 12. UI/UX 优化更新2026-01-12
### 12.1 教师端作业列表 (`/teacher/homework/assignments`)
- **表格重构**: 从简单的卡片列表升级为功能丰富的数据表格Table
- **信息增强**: 合并展示标题/时间,使用 Badge 区分状态,清晰展示截止日期(含 Late 标记),可视化提交进度。
- **操作便捷**: 每行增加操作菜单Actions支持快速跳转详情或提交列表。
### 12.2 作业详情页 (`/teacher/homework/assignments/[id]`)
- **布局重构**:
- **Sticky Header**: 头部信息栏(标题、状态、面包屑)随滚动吸顶,但后续优化为随页面滚动(移除 Sticky以节省空间。
- **关键指标**: 将截止日期、目标数、提交数、已批改数整合到头部下方,使用图标增强可读性。
- **双栏布局**: 主体内容分为“Performance Analytics”分析和“Assignment Content”内容两部分。
- **图表升级**:
- 重构 `HomeworkAssignmentQuestionErrorOverviewCard`,废弃 SVG改用 **Recharts** 实现柱状图BarChart
- 增强交互:支持 Tooltip 悬停查看具体题目错误率和人数。
- **详情面板优化**:
- 移除了冗余的 `HomeworkAssignmentQuestionErrorDetailsCard`
- 深度优化 `HomeworkAssignmentQuestionErrorDetailPanel`:
- 增加饼图展示单题错误率。
- 错误答案列表卡片化,清晰展示每个错误答案的内容及选择人数。
- 整合预览面板与详情面板,提供更连贯的“左侧选题-右侧分析”体验。
---
## 13. Bug 修复与完善 (2026-01-13)
### 13.1 批改视图 (Grading View)
- **Type Safety Fix**: 修复了 `HomeworkGradingView` 组件中的 TypeScript 类型错误。
- 问题:`isCorrect` 字段可能为 `boolean | null`,直接用于 JSX 渲染导致 "Type 'unknown' is not assignable to type 'ReactNode'" 错误。
- 修复:增加显式布尔值检查 `opt.isCorrect === true`,确保 React 条件渲染接收到合法的 boolean 值。