衣链 · 服装供应链 SaaS 平台(Vue3)
Vue3 · TypeScript · Vite · Element Plus · VXE-Table面向服装企业全供应链(企划 → 开发 → 下单 → 生产 → 质检 → 库存 → 交付 → 对账)的大型 B 端系统,19 个业务域、1400+ 页面。技术栈 Vue3 + TS + Vite + Element Plus / VXE-Table,内置 RBAC 动态路由、多页签缓存与 30+ 自研通用组件;本人为核心前端(4500+ 提交),主导 AI 识别能力落地与公共组件建设。
- AI 识别回填:主导落地「纸质检测报告 AI 识别回填」——封装视觉大模型调用 Hook(SSE 流式 / 取消 / 用量),设计行号锚定 + 双阶段转录对齐 + 「只否决不新增」复核的三重防错行 / 防幻觉机制,单张识别录入从 6~7 分钟降到 30 秒,配合置信度分级标注人工复核,将几十行手写报告录入从逐行手填变为拍照自动回填。
- AI 编程助手接入:将自研代码智能平台接入当前项目,把符号检索、正 / 反向调用链、跨语言调用桥、影响面分析等图谱能力以 10 个工具开放给 Claude Code 等 AI 编程助手,使团队成员在 IDE 内的 AI 助手能直接命中业务逻辑的精确位置与调用关系,而非依赖全文搜索逐文件猜测。
- 通用布局容器重构:自研通用详情页布局容器 YLContainer 覆盖 60+ 页面;后期以「公开 API 与样式锚点完全不变」方式将原先的 Element Plus 容器组件族重构为原生 flex 布局,削减每页 DOM 层级与组件实例开销,60+ 业务页面零改动平滑升级。
- A3 排版打印编辑器:实现波段搭配图 A3 排版打印编辑器——canvas 像素级去透明边裁切(含跨域加载回退、画布污染自动降级链),命令式分页渲染支持拖拽 / 缩放 / 图层调整;通过分批让出主线程 + 绕开 UI 库 loading 文案不刷新缺陷,保证数十张图批量处理时进度实时可见,设计师排版打印由纯人工拼版改为一键生成。
- 拼音模糊搜索:实现导航菜单拼音模糊搜索(pinyin-pro 预生成全拼 + fuse.js 加权模糊匹配),支持中文 / 全拼 / 路径混合检索。
- 公共组件建设:建设企业级公共组件能力,为 YLSelect 增加虚拟滚动并兼容多选、搜索和键盘交互。
衣链 APP · 服装供应链移动端(UniApp)
uni-app · Vue3 · TypeScript · Vite服装供应链 SaaS 移动端,uni-app(Vue3 + TS)跨端产出 H5 与 iOS / Android App(支持热更新),覆盖开发打样、核价、品检、发货对账全流程 140+ 页面,核心为动态表单 + 审批流引擎驱动的单据体系。
- 双通道升级体系:设计 App 双通道升级体系(基座包 / wgt 热更新),并将发版流程自动化为一条命令,功能迭代支持资源增量更新,缩短非原生功能发布周期,发版人工操作从 7~8 步降为 1 步、杜绝 appId / 环境 / 版本号三类高危人工错误。
- 动态表单引擎:实现「模板 JSON → 表单」动态渲染引擎,落地 10+ 类审批单据;设计节点级字段权限降级机制,一份模板适配全流程节点;提交回传表单结构快照保证历史单据可精确还原。
- 疑难问题攻坚:定位 z-paging 多实例选择器串台并以 patch-package 打源码补丁;解决雪花 ID 经 JSON.parse 精度丢失(白名单方案)、ES2021 API 导致 App 端白屏、iOS 首次安装网络未授权白屏自愈等线上问题。
势成云 SaaS · 体检 / 健康管理 SaaS 中台(React)
React · TypeScript · Webpack · SheetJS业务覆盖体检中心管理(医院 / 项目库 / 套餐 / 单位库)、预约与订单、审核流(售后 / 改期 / 加项 / 发票)、多租户渠道中心、员工权限中心,以及一套低代码 H5 页面搭建平台(面向渠道运营,拖拽生成 C 端体检 H5 页面);多租户特征贯穿全站(channelNo / Rent-Id 隔离)。
- 低代码 H5 搭建平台:基于 require.context + 动态 import + 运行时注入的物料自动注册体系,新增物料零注册代码;实现配置面板与画布双向同步、cloneDeep + isEqual 脏检查与离开拦截、多人编辑锁与版本管理;通过 debounce 聚合将页面级埋点角标合并为单次批量请求。
- Excel 导出三级方案:小数据量前端 SheetJS 生成(require.ensure 异步分包,按需加载)、中等数据量后端 blob 流下载(拦截器 Blob 特判透传)、大数据量后端异步任务 + 导出中心,解决大数据量导出浏览器内存溢出与请求超时问题。
- 统一请求异常处理:封装统一请求异常处理机制——支持 config 级开关,通过挂起 Promise 截断异常链,使业务层减少重复 try/catch;引入 loading 引用计数避免并发请求闪烁,并通过 TS 声明合并与泛型透传完善类型提示。