ShopAny 售卖机小程序 · 原型总览

无 IoT 方案(接入海逸智能柜):一次交易 = 微信扫码 → 开门 → 挑选商品 → 关门 → 支付分抵扣 → 订单完成。 用户可进入小程序查看订单、浏览附近机柜。点击下方卡片进入各页面原型; 带「状态切换」的页面可在页顶深色工具条切换正常 / 异常画面。

▶ 连贯原型 A · 开门自取(9 屏) ▶ 连贯原型 B · 浏览 + 我的服务(10 屏)

两条主线、TabBar 互通:A 线 = 微信扫码开门 → 挑选 → 关门 → 支付分抵扣(先享后付),是唯一的交易路径; B 线 = 首页 / 附近柜机 / 商品浏览 / 我的服务(会员、积分、优惠券、消息、地址)。 线上下单到柜自取暂缓开放(购物车仅占位),后续启用时可无缝恢复。 B 线依据《智能售卖小程序实施功能清单》并参考 shopany-app-uni 既有页面布局设计。

主流程(一次完整交易)

① 微信扫码扫柜机码进落地页
校验在线 / 可售
→
② 开门首次开通支付分
先享后付授权
→
③ 挑选商品门开自由取货
倒计时提醒
→
④ 关门关门触发识别
映射业务 SKU
→
⑤ 支付分抵扣按实际取货金额
自动扣款
→
⑥ 订单完成小程序可查
明细可回看

异常分支

开门失败 → 订单取消 · 不扣款 · 提示联系客服 未取货 → 订单自动取消 · 不扣款 识别异常 → 暂缓扣款 · 人工核实 1-2 个工作日

页面原型(点卡片进入)

01 · 交易入口扫码开门落地页

机柜信息与在线状态、柜内商品价格、先享后付说明。可售校验不通过时明确拒绝。

正常可购维护中
02 · 仅首次微信支付分确认

首次购买确认开通先享后付;之后扫码直接开门,不再弹出。

03 · 交易中正在开门

开门指令进度。失败时锁门不重试,自动取消订单并说明资金未扣。

正在开门开门失败
04 · 交易中挑选商品

门已开、取货倒计时、关门即结算的引导提示。

05 · 交易中关门结算

识别取货商品 → 核对金额 → 支付分抵扣的进度展示。

06 · 交易终点订单结果

三种终态:扣款成功(含明细)/ 未取货取消 / 识别异常审核中。

扣款成功已取消审核中
07 · 小程序入口我的订单

历史订单列表,含已完成 / 审核中 / 已取消三种状态标签。

08 · 客服场景订单详情(审核中)

识别异常订单的进度、明细与取证入口(取货录像、联系客服)。

09 · 小程序入口附近柜机

地图点位 + 列表,展示在线 / 维护中状态,可跳转对应柜机购买。

B 线 · 线上浏览 + 我的服务(依据功能清单,参考 shopany-app-uni 布局;线上下单暂缓)

B1 · TabBar首页

红底搜索框、运营轮播、金刚区(扫一扫/柜机/领券/积分/会员/签到/消息)、公告栏、推荐商品流(含售罄态)。

B2 · 清单 3.2柜机商品列表

柜机名称/距离/营业状态、地图导航按钮、可售商品及售罄状态。

B3 · 清单 3.3商品详情

轮播、促销价+划线价、优惠/服务/规格行;底栏引导「扫码开门购买」(线上下单暂缓)。

B4 · 暂缓占位购物车(占位)

线上下单暂未开放的占位页,点击引导去扫码开门购买;后续启用可恢复完整购物车流程。

B5 · 清单 3.4我的

用户卡+签到、资产四宫格(积分/优惠券/余额/收藏)、订单入口行(待付款/待取货/已完成/售后带角标)、功能宫格 8 项。

B6 · 清单 P1会员中心

等级深色大卡(成长值进度)、权益宫格、连续签到日历(第 7 天 +20)。

B7 · 清单 P1积分商城

红色渐变积分头部(明细/兑换记录/规则入口)、积分+现金混合兑换商品宫格。

B8 · 清单 P1领券中心

左额右领的券卡(面额/门槛/适用范围/限领)、已领完置灰态、点击领取即时变「已领取」。

B9 · 清单 3.4消息中心

订单/系统/活动三类 Tab,未读红点标记,含订单支付、人工核实完成等业务消息示例。

订单通知系统活动
B10 · 清单 P2地址管理

默认地址标签、编辑入口;顶部说明「柜机自取订单无需地址」避免误解。

与旧 IoT 方案的前端差异

环节旧方案(通用 IoT 轮询)新方案(海逸 · 本原型)
支付前置每单拉起微信预授权支付分先享后付,仅首次确认开通
开门IoT 命令 + 轮询 doorStatus门事件驱动;失败即锁门取消,不盲目重试
结算轮询 sessionStatus 完成态关门 → 识别回调 → 金额核对 → 自动抵扣支付分
结果页仅「购买成功」成功 / 取消 / 审核中三种终态
新增页面—订单审核中详情、附近柜机(TabBar)