河南明道优术智能科技 · 2023

一体化药品监管平台

政务级 OA 协同办公平台:支持公文流转、多级审批、资产管理、在线文档编辑盖章、移动端协同办公等能力,保障药品监管系统平稳上线运行。

React Umi Dva Ant Design Pro TypeScript 政务
100+
版本迭代
100%
缺陷修复率
PC+移动
多端协同
政务级
稳定上线
01

项目概述

平台为政务级 OA 协同办公系统,围绕药品监管业务提供公文流转、多级审批、资产管理、在线文档编辑与电子盖章、移动端协同办公等能力,是一套高稳定性的政务办公底座。项目强调异步请求与状态管理优化、内存泄漏排查与审批流程优化,保障系统平稳上线运行。

02

技术栈

React Umi Dva Ant Design Pro TypeScript 即时通讯集成 移动端协同
03

我的职责与核心成果

📑
全端开发
负责 PC 端、移动端前端开发、系统优化与日常迭代,封装通用业务组件。
💬
即时通讯对接
对接即时通讯平台实现消息实时同步,提升协同办公体验。
🧩
HOC 封装
封装通用 HOC 高阶组件,减少冗余代码、统一业务模式。
🐞
性能与稳定
排查修复页面内存泄漏、加载缓慢等问题,优化审批流程,保障平稳上线。
04

技术攻坚 · 真实踩坑

这些是从 0 到 1 落地过程中真实遇到的核心难题,也是最能体现工程能力的部分。

内存

页面内存泄漏

长会话使用后出现内存泄漏、卡顿。

解决方案:梳理异步订阅与定时器生命周期,统一在卸载时清理监听与缓存,消除泄漏点。
状态

异步请求管理

多模块异步请求与状态同步混乱。

解决方案:基于 Dva 统一管理 model 与 effects,规范 loading 与错误边界,状态可预测。
复用

冗余代码

业务组件重复度高、维护成本高。

解决方案:封装 HOC 高阶组件抽象通用逻辑,减少重复代码、提升可维护性。
流程

审批体验差

多级审批链路长、易出错。

解决方案:优化审批流程与表单校验,提升政务办公效率与正确率。
05

项目成果

  • 对接即时通讯平台实现消息实时同步,优化异步请求与状态管理。
  • 封装通用 HOC 高阶组件,减少冗余代码,提升团队开发效率。
  • 排查修复页面内存泄漏、加载缓慢等问题,优化审批流程,大幅提升政务办公效率。
  • 保障系统平稳上线运行,累计完成 100+ 次版本迭代,缺陷修复率 100%。

查看更多作品

持续打磨前端体验 · 让复杂业务变得简单流畅

© 2026 酒歌 · 前端开发工程师 · 本页内容基于真实项目沉淀整理