线上预约与排队系统 UI 重构 V21

V21 对齐 Demo 功能设计问题改动方案:明确本阶段只交付 PRD 和三端 HTML 原型,三端数据不真实联动;修正预约签到按实际签到时间入队,补充人工确认状态、高风险二次确认、评价二期和公众号兜底口径。以下三个 HTML 原型均为零依赖、纯前端文件,可用任意浏览器直接打开。

HTML 原型

地上铁小程序可交互 HTML覆盖预约、取号、扫码签到、排队状态、人工确认中、取消预约二次确认、EWT 算法口径和消息授权。 老铁助手 APP 可交互 HTML覆盖排队叫号、开始服务、完成服务耗时采集、预约按签到时间入队、过号确认、备料视图和网点配置。 Web 后台 HTML覆盖控制台总览、预约与排队监控、EWT 算法配置、工单耗时分析、黑名单二次确认、消息授权分析和异常预警。

演示边界

当前三端 Demo 为独立 HTML 原型,数据状态不跨端同步。演示时请分别查看 C 端、B 端和 Web 端流程;真实联动、接口同步、权限、消息发送和埋点落库由后续研发阶段基于服务端能力实现。

Image 2 视觉稿

小程序全页面图image 2 生成,保持真机比例。 B 端 APP 全页面图image 2 生成,保持真机比例。 Web 后台全页面图image 2 生成,主色已换成白绿。

实现规格

小程序页面规格 JSON更适合后续转 WXML / WXSS。 B 端 APP 页面规格 JSON更适合后续转 React Native / Flutter 组件。