供应链管理后台重设计

背景

客户内部同时在跑 14 个互不相通的老系统，仓储、报关、结算各用一套，数据靠 Excel 手工对齐。一线员工每天有近两小时耗在复制粘贴和跨系统核对上，出错后要在几个系统里来回找源头。

核心挑战

难点不在界面好不好看，而在于在不动底层业务规则的前提下，先把操作路径收敛。我们花了三周跟班作业，记录拣货员、报关员、财务专员各自的真实动线，最后把 60 多个高频动作压缩成 12 个主流程。

我做了什么

• 梳理业务流程图与字段映射表，明确 14 个系统的数据主键关系，形成统一的数据字典
• 设计信息架构：一级导航按「角色任务」而不是「部门」划分，减少跨部门菜单跳转
• 建立组件库，覆盖表格、筛选器、批量操作等 40 多个高频组件，两套主题适配 PC 与扫码枪
• 用 TypeScript + Vite 实现前端，表格虚拟滚动把万行数据的渲染时间从 6 秒压到 400 毫秒

结果

上线三个月后的数据：拣货单处理效率提升 32%，跨系统核对的工单量下降 78%，新员工培训周期从两周缩短到四天。这套组件库后来被复用到了客户另外两个内部系统上。