# 家庭陪伴门户 v0.74 设计 QA - 功能与页面规格:`docs/customer-portal-v074-page-spec.md` - 设计稿源:`.design-evidence/v074/design/*.png` - 实际页面截图:`.design-evidence/v074/implementation/*.png` - 同屏对比证据:`.design-evidence/v074/comparison/*.png` - 统一视口:1440 × 1024 CSS px,device scale factor 1 - 验收状态:本地所有者账号、合成数据一号家庭、2026-08-30、每页默认业务状态 ## 页面验收矩阵 | 页面 | 核心功能 | 设计/实现对比 | 结果 | | --- | --- | --- | --- | | 首页 | 长者周记、心情线索、关怀提醒、最近动态 | `comparison/home.png` | 通过 | | 聊天记录 | 时间轴、AI 摘要、关键词、故事候选、下次话题、模型来源 | `comparison/conversations.png` | 通过 | | 故事与记忆 | 待审故事、审核入口、已确认记忆和搜索 | `comparison/stories.png` | 通过 | | 长者资料 | 头像、长期资料、交流节奏、兴趣和授权入口 | `comparison/subjects.png` | 通过 | | 日程与提醒 | 今日陪伴动态、待处理事项、近期状态汇总 | `comparison/messages.png` | 通过 | | 家庭管理 | 家庭切换、成员、角色、邀请、家庭资料和动态 | `comparison/members.png` | 通过 | | 陪伴设备 | 绑定、在线状态、固件、诊断和配置 | `comparison/devices.png` | 通过 | | 内容分享 | 资源级分享、接收人、权限、期限和撤销 | `comparison/sharing.png` | 通过 | | 数据与授权 | 数据盘点、更正、撤回、私有导出和主体删除 | `comparison/privacy.png` | 通过 | | 服务用量 | 聊天时长、活跃日、热力图、设备与最近通话 | `comparison/billing.png` | 通过 | | 大模型管理 | 模型配置、连接测试、激活、移除和密钥说明 | `comparison/models.png` | 通过 | | 设置与权限 | 身份、家庭角色和 15 项完整权限矩阵 | `comparison/profile.png` | 通过 | ## 必检视觉项 - 页面标题与家庭标签紧邻,标题底部到家庭上下文栏的间距为 0;内容区统一 16px 节奏。 - 侧栏、页头、家庭 tab、卡片边框、圆角、按钮高度和表单控件使用同一套 v0.74 token。 - 1440px 视口下 12 个页面均无页面级横向溢出,无裁切的主要按钮或正文。 - 家庭管理重新出现在一级导航,使用可直接点击的家庭 tab,不再显示“客户组织”。 - 日程与提醒不再使用大段空白消息头;隐私空状态压缩到 150px;故事页长者筛选保持单行。 - 禁用按钮统一 `cursor: wait`;长者头像上传可显示本地预览。 ## 功能检查 - 12 个一级/二级导航均能进入对应页面。 - 新增长者头像上传与预览通过。 - 接受家庭邀请、邀请新成员、绑定设备、新建分享、资料更正、添加大模型、故事详情 7 个非破坏性弹窗打开/关闭通过。 - 聊天记录选中一条记录后,AI 总结区能进入真实加载/结果状态。 - 所有采样到的禁用按钮均显示等待光标。 - 浏览器控制台错误、非预期 HTTP 4xx/5xx、失败请求均为 0。 ## 对比迭代 1. 修复家庭管理入口缺失,统一页面名称与客户视角的信息架构。 2. 移除工作区旧的大空白标题层,合并家庭 tab、实时状态、刷新和页面动作。 3. 故事页长者筛选从第二行收回同一上下文栏,并为故事卡补充“开始审核”。 4. 日程与提醒重构为今日动态、家人待办和近期汇总,不再堆叠无意义消息。 5. 设置页补齐家庭上下文,并集中列出 15 项角色权限。 6. 隐私页压缩空状态;用量页日期范围校准为 2025-09 至 2026-08。 7. 设计稿与实际页以相同 1440 × 1024 视口逐页同屏复核。 ## 最终结论 没有遗留的 P0、P1 或 P2 视觉/交互问题。设计稿中的演示故事、已配置模型和已有分享,与本地数据库的空状态属于业务数据差异;页面结构、视觉系统和核心操作保持一致。 final result: passed