本项目面向停车场运营与现场值班人员,解决传统停车管理依赖值班室、处置滞后、查询分散的问题。立项目标是将智慧停车云的能力下沉到微信小程序,实现车场总览、通道现场处置、运营查询、月租办理与设备运维的移动化与权限分级管理。
软件以单位租户账号登录,对接泊车邦/智慧停车云开放平台。核心模块包括:登录与合规协议;车场列表(在线状态、今日进出、车位概况);通道监控(入口/出口通道、实时异常、远程开闸/关闸、抓拍、视频预览、异常车牌智能匹配修正);车场运营(场内车辆、进出记录、缴费与退款、识别记录、开闸记录);月租管理(包月车辆新增/编辑/续费及续费记录);运维侧设备日志(按通道查看连接、心跳、识别、抓拍、道闸等日志)。
业务流程为:登录鉴权并拉取角色权限 → 进入「车场」查看并进入通道监控完成现场处置 → 或在「运营」确认当前车场后,按权限进入查询/月租/设备日志;退出时清理登录态与本地缓存。整体形成「现场处置 + 后台查询 + 月租办理 + 设备运维」的闭环能力。
整体采用 uni-app(Vue2)开发微信小程序,UI 使用 uView 2.x;主包承载登录与 Tab,通道监控、运营查询、月租管理、设备日志按业务拆为四个分包以控制体积。网络层统一封装请求,支持 OAuth 登录、Bearer 鉴权、401 Token 刷新及租户动态业务域名;权限模块对接 user-app-roles,按菜单/按钮粒度控制运营入口显隐;登录态与当前车场等上下文通过本地存储维护。视频播放因小程序限制,经 web-view 加载 HTTPS H5 播放页。
本人主要负责小程序前端整体实现:登录鉴权与环境配置、车场/运营双 Tab 与权限入口、通道监控异步开闸关闸与抓拍轮询、运营查询与月租流程、设备日志查询,以及 iOS 车场选择列表高度适配、正式环境切换等落地。已完成可商用版本(1.0.0),覆盖值班处置到运营查询的主路径,并完成正式环境上线切换。
难点方面:① 多租户登录后业务域名与 OAuth 域分离,通过租户接口返回的 parkingWebEndpoint 动态切换请求基址;② 开闸/抓拍为异步结果,采用倒计时 + 状态轮询并处理并发与 Loading 时序;③ iOS 下 scroll-view 在 flex 布局中高度为 0 导致列表空白,改为动态计算并设置像素高度解决;④ 小程序无法直接播 FLV,改为 HTTPS H5 + web-view 方案并配置业务域名。