手机端原型与实际画面对比
本页用于把远端高保真原型和当前在线 APP 画面放在一起看，先聚焦关封进仓主链路。当前截图已同步到 APP Web 0.1.41，用于验收反馈后的全局 UI 收口。
对比画面10
已收敛页面10
待原型化页面0
当前任务HB-32 已完成
01 登录
HB-24 已将实际登录页恢复为原型深色品牌区、底部账号密码面板和低干扰更新状态。
当前结论
- 已对齐：深蓝背景、左上品牌图标、白色标题、底部账号密码面板、主按钮样式已按原型收敛。
- APP 必要差异：实际页保留 Web/APK 更新状态行，已压缩为面板底部信息，不再占正式首屏主视觉。
- 原型壳差异：实际 APP 不带原型手机外壳、状态栏和画板标题，符合迁移规则。
02 今日工作台
本轮已按原型收敛为深色人员条、三张主作业入口卡和五栏底部导航；联调调试信息不再占正式首屏。
当前结论
- 已对齐：顶部人员/班次/仓库信息条、三张主作业入口卡、指标小块、入口箭头和五栏底部导航已按原型还原。
- 已移除：“G1 实时”、待办摘要、库内操作按钮和更新状态不再出现在工作台正式首屏。
- APP 必要差异：实际 APP 不带原型手机外壳、状态栏和画板标题；截图宽度为真实 390px 视口，原型资产为画板内 368px 截图。
- 剩余差异：进仓作业计数使用当前 mock 数据，和原型示例数字不完全一致；后续由真实
p_mobile_*返回的 view model 驱动。
03 进仓作业入口
实际页已按原型备注收敛为高密度现场操作页：三项扫码、场内车辆、异常入口和“叫下一车”。
对齐结果
- 已对齐：实际页已移除概览指标，扫码区收敛为“卸车 / 理货 / 复核”，并使用扫码图标。
- 已对齐：场内车辆卡片改为车牌色块、短字段、可点击库门和异常红色卡片，mock 场内车辆补齐为 6 辆。
- 已对齐：“叫下一车”回到内容区底部，不再遮挡车辆卡或底部导航。
- 剩余差异：实际 APP 不带原型手机外壳和状态栏；原型截图仍保留“拆箱/入库复核”旧按钮文案，当前实现按备注口径展示“复核”。
04 叫车确认
已按原型调整为独立确认页；库门选择使用底部高弹框，入口页列表不再作为确认背景。
对齐结果
- 页面形态：实际已改为全页流程确认，不再使用底部 action sheet 承载确认内容。
- 候选信息：已展示车牌、业务形态、货物属性、大件属性、车辆/票数和指定库门。
- 按钮层级：主按钮“确认叫车”和次按钮“取消”均在确认页主体区全宽展示。
- 剩余差异：实际 APP 不带原型手机外壳和状态栏；库门列表按当前 mock 可用库门显示，后续由真实
p_mobile_*返回的 view model 驱动。
05-A 待卸车 / 卸车
实际页已按原型收敛为二级作业页，突出进仓编号、车辆/库门、拍照留痕和底部主动作。
主要差异
- 顶部标题：实际已统一为“进仓卸车”，副标题展示车牌、件数和库门。
- 任务主体：实际已移除调试扫码卡，首屏突出进仓编号、业务类型、车辆/库门、包装、件重尺和作业要求。
- 拍照留痕：实际已按原型展示必拍类型、已拍数量、状态、拍照主按钮和查看/补充入口。
- 底部动作：实际已固定“卸车完成”和“现场协助与异常上报”；低频动作进入底部弹层。
- 剩余差异：实际 APP 不带原型手机外壳和状态栏；当前数据仍为本地 mock，后续由真实
p_mobile_*返回的 view model 驱动。
05-B 理货 / 打印
HB-30A 已按 05-B 收敛理货主页面和打印入口：主对象卡、现场任务、进度记录和底部“打印桩脚牌”已进入当前 APP。
对齐结果
- 页面骨架：实际已移除扫码调试卡和 tab 式功能页，改为顶部栏、主对象卡、现场任务按钮、进度记录和固定底部动作。
- 信息层级：实际首屏突出进仓编号、委托方、包装/大件、件重尺和作业要求，和原型 05-B 的现场可读层级一致。
- 现场动作：实际已直接展示“去测量、去做关、选库位、记残损、去拍照、加服务”。
- 打印入口：实际底部主动作已改为“打印桩脚牌”，打印页保留桩脚牌预览、打印点和份数，不再展示旧的技术化预检查表格。
- 剩余差异：当前仍使用本地 mock 数据；测量、做关、库位、残损等子页细节待后续随真实 API view model 继续收敛。
05-C 入库复核
HB-30B 已按原型收敛：复核页拆为主对象卡、客户标签、桩脚牌网格、拍照留痕和底部固定动作；连续扫码使用全屏相机页。
对齐结果
- 主内容：实际已按原型展示主对象信息、客户标签、桩脚牌 8 宫格、拍照留痕。
- 扫码形态：桩脚牌扫描已改为全屏连续扫码，底部只保留进度和停止扫码；调试输入框和快捷按钮已移除。
- 底部动作：实际已固定“入库复核完成”和“特殊处理与异常上报”。
- 剩余差异：05-C0 入库复核开始确认层尚未单独拆出；当前仍使用本地 mock 数据，后续由真实 API view model 驱动。
05-C4 复核冻结
HB-30B 已按原型收敛：扫错后冻结入库复核，返回主页面显示红色基调、错误桩脚牌行、冻结腰封和禁用主按钮。
对齐结果
- 冻结表达：实际已使用红色页面底色、遮罩和“已冻结入库复核”腰封。
- 错误信息：实际已在桩脚牌区突出错误桩脚牌和“不属于本进仓编号”。
- 按钮状态：主完成按钮保留在底部固定区并禁用。
- 剩余差异：冻结弹层细节截图已验证，当前对比页只展示冻结后的主页面；主管解冻入口已在下方 10-B/10-C 单独对比。
03-B 进仓异常列表
HB-30C 已按原型拆分：03-B 只保留红色只读异常列表；主管处理迁移到现场管理 10-B/10-C。
对齐结果
- 页面语义：实际标题、副标题和红色基调已对齐“异常作业 / 进仓暂停/冻结作业”。
- 操作边界：实际页不再包含“主管处理 / 处理详情”tab，也不提供异常处理按钮。
- 信息密度：异常卡只展示进仓编号、状态、车牌、库门和业务形态。
- 剩余差异：实际 APP 不带原型手机外壳和状态栏；mock 示例编号与原型示例编号不同。
10-B/10-C 主管解冻
HB-30C 将解冻入口迁移到现场管理，形成独立解冻对象列表和解冻任务详情。
对齐结果
- 入口拆分：现场管理页只保留“大件监护 / 暂停确认 / 解冻”三项主管动作。
- 解冻列表：实际按进仓编号、暂停节点、暂停时间、暂停申请人和右侧箭头展示可解冻对象。
- 解冻详情：实际展示暂停节点、原因、时间、申请人和必填解冻原因，确认后返回现场管理。
- 剩余差异：当前仍为本地 mock 数据；真实权限、状态恢复和动作留痕待后续真实
p_mobile_*过程接入。
截图来源
原型文件：
design-docs/sigpl_docs/系统设计输出/prototypes/mobile-hifi-v0.1/outdoor-contrast.html
实际页面：http://tokyo.gainit.cn/local-docs/mobile-app/index.html
截图目录：local-docs/mobile-ui-comparison/assets/