UniAppVue 3PiniaVite
项目概述
面向智能售货场景的移动端产品：消费者扫描机身二维码即可进入该设备的货道商品列表，选购、下单、查看出货状态一气呵成；运营者在同一应用内切换角色，完成设备、商品、补货与营收的日常管理。一套代码可编译发布到微信小程序、H5 与 APP 等多个平台。
核心功能
- 扫码购物：扫码识别设备，按货道展示在售商品
- 购物车下单：分类筛选、库存上限校验、合计结算
- 出货反馈：下单后逐件展示出货状态
- 运营看板：今日营收、订单量、设备在线率与七日趋势
- 设备管理：在线状态、温度、心跳与货道库存监控
- 补货管理：逐货道补货、一键补满、容量校验
- 商品管理：上下架、价格、条码与图片维护
- 告警报表：故障 / 缺货告警、热销排行、设备营收排行
技术架构
基于 UniApp + Vue 3 组合式 API 构建，Pinia 管理购物车与用户角色状态，Vite 构建链支持微信、支付宝等多家小程序以及 H5、APP 的多端编译。看板与报表图表用纯 CSS 实现，零第三方图表依赖，包体轻量。
项目亮点
- 一码双端：消费者端与运营端共用一套代码，角色无缝切换
- 货道级库存模型：补货、告警、报表围绕货道精细化运营
- 多端发布能力：一次开发，多平台覆盖