设备管理小程序产品系统

立项原因：业已有 PC 端设备管理系统，但点巡检、故障申报、维修记录三个闭环环节都在设备旁边完成，填报与现场之间存在断点：点巡检现场纸质打勾、回 PC 端二次录入，数据滞后；故障申报入口不在现场，只能电话或微信群转述，描述靠口述、照片靠转发；维修工完工后回办公室补填单，原因、备件、工时全凭回忆，成本无法核准；一线人员信息化差异大，PC 表单字段多、层级深，手机端平移易错，仍回到纸单代录。立项做设备管理小程序：不替换 PC 端，只把现场作业整体前移，用扫码即定位设备、拍照即凭证、时间即戳章，让现场动作直接产出数据并回流台账，把「人找系统」变成「系统找人」。
行业场景：设备管理是制造业、物业园区、能源电力等行业的刚需，共性是设备分散量大、作业强现场性、一线门槛差异高、停机损失敏感。业务链条为台账→点巡检→故障申报→派单→维修→验收→成本→报表，前半段适合 PC 端，后半段现场执行是 PC 端最薄弱处。企业正从资产台账走向运维数字化，要求数据实时，却面临「系统建在办公室、作业在现场」的矛盾：纸单需二次录入，电话群报修碎片化、无工单号，PC 页面平移到手机则表单未按动线裁剪。小程序免安装、即扫即用，扫码进设备档案、表单极简可拍照，是 PC 端「现场执行层」的移动延伸。三个核心场景：一是扫码点巡检，设备贴码绑定档案与模板，扫码带出设备信息与检查表，正常一键勾选、异常填值拍照并自动定级，实时回流台账，发现到生成单据不超过一分钟；二是故障申报，现场扫码选类型与紧急度、描述现象与停机影响、上传照片，提交即生成工单号并流转，PC 端派单、到场打卡、超时提醒；三是维修现场填单，按原因、措施、换件、试运行四段式填写，备件扫码记型号数量、照片留证、工时自动计算，验收通过则工单关闭、设备恢复、库存扣减，数据进入故障与成本分析。小程序与 PC 端共用主数据，移动端提交的记录与照片即 PC 端正式数据，

设备管理小程序 — 基于 uni-app + Vue3 + Pinia + uView 2.0 开发，实现设备
列表、状态监控、扫码绑定、告警推送等核心功能。封装统一请求层与权限校
验，通过 WebSocket/MQTT 实现设备状态实时同步，支持蓝牙直连与扫码配
网，完成多角色权限控制与数据可视化展示。

本项目前端由我全权负责，按设计图完成界面 1:1 还原，技术栈采用 uni-app + Vue 3 + Pinia，交付微信小程序端。设计与还原：先与设计、产品评审全部页面走查稿，沉淀统一视觉规范（字号间距、色彩层级、主次按钮、表单与列表样式、状态色），建立基础组件与业务组件库，保证后续页面产出风格一致；页面按设计稿逐屏像素级还原，在真机上对照走查间距与对齐。架构：页面层只做业务编排，通用 UI 与业务组件（扫码拍照、动态表单、巡检清单、工单卡片、消息中心等）沉淀到组件层；跨页面共享的任务、设备档案、待办与草稿状态统一由 Pinia 管理，按业务域拆分 store 并支持持久化；服务层统一封装请求拦截、鉴权、文件上传与失败重试，屏蔽接口细节，后续扩展 H5、App 端无需改动页面代码。业务实现：用微信扫码能力识别设备二维码，按设备 ID 向 PC 端系统实时拉取设备档案与巡检模板并生成本次巡检表；调用相机完成照片与短视频取证上传，配合定位记录到场打卡；针对车间与地下机房弱网场景，对巡检记录与维修表单做本地草稿缓存与断点补传；小程序侧做分包与首屏优化，保证低端机流畅。交付：先出信息架构与交互走查稿，再打通登录授权、首页、扫码点巡检三条主链路，随后补齐故障申报、维修填单与个人中心，同步与 PC 端接口联调；上线前完成多机型适配与真机走查，并对扫码失败、拍照上传失败等关键异常做兜底提示。交付物包含源代码、组件与接口文档、上线部署说明。