协同管理系统（Web 端 + 小程序端）产品系统

本项目立足于传统服装制造行业的数字化转型。旨在解决服装企业在面料采购、生产流程审批、核价及签章等环节中，纸质单据流转慢、跨部门协同效率低、信息不透明等痛点。通过搭建Web端与小程序端双端协同平台，打通工厂车间、管理层与销售端的数据壁垒，实现全链路业务的线上化、可视化与实时化管控。

系统涵盖Web端与小程序端双端数据共享，包含六大核心功能模块：
签章索印模块：基于Canvas实现在线签章绘制工作台，结合ECharts实现索印信息全程线上跟踪与可视化监控；
面料协同模块：监听剪贴板事件，实现图片“任意贴”、自动锁定与同步展示；
流程远控与办公协同：采用仓库化状态管理及纵向菜单缓存，实现流程码激活对应iframe；重写甘特图插件实现客制化进度管控；
核价管理模块：通过WebSocket实现三端核价进度对齐通知与短报文沟通；
权限管理模块：自定义指令实现定时权限校验，支持多角色权限管控。

本人主导核心模块开发（前端团队4人）。技术栈采用 Vue3 + Vite + Element Plus + Fabric.js + ECharts + WebSocket + UniApp（小程序端）。主要实现亮点及难点：
底层搭建与状态管理：基于Pinia实现仓库化状态管理，配合表格操作动态缓存与纵向菜单缓存，有效避免断连与错误提交；
自研绘图能力：基于Fabric.js从0到1自研Canvas绘图板与签章工作台，通过渲染频次控制保障高频绘制下的流畅度；
跨端协同与实时通信：突破三端（Web + 小程序）通信难点，利用WebSocket实现双端审批提醒与状态对齐达秒级，配合双向异常拦截减少跨端反复确认；
交互与性能优化：自定义指令实现定时权限校验，通过通用组件封装与异步数据流优化，将单条审批流程时效由平均3-5分钟压缩至3分钟内，系统上线后支撑近2万用户使用。