jiapuapp/docs/design/T01-T08_世系与成员_设计记录.md

T01–T08 世系与成员设计记录

日期：2026-07-14
状态：T02 已收敛至 T01；T01、T03–T08 共 7 个页面候选、运行截图和 Product Design 审视完成，统一标记 [~]。

1. 信息架构

• T01 是阅读世系的唯一页面，tree|landscape|empty|error 为同页状态；T02 路由、文件和目录条目已删除。
• T03 负责成员档案；T04 新增亲属、T05 编辑成员、T06 维护关系分别保留独立任务页，但共享同一高质量表单母版。
• T07 是成员检索目录；T08 将隐私、离世纪念和无权限保留为同一路由的三个状态，不拆成重复页面。
• 接口文档仅用于确定成员字段、关系冲突、隐私和状态位置；所有候选使用页面内模拟数据，不调用 appApi。

2. 视觉体系

• 延续已确认的宣纸、朱砂、古金与墨褐体系。
• 世系画布和成员表单复用 g03-create-flow-panel.png 完整宣纸面；成员节点／字段使用 g06-search-input-wide.png；信息条、目录卡和状态卡使用 application-status-card.png。
• 主次操作使用 a01-primary-button.png／a01-secondary-button.png，CSS 仅负责布局、文字和点击层。
• 现有完整位图已覆盖需要，因此没有生成语义重复的新资产。

3. Product Design 截图审视

T01

目录：screens/runtime/2026-07-14/t01-audit/

• 候选：04-t01-tree-360x800.png、05-t01-landscape-360x800.png、06-t01-empty-360x800.png、07-t01-error-360x800.png、08-t01-tree-412x915.png。
• 对比：09-t01-before-after-comparison.png。
• 首轮状态截图发现状态文案位于 1180rpx 横向画布中导致右侧裁切；先更新契约要求 tree-canvas--state，再将非树状态画布收窄到当前视口，重新截图后已完整显示。

T03–T08

目录：screens/runtime/2026-07-14/t-module-audit/

• 关键候选：01-t03-detail-360x800.png 至 13-t07-list-412x915.png。
• 同画布对比：14-t03-comparison.png、15-t04-t06-comparison.png、16-t07-t08-comparison.png。
• 360/412 下表单字段、成员卡、状态切换和主次操作均未裁切；T06 冲突动作与 T08 三种权限状态层级清楚。

4. 验证

• T01-TREE-STATE-CONTRACT PASS
• T01-TREE-STATE-RUNTIME-SMOKE PASS
• T03-T08-MEMBER-FLOW-CONTRACT PASS
• T03-T08-MEMBER-FLOW-RUNTIME-SMOKE PASS
• PASS compile audit

H5 截图不能替代 Android 真机字体放大、读屏和触摸目标验证；这些留到全量候选后的设备复核。