项目经历
南头镇智慧停车
项目介绍： 城市级“停充一体化”智慧停车平台，覆盖路内/路外停车、新能源充电站等场景，面向 ToG / ToB / ToC 多角色提供停车查询、计费缴费、运营管理、财务结算与数据分析能力。
项目周期： 20XX.XX - 20XX.XX
项目角色： 前端核心开发
项目形态： 车主端 H5 / 小程序、运营管理后台、收费员 PDA Web 管理端
核心技术栈： Vue、Vue Router、Vuex / Pinia、UniApp、Vite / Webpack、Axios、ECharts、高德 / 百度地图 JS SDK
核心职责：
- 负责车主端核心链路（停车场/车位查询、订单列表、停车缴费/充电缴费、优惠券与活动）研发，沉淀订单卡片、计费明细、支付弹层等高复用业务组件，提升迭代交付效率。
- 搭建运营管理后台多模块能力（机构/商户/账户、收费规则配置、车场/车位/充电站资源管理、财务与运营报表），以“表格 + Schema 表单 + 权限按钮”模式统一页面开发范式，降低后续扩展成本。
- 设计并落地多租户 SaaS 前端隔离方案：基于租户维度动态注入
baseURL/Header，结合路由守卫与菜单权限，实现同一套代码支持多运营主体独立运营与数据隔离。 - 针对地磁/高位视频/视频桩等多设备接入差异，抽象“泊位状态-订单状态”映射与展示策略，统一不同采集模式下的入场/出场/计费/异常状态呈现，减少业务分支散落。
- 针对异常订单（同车多订单、无进场记录、未出场订单、欠费逃单等）梳理状态流转，抽象前端状态机与处理动作，保障多端展示一致并降低运营对账成本。
- 为收费员 PDA 弱网/断网场景设计离线队列：本地缓存收费记录与图片取证，支持幂等重试与自动补传；界面同步展示“待上传/已同步/失败重试”状态，降低漏单风险。
关键成果：
- 对车主端高频页面实施路由级拆包与懒加载，配合骨架屏与图片懒加载，首屏加载耗时优化约 30%。
- 建立统一请求封装与错误分级提示，聚焦设备离线、订单状态异常等高频问题，线上问题定位效率显著提升。
- 配合运营策略与催缴规则落地，整体停车欠费催缴率提升到 85%+，支撑重点路段与停车场的智慧化改造与稳定运营。
智慧停车可视化大屏
项目介绍： 面向政府城建部门与运营单位的智慧停车态势大屏，聚合车位占用、订单与营收、欠费与异常告警等核心指标，采用“地图定位 + 指标联动 + 下钻弹窗”实现运营指挥与应急监控。
项目周期： 20XX.XX - 20XX.XX
项目角色： 前端开发
项目形态： PC 大屏（1920×1080）
核心技术栈： Vue、Vue Router、ECharts、高德 / 百度地图 JS SDK、WebSocket / 轮询、Vite / Webpack
核心职责：
- 负责大屏信息架构与组件拆分，落地资源概览、运营收益、停车热力、异常告警、重点场站下钻等模块，统一主题与交互规范以保证“可读性 + 一致性”。
- 设计地图分层与联动模型：片区/停车场/点位多层级切换，支持点聚合、hover 提示、点击弹窗下钻；与右侧指标、列表形成联动，提升定位效率。
- 规划实时数据刷新策略：对高频指标采用增量更新与批量提交，对低频指标采用定时刷新；避免全量重渲染导致的卡顿与抖动。
- 实现二级弹窗闭环：从地图点位进入场站详情，展示车位列表、订单概览、异常状态与处理入口，支持筛选与快速定位，缩短运营处置路径。
- 针对大屏长期运行场景治理稳定性：统一管理定时器、长连接与重连逻辑；对图表实例与地图覆盖物进行复用与销毁，控制内存增长并提升运行稳定性。
关键成果：
- 采用按比例缩放的大屏自适应方案，保障不同分辨率下布局稳定、字号可读且不变形。
- 对地图点位与图表刷新做节流与批量更新，降低重绘频率，保障高频刷新场景下交互流畅度。