3.0 KiB
3.0 KiB
G11–G12 家谱设置与字辈诗设计记录
日期：2026-07-14
状态：页面候选、同页状态、运行截图与 Product Design 对比审视已完成；标记为[~]，等待用户后续逐页视觉审核。
1. 设计边界
- 继续使用项目已冻结的宣纸、朱砂、藏青与古金视觉体系，不照搬外部参考的颜色、卡片或按钮。
- OpenAPI 只用于确认可设计的功能位置与数据语义，不导入
appApi、不新增 API 方法、不进行接口联调。 - G11 与 G12 的空、失败、成功、编辑状态全部留在原路由，不为同一任务新增页面。
- G11 不放置“转让管理权”假入口：该动作需要成员选择上下文，当前页面只安排名称、公开范围和访问说明。
2. 页面与状态
| 页面 | 核心任务 | 同页状态 |
|---|---|---|
| G11 | 编辑家谱名称、公开范围、访问说明 | loading、form、success、error |
| G12 | 查看逐代字辈、批量录入连续字辈 | loading、list、empty、edit、error |
G11 的公开范围提供“仅成员可见”和“公开可申请”两个明确选项，并给出权限解释。G12 采用外部思维导图可借鉴的逐世代行结构，但视觉表面仍完全使用本项目资产；编辑区保留接口清单所描述的连续 content 与“缺失旧世代时停止”策略位置。
3. 视觉资产
- 两页复用
g03-create-flow-panel.png作为完整双金线宣纸面板。 - 输入、字辈行使用
g06-search-input-wide.png完整位图皮肤。 - 主次操作分别使用
a01-primary-button.png与a01-secondary-button.png。 - CSS 只负责布局、真实文字和点击层，不绘制卡片背景、边框、圆角或装饰。
- 现有资产已能覆盖页面，因此本轮没有调用 ImageGen 新增近似资产。
4. 截图证据
目录：screens/runtime/2026-07-14/g-module-audit/settings-poems/
- 改前基线：
00-g11-before-360x800.png、00-g12-before-360x800.png。 - G11：
01-g11-form-360x800.png、02-g11-success-360x800.png、03-g11-form-412x915.png。 - G12：
04-g12-list-360x800.png、05-g12-empty-360x800.png、06-g12-edit-360x800.png、07-g12-list-412x915.png。 - 同画布对比：
08-g11-before-after-comparison.png、09-g12-before-after-comparison.png。
5. Product Design 审视
- G11 相比通用设置壳，信息层级变为“设置目的 → 名称 → 公开范围及权限解释 → 访问说明 → 保存”，不再出现无法完成的管理权转让入口。
- G12 相比通用详情壳，逐世代字辈可直接扫描，当前字辈使用朱砂强调；空态与编辑态仍保持同一页面语义。
- 360 × 800 与 412 × 915 下，完整面板、按钮和底部山水均未被裁切；编辑态主次动作层级清楚。
- 截图不能证明 Android 字体放大、读屏播报和真机触摸区域，留到最终真机验证阶段。
6. 验证
G11-G12-SETTINGS-POEMS-CONTRACT PASSG11-G12-SETTINGS-POEMS-RUNTIME-SMOKE PASS- 页面代码不引用
@/utils/api.js或appApi。