企业后台与审批流

智能工单调度平台

围绕工单全生命周期、审批流与实时同步构建的复杂业务平台。

技术栈

React 18TypeScriptZustandAnt Design ProEChartsWebSocket

素材与示意

没有完整截图的项目，会先用结构化占位保证阅读不断档。

gallery

后续适合补 Kanban、审批流和图表截图。

背景

问题背景

工单创建、分配、执行、验收、归档涉及状态复杂、审批链长、数据实时性强，传统 CRUD 方式很快会失控。

实现工单全生命周期前端交互

封装 Zustand + Hook 的状态管理方案

实现 Kanban 看板、审批流与图表数据看板

通过 WebSocket 处理实时更新与多人协作反馈

拆解

下面按问题、方案和结果来写，方便直接看我在项目里做了什么。

问题

工单跨多个页面与角色流转，如果状态定义松散，维护成本很高。

方案

用 Zustand + 自定义 Hook 抽象统一状态入口，把流转规则聚合到可复用逻辑层。

结果

减少了页面散落逻辑，后续流程调整更可控。

问题

业务方既要看实时处理，又要快速洞察趋势和效率。

方案

通过 WebSocket 推送关键变更，并用 ECharts 构建趋势、热力与效率视图。

结果

系统不只是录入工具，也能拿来看趋势和效率。