1. 业务背景
随着城市化进程的加速，电梯保有量呈现爆发式增长，传统的纸质记录与人工调度模式已难以满足现代物业对安全监管与高效维保的刚性需求。现有的维保流程普遍存在信息滞后、作业过程不透明、备件库存对账难等痛点。
2. 行业场景
本项目深度聚焦于智慧物业、专业电梯维保公司及大型公共设施管理场景。针对电梯设备分布广、维护周期性强、安全责任重等特点，提供一套从总部管控到一线作业的全链路数字化解决方案。
3. 立项原因及解决痛点
本项目的立项旨在打造一个闭环式电梯生命周期管理系统，核心解决以下产品问题：
排班冲突与遗漏： 通过智能工作台实现维保计划的自动化排班，确保每台电梯按期巡检，消除安全隐患。
执行过程不可控： 借助微信小程序端，解决维保人员现场作业无法实时监控、过程缺乏留痕的问题，通过在线审核与客户电子签字确权，提升合规性。
备件管理混乱： 打通备件从入库到工单消耗的关联逻辑，解决库存不准、申领不透明的难题。
决策支持匮乏： 利用数据报表模块，将繁杂的工单转化为可视化分析，为管理层提供设备故障率、人员绩效等核心经营指标。
一、 管理后台（PC端）：中心化调度与资源管理
管理后台是整个系统的“大脑”，负责全局数据的维护、任务的指派及运营决策。
工作台与数据报表： 提供全局维保概览图表，实时监控工单进度、电梯运行状态分布、维保逾期预警及人员绩效排行。
项目与电梯管理： 建立详尽的电梯电子档案，记录技术参数、安装位置及年检周期，实现一梯一码管理。
保养与维修管理： 自动排班： 根据设定的保养周期（半月/月/季度）自动生成保养计划并推送工单。
维修调度： 接收报修信息，一键指派维修任务给就近维保人员。
备件与库存管理： 覆盖备件的入库、调拨、工单领用及报废，实时同步库存余量，确保维修物资供应。
组织与系统管理： 维护多级组织架构，设置管理员、审核员、技术员的角色权限。
二、 微信小程序（移动端）：一线作业与闭环执行
小程序端侧重于任务的执行与协同，通过移动化操作打破时空限制。
维保作业台： 维保人员在线接收工单提醒，查看任务详情及电梯历史维修记录。
工单标准化执行： 按照预设的巡检项逐条打卡，支持现场照片上传、GPS定位签到，确保真实到场。
多方协同审核： 审核确认： 审核人员在手机端对完工工单进行质量抽检与复核。
客户电子签名： 完工后由客户在屏幕上进行手写电子签字，生成具备法律效力的维保电子凭证。
备件申领： 维保人员可直接在现场发起备件申请，与后台库存即时联动。
主要功能描述（概览）
本系统通过“计划-执行-审核-闭环”的数字化流程，彻底解决了电梯维保中流程透明度低、协作效率差的问题。管理后台利用智能排班和实时报表实现了对成千上万台电梯的精细化管控；而微信小程序则将复杂的维保标准下发至一线，通过现场拍照、轨迹定位和电子签名，确保了保养动作的真实合规。系统打通了备件领用与维修消耗的链路，使物料流、信息流、安全责任流高度统一。
一、 核心职责
本人作为前端开发负责人，负责管理后台（PC）框架搭建与微信小程序全流程开发：
架构设计： 基于 Vue 3 + TypeScript + Vite 构建后台系统，设计并实现基于 RBAC 的动态路由权限体系。
业务闭环： 独立完成小程序端从登录、工单接单、现场拍照留痕到 Canvas 电子签名的完整链路。
组件开发： 封装高性能排班日历、基于 Schema 的动态表单及备件库存联动报表。
二、 技术栈与架构
管理后台： Vue 3 (Composition API) + Pinia + Ant Design Vue，利用 Vite 优化构建与热更新速度。
小程序端： Uni-app + Uview UI，实现一套代码多端运行能力。
工程化： 封装 Axios 请求拦截与统一异常处理；配置 ESLint + Prettier 确保代码质量；前端资源经 Nginx 反向代理部署。
三、 业务实现亮点
弱网离线作业： 针对电梯井道信号盲区，设计 Local Storage 本地缓存机制。维保数据可在离线状态暂存，待网络恢复后自动/手动同步至服务端。
可视化取证： 利用 Canvas 采集客户签名，并结合 OSS 处理技术，在现场照片中自动嵌入 GPS 定位及时间戳水印，确保维保过程真实、防篡改。
动态表单引擎： 针对不同品牌电梯的差异化巡检项，通过递归组件实现由后端配置驱动的动态巡检表单，极大提升了系统的扩展性。
四、 技术难点与对策
大规模排班渲染性能： 面对海量排班数据导致的页面卡顿，引入虚拟列表（Virtual List）**与时间分片技术，仅渲染可视区域，保持 60fps 的流畅滚动。
多端状态即时同步： 引入 WebSocket 建立双工通信，确保管理后台审核结果能即时推送至小程序端，避免维保人员因信息滞后导致的重复劳动。
评论