运维端 - 扫一扫·设备操作(Y03)

← 返回总览 Y00 首页 Y01 工单待办 Y02 工单详情 Y03 扫一扫·设备操作 Y04 我的 Y05 名下资产 Y06 设备列表 Y07 设备详情 Y08 消息中心 Y09 消息详情
9:41

扫一扫·设备操作

模拟扫码控制

页面说明

最后更新:2026-09-16

页面定位 — PRD §6.6 / §5.9.11 / §5.8

运维端设备现场操作,按入口分两种模式:模式 A 常规设备操作(Y00 扫码 / 柜机广告页运维入口进入)——识别设备 → 设备摘要卡(cg15 风格单状态展示)+ 设备配件 Tab(配件逐件解绑/绑定即时生效)+ 顶部运行操作(开始维护/恢复可售,仅模式 A);模式 B 安装建档(Y02 安装工单「设备扫码」进入,URL ?type=install&order=WO-…)——识别未激活 SN → 设备配件 Tab 本地暂存 + 设备测试 Tab 3 步(通讯在线 → 放水验证(含流量计上报) → 刷卡验证)→ 全过放行「安装完成」提交建档并自动返回 Y02 拍照完结。设备摘要卡为双 Tab 共享头部;设备测试控制卡片迁至右侧「模拟扫码控制」面板;进度按设备/工单 localStorage 自动保存可断点续跑。

核心内容

模块说明
设备摘要卡cg15 风格单状态展示(编码 + 状态徽标 + 名称 + 当前状态文案);运行操作(开始维护/恢复可售,仅模式 A)内嵌卡片右侧按状态切换;模式 B 显示未建档 SN,不提供运行操作
设备配件 Tab已绑配件清单(必配件 3 行 + 滤芯卡,逐件解绑/扫码绑定即时生效);与设备测试物理隔离
设备测试 Tab3 步混合流程(右侧「模拟扫码控制」面板驱动);放水前提示常驻;模式 B 含「安装完成」完结按钮(3 步全过才启用)
右侧模拟扫码控制四区块:设备识别 / 入口 / 运行状态 / 设备测试(原型模拟:通讯状态/流量计上报/刷卡模块/模拟全部通过)
扫码绑定配件入口仅位于预览框配件清单内(CG15 底部扫码弹窗),控制面板不重复提供

关键交互

操作 触发 反馈 行为
设备识别控制面板「设备识别」标签标签高亮「识别到设备」→ 摘要卡+双 Tab;「扫码中」→ 回相机取景框
双 Tab 切换预览框顶部两按钮按钮高亮默认进「设备配件」;切 Tab 不重置识别;进度自动保存
入口(模式)控制面板「入口」标签(原型演示)标签高亮常规工单=模式 A / 安装转移=模式 B;真机由 URL ?type 决定,两模式隔断;扫码中置灰
运行状态控制面板「运行状态」标签(仅模式 A)徽标实时更新使用中/维护中切换;双向二次确认
解绑/绑定配件清单行内按钮CG15 底部弹窗必配件一对一阻断、滤芯超上限仅提示;解绑旧件→待回收(归仓管端);来源三态(库存/借出/复用)
设备测试切「设备测试」Tab + 右侧面板3 步渲染通讯自动上报(在线即通过,异常→锁 2);步骤 2 放水验证:纯水/矿化水各 1L 放出(每 100ml 上报、进度条动画),放水中与结束后流量计正常上报方通过,异常→950ml≠1000ml 失败;放水与刷卡均可独立重复操作;全过→模式 B 完结可用
安装完成(模式 B)设备测试 Tab 底部按钮二次确认3 步全过→提交建档(SN 激活+绑定)+ 自动返回 Y02 拍照完结;拍照与工单完结在 Y02
返回顶部返回栏按场景返回扫码中=history.back;识别后=返回扫码(回取景框)

页面状态

场景展示内容
扫码中(未识别)相机取景框;控制面板「设备识别=扫码中」、运行状态置灰
模式 A 已识别摘要卡(使用中/维护中)+ 双 Tab;设备配件 Tab=配件清单;设备测试 Tab=3 步(无完结)
模式 B 已识别摘要卡(未建档 SN)+ 双 Tab+本地暂存;设备测试 Tab 含「安装完成」(3 步全过才可用)
设备测试中放水环节设备「忙碌中」瞬态;第 2 步放水验证含「放水中 / 放水完成」两态(不持久化),纯水/矿化水各一条 1L 出水进度条,双 Tab 共享摘要卡

跳转关系

Y03 扫一扫·设备操作
├─ 返回(扫码中)    → 上一页(window.history.back())
├─ 返回(识别后)    → 返回扫码(回相机取景框)
├─ 入口 常规工单     ← Y00 / 柜机广告页运维入口
├─ 入口 安装建档     ← Y02 安装工单 ?type=install&order=
├─ 入口 转移复核     ← Y02 转移工单 ?type=move&order=
├─ 解绑/绑定         → CG15 底部弹窗
└─ 安装完成/复核完成 → 自动返回 Y02?id=…(拍照+完结在 Y02)

业务规则

•全手动扫码(无常驻摄像头);解绑不扫码,仅点已绑配件行触发;扫码绑定→绑定新件到设备该类型
•配件类型 屏幕/安卓板/水机板(必配件,一对一,解绑可再绑)/ 滤芯(非必配件);必配件已绑再绑→阻断,滤芯超上限仅提示
•解绑旧件 → 资产状态变 待回收(§5.9.1/§5.9.11),归仓管端回收;更换流水仅设备档案可见,工单侧彻底隔离
•运行状态(开始维护/恢复可售,§6.6)仅模式 A:开始维护=暂停售水,恢复可售=恢复可售,均双向二次确认;模式 B 无运行状态概念
•双模式场景隔断:Y00/柜机入口=常规 A;Y02 工单「设备扫码」=安装转移(B),由 URL ?type 自动决定模式,无需人工选类型;现场拍照与工单完结均在 Y02
•模式 B 本地暂存:配件/滤芯登记与模式 A 一致(同卡片/同款 CG15 弹窗/同款绿「使用中」徽标),差异仅先落本地暂存、不入系统库;滤芯多根逐行独立解绑
•设备测试 3 步:① 通讯在线(自动上报,在线即通过,异常→失败锁 2)② 放水验证(纯水+矿化水各放 1L,每 100ml 上报、进度条动画;放水中与结束后流量计正常上报方为通过,异常→950ml≠1000ml 失败)③ 刷卡验证(独立触发,不受门禁);放水与刷卡均可独立重复操作;放水按钮文案仅「放纯水 / 放矿化水」(放水中禁用、不标红),异常提示(流量计上报异常 950ml)仅显示在各类型卡片内、步骤卡片不重复显示;步骤状态=待执行/通过/失败,第 2 步放水另有「放水中 / 放水完成」两态(步骤徽标与进度条同步)
•控制卡片(原型模拟)位于右侧面板:通讯状态/流量计上报/刷卡模块/模拟全部通过;仅驱动测试结果,不进界面业务文案;真机由设备实际状态/实体卡触发
•进度自动保存:按 deviceSn(+workOrderNo) 存 localStorage,切 Tab/返回/刷新续跑;放水/刷卡均可独立重复,无「开始测试 / 重置」按钮;无手动退出/继续
•多语言约束(§4.7,P2 预留)扩展点,原型中文单语
查看更新记录
2026-09-18
设备测试交互精简:移除「开始测试 / 重置」按钮;通讯改为自动上报(在线即通过、异常锁放水);放水(纯水/矿化水)与刷卡验证为独立可重复操作,放水按钮重设计为卡片化全宽醒目按钮(蓝=待放/蓝脉冲=放水中/绿=成功,不放水异常不标红),文案仅「放纯水 / 放矿化水」、放水中禁用;刷卡失败文案「请重试」;异常提示(流量计上报异常 950ml)仅显示在纯水/矿化水卡片内、步骤卡片不重复显示;步骤②描述与放水前提示移除界面业务文案。
2026-09-16(放水验证合并)
设备测试 ②③ 步合并为「放水验证」(含流量计上报):4 步降 3 步;纯水/矿化水各一条 0→1000ml 出水进度条(每 100ml 上报、160ms 跳进),放水中与结束后流量计正常上报方为通过,异常走到 950ml 标红判失败;「模拟全部测试通过」跳过动画直接置通过态。
2026-09-17
设备测试第 2 步放水新增「放水中 / 放水完成」两态(步骤徽标与放水按钮同步);右侧控制面板结果按钮左对齐,「模拟全部测试通过」收窄至 1/4 宽。
2026-09-16(排版调整)
设备测试控制卡片由手机框内迁至右侧「模拟扫码控制」面板;运行操作由底部独立卡片提至顶部设备摘要卡(按状态内嵌按钮);修复 TDZ 运行时错误与页面说明静态 HTML className→class。
2026-09-16
已识别设备视图拆「设备配件」「设备测试」双 Tab(摘要卡共享头部);设备测试升级为 4 步混合流程;进度按设备/工单 localStorage 自动保存。