熊猫车邦自助洗车平台产品系统

1.立项原因，传统洗车存在价格高、排队久、夜间门店歇业等痛点。熊猫车邦旨在打造24小时无人值守的自助洗车平台，通过按流量实时计费的模式降低车主洗车成本，提升洗车便利性。
2.行业场景与业务背景，随着汽车保有量增长，洗车成为高频刚需，自助洗车正加速向社区、停车场普及。熊猫车邦以智能物联自助洗车为核心业务，小程序作为连接线下设备与线上服务的数字化中枢，承担着网点查找、扫码启停、在线结算等关键业务环节，实现用户随到随洗、按需付费的高效体验。

本项目围绕“用户自助洗车”与“加盟商数字化运营”双端展开，主要包含以下功能模块：
一、C端（用户端）核心功能：
1.网点查找与导航：基于LBS定位展示附近洗车网点及设备空闲状态，支持一键导航到店。
2.扫码启停与实时计费：用户扫码连接设备，可自助控制清水、泡沫、吸尘等工序，系统按实际用水流量实时扣费，随洗随走。
3.亲情账号管理：支持将账户余额共享给家庭成员，可设置单笔限额，解决多车家庭充值浪费的痛点，支持亲情代付。
4.个人中心与订单：集中展示洗车记录、消费明细及余额变动，账目清晰可查。
二、B端（加盟商管理后台）核心功能：
1.设备与网点监控：实时查看各网点设备运行状态（在线/离线/故障）、水电消耗及使用频次。
2.营收与数据看板：统计加盟商每日订单量、流水营收及用户充值数据，支持财务报表导出。
3.营销与会员配置：支持加盟商配置充值套餐、发放优惠券、设置计费规则等运营工具，助力拉新与复购。

本人负责的任务：作为前端开发核心成员，主导了熊猫车邦小程序端与H5端的页面搭建与交互实现，涵盖网点地图、扫码启停、计费结算、亲情账号管理、个人中心等核心模块；同时参与了Web管理端（运营后台）部分页面的开发与接口联调。

技术栈与实现亮点：
1.多端统一开发：以 Vue.js 为核心框架，配合小程序原生能力与 H5 适配方案，实现一套业务逻辑在多端复用，降低维护成本；
2.物联网交互：对接设备开放接口，完成“扫码—鉴权—启停—计费状态轮询”的前端全流程，处理设备离线、支付超时等异常场景；
3.状态与数据管理：使用 Vue 的响应式机制集中管理用户会话、余额、亲情账号绑定关系等全局状态，保证多页面数据一致性；
4.性能与体验优化：针对地图网点列表做分页加载与懒渲染，对扫码启动按钮做防抖与节流处理，避免重复请求；利用 CSS3 动画与骨架屏提升弱网下的感知性能。