write-result.vue — 书写结果页
文件: web/src/modules/write/pages/write-result/write-result.vue | 路由: /write-result
职责
展示书写练习的评分结果，包括评分圆环、星级评价、鼓励文案、汉字展示、详细数据和操作按钮。
路由参数
| 参数 | 说明 |
|---|---|
char | 汉字字符 |
score | 评分 (0-100) |
mistakes | 错误次数 |
time | 书写用时（秒） |
attempted | 尝试笔画数 |
from | 来源入口 |
category / subCategory | 分类上下文 |
weakChars | 薄弱字列表 |
核心功能
评分展示
- 评分圆环（120px 渐变圆形，主题色）
- 星级评价（5 颗星，按分数着色）
- 鼓励文案（5 档：≥95/≥80/≥60/≥40/其他）
汉字展示
- 大字号汉字 + 拼音
详细数据
| 项目 | 说明 |
|---|---|
| 书写用时 | 秒 |
| 笔画数 | 总笔画数 |
| 正确笔画 | 笔画数 - 错误次数 |
| 错误次数 | mistakeCount |
| 准确率 | (1 - mistakes/attempted) * 100% |
操作按钮
- 再写一次：跳转
/write（quiz 模式，同一汉字） - 下一个：
goNext()根据from参数查找下一个未掌握的汉字
goNext() 逻辑
根据 route.query.from 区分处理：
| from | 汉字列表 | 掌握判定 | 跳转目标 |
|---|---|---|---|
planet-series | 按 subCategory 过滤 | maxScore ≥ 60 | /character（下一个未掌握字） |
char-select | 全部汉字 | maxScore ≥ 60 | /character（下一个未掌握字） |
review-stats | 冻结弱字列表 / 动态计算 Top 10 | 准确率 ≥ 100% | /character（下一个未掌握字） |
| 全部掌握 | - | - | 返回对应入口页面 |
导航
- 返回按钮：
router.back() - 关闭按钮：按
from参数返回上级页面