返回简历
运营管理平台

巡检平台

骑手运营巡检工单管理系统 · 星火端全配置化 · 零代码接入新业务

2023.06 - 至今 项目负责人 / 前端开发 配置驱动
React Native (MRN) Vue 2 TypeScript MobX

核心亮点:星火端全配置化架构

巡检平台星火 App 端的所有页面展示、入口跳转、表单结构、操作按钮均由后台线上配置驱动,App 本身不硬编码任何业务逻辑。新业务方接入时,运营人员在后台完成配置即可上线,无需前端开发介入,无需发版

烽火台后台(Vue 2)
配置巡检入口:名称、图标、跳转路径
配置页面结构:卡片布局、字段展示顺序
配置操作按钮:文案、权限、触发动作
配置表单模板:三层嵌套检查项结构
配置跳转规则:条件跳转、外链、内页
📦 线上配置协议(JSON)
entry[] — 入口列表 layout — 页面布局 actions[] — 操作按钮 form — 表单结构 routes — 跳转规则
实时下发
星火 App(MRN)
动态渲染入口列表,无硬编码路由
根据 layout 配置自动生成页面结构
按钮组件读取 actions 配置动态渲染
表单引擎解析三层嵌套结构并渲染
跳转逻辑由路由配置驱动,统一处理
运行时能力
配置热更新,无需重启 App
配置版本管理,支持灰度下发
配置异常时降级到默认视图

新业务方接入:零代码开发

传统方式
1
前端开发新增路由与页面组件
2
硬编码入口、按钮、表单字段
3
联调测试、提测、发版上线
4
等待 App 审核 / 热更新推送
VS
配置化方式
1
运营在烽火台后台填写配置表单
2
配置发布,App 实时拉取生效
无需前端开发,无需发版
entry.icon / entry.title
入口图标与名称,支持线上 CDN 图片或内置图标枚举
entry.route / entry.params
跳转目标路径与参数,支持内页、H5、外链三种跳转类型
layout.sections[]
页面分区配置,定义每个区块的展示字段、顺序与样式
actions[].condition
按钮显示条件,支持基于工单状态、角色权限的动态显隐
form.template_id
关联巡检模板 ID,App 自动拉取三层嵌套表单结构并渲染
version / fallback
配置版本号与降级策略,支持灰度发布与异常兜底

工单状态流转

11 种状态
flowchart LR S1(["待分配"]) --> S2(["已分配"]) S2 --> S3(["已接单"]) S3 --> S4(["巡检中"]) S4 --> S5(["已提交"]) S5 --> S6{"审核"} S6 -->|"通过"| S7(["审核通过"]) S6 -->|"驳回"| S8(["已驳回"]) S8 -->|"重新提交"| S5 S7 --> S9{"整改?"} S9 -->|"需整改"| S10(["整改中"]) S9 -->|"无需整改"| S11(["已归档"]) S10 --> S11 S4 -->|"超时"| S12(["已超时"]) S12 --> S11 style S1 fill:#f1f5f9,stroke:#94a3b8 style S2 fill:#dbeafe,stroke:#3b82f6 style S3 fill:#dbeafe,stroke:#3b82f6 style S4 fill:#fef3c7,stroke:#f59e0b style S5 fill:#ede9fe,stroke:#8b5cf6 style S6 fill:#fef9c3,stroke:#ca8a04 style S7 fill:#dcfce7,stroke:#16a34a style S8 fill:#fee2e2,stroke:#ef4444 style S9 fill:#fef9c3,stroke:#ca8a04 style S10 fill:#ffedd5,stroke:#f97316 style S11 fill:#d1fae5,stroke:#059669 style S12 fill:#fecaca,stroke:#dc2626

核心贡献

01

星火端配置化渲染引擎

设计并实现 App 端配置驱动渲染架构,入口列表、页面布局、操作按钮、跳转规则全部由线上 JSON 配置驱动。新业务方接入无需任何前端代码改动,运营在后台配置后实时生效。

配置化零代码接入动态渲染
02

三层嵌套动态表单引擎

实现模板 → 分组 → 检查项三层嵌套结构的动态表单渲染,支持文本、图片、选择、评分等多种输入类型,不合格项自动触发整改工单,无需发版即可上线新巡检类型。

动态表单嵌套渲染无需发版
03

11 种状态的工单状态机

设计完整的工单有限状态机,每种状态对应明确的操作权限与 UI 展示规则,有效避免非法状态流转。状态机与配置化按钮联动,按钮的显隐由状态 + 角色权限共同决定。

状态机权限控制工单流转