工作流审批系统产品系统

1、立项原因：企业内部审批流程依赖纸质单据和邮件流转，存在审批周期长、节点不透明、历史记录难追溯等痛点，亟需一套数字化、可视化的统一审批平台来提升办公效率与合规性。
2、行业场景：面向中大型企业的OA办公场景，覆盖请假、报销、采购、用印等多业务线 的审批流转，支持总部与分公司多组织架构，满足HR、财务、行政等部门的协同审批与数据归档需求

1、项目包含核心功能模块：流程设计与版本管理、待办/已办/我发起任务中心、批量审批、审批委托（代理人）、SSE实时通知与通知中心、附件上传下载、流程详情BPMN可视化（节点高亮区分已完成/当前节点）、撤回与转办、打印与PDF导出、全局搜索、操作日志、数据报表（部门效率/平均时长/超时率）、移动端适配、常用语快捷选择等。
2、主要功能描述：用户登录后可发起标准化审批流程，系统基于Flowable引擎自动按BPMN定义流转任务到对应审批人；审批人可通过待办列表批量处理或单条审批，并能委托代 理人代审；流程详情页实时展示流程图与各节点状态，支持附件查看、历史版本回溯、PDF导出归档；管理员可查看全量操作日志与部门级数据报表

1、"我"作为全栈开发负责人，独立完成前后端架构设计、数据库表结构设计、Flowable流程引擎集成、JWT鉴权体系搭建、SSE实时推送通道实现、BPMN节点高亮可视化、附件上传下载链路、批量审批与代理人机制、PDF导出、报表统计等全部模块的开发与联调。
2、技术栈：前端采用React 18 + TypeScript + Vite + Ant Design + ProTable + bpmn-js；后端使用Spring Boot 3 + Flowable 7 + MyBatis-Plus + Spring
Security（JWT），数据库MySQL。架构亮点：基于Flowable实现流程定义版本化（历史实例跑旧版定义保证数据一致性）；SSE长连接替代轮询降低服务端压力。技术难点：BPMN 节点高亮的useEffect闭包陷阱（用ref保存最新activeTaskKeys解决异步回调读到空数组问题）；Modal内打印时fixed/absolute子元素被display:none隐藏（克隆节点到body根层级绕过）；附件MIME类型字段长度溢出（VARCHAR(200)）等