platforms/frontend/gas_admin/设计验收_工作人员头像适配.md

Design QA

• source visual truth path: C:/Users/Lenovo/AppData/Local/Temp/codex-clipboard-1e3ee2da-a03c-4ade-af5d-81e88bacdc3e.png
• implementation screenshot path: unavailable
• viewport: source image 2560 × 1159 px；实现页需保持同一浏览器窗口与登录态
• source and implementation pixel dimensions: source 2560 × 1159 px；implementation unavailable
• CSS size and density normalization: blocked because the authenticated implementation could not be captured
• state: 5175 工作人员列表，安装人员菜单，单条带头像记录

Full-view comparison evidence

源图显示头像列直接暴露 /uploads/avatars/... 存储路径。代码已按 5173 开启现有 ProtectedAvatarThumbnail 分支，目标表现为 32 像素圆形头像；但缺少登录后的实现截图，不能完成视觉对照。

Focused region comparison evidence

头像列是唯一变更区域。组件沿用 5173 的圆形尺寸、默认头像、懒加载、失败提示和对象 URL 清理逻辑；仍需同一数据记录的刷新后截图作为最终证据。

Findings

• [P1] 缺少登录态实现截图
  • Location: /staff/installers 头像列
  • Evidence: 只有修改前源图，没有刷新后的实现图
  • Impact: 无法确认运行中的后端已重启并返回头像二进制，也无法确认最终列对齐
  • Fix: 重启后端、刷新页面并捕获同一视口截图

Comparison history

• Iteration 1: 定位为空的受保护资源集合，已加入 staff_account 与 user_account；自动化构建验证通过，视觉证据待补。

Implementation checklist

• 工作人员列表启用受保护头像缩略图
• 用户列表启用受保护头像缩略图
• 无头像时回退默认头像
• 类型检查、单文件 lint、页面覆盖检查与生产构建
• 登录态同视口截图对照

final result: blocked