一. 明源云天际PaaS平台-公共服务
业绩:
该项目不仅成为明源云内部前端架构标杆,其组件库、工程规范及架构演进思路已被多个 BU 借鉴复用,有效支撑了公司“平台即服务”战略的快速落地。
内容:
1. 技术栈:Vue 2/3 + TypeScript + qiankun 微前端 + Lerna + Webpack/Vite + Tailwind CSS + Node.js 私有 npm 仓库
2. 项目简介: 作为明源云核心中台能力载体,公共服务平台聚合了支付、电子签约、短信通知、模板套打、发票管理、文档处理等十余项企业级通用服务,面向集团内数十条业务线提供标准化、高可用的前端接入能力。项目初期各子应用独立开发、技术栈不一、复用率低,需统一架构治理。
3. 核心职责与技术亮点:
● 从0到1主导前端整体架构设计与演进: 作为该平台唯一前端负责人,全程主导了从分散单体 → 微前端解耦 → 单仓融合的完整架构演进路径,确保系统在业务高速增长下的可维护性与扩展性。
● 基于 qiankun 实现企业级微前端架构落地: 面对多个历史子应用(Vue 2/Vue 3 混合)独立部署、技术栈割裂的问题,采用 qiankun 微前端方案完成统一体验整合
● 构建高复用公共组件体系,推动工程标准化, 抽象出 50+ 通用业务组件(如支付弹窗、电签签署页、套打预览器、文件上传器等),通过 Lerna + Yarn Workspaces 管理多包仓库(monorepo),将组件、工具函数、UI 样式、TypeScript 类型定义统一打包,并发布至公司私有 Node.js npm 仓库,供所有子应用按需引入,显著提升开发效率与 UI 一致性。
● 推动架构二次升级:从微前端到单仓融合: 随着团队协作模式成熟与 CI/CD 能力增强,为降低微前端运维复杂度、提升本地开发体验,主导将原分散的子应用代码全量迁移至单一 Git 仓库,采用 webpack + pnpm workspace 重构构建流程
二. 智能套打服务(文档套打 + 单据模板设计器)
业绩:
● 已支撑 物业收费、财务开票、合同签署 等 8+ 业务场景;
● 累计创建模板超 1,200+ 个,月均套打量超 50,000 次;
● 获公司年度“技术创新奖”,成为明源云 PaaS 平台标志性服务能力之一。
内容:
技术栈:Vue + javascript + OnlyOffice Document Builder + vue3-drag-resize-rotate + HTML5 Drag & Drop + 自研公式引擎
项目背景:
为满足企业客户在合同、收据、发票等场景下对高精度、可配置、所见即所得打印输出的需求,主导设计并开发了一套完整的智能套打服务系统,包含两大核心模块:
文档套打:基于 OnlyOffice 实现 Word/PDF 模板变量注入与动态渲染;
单据套打:提供可视化拖拽设计器,支持业务方自助创建收据/单据模板。
核心职责与技术亮点:
✅ 文档套打模块(OnlyOffice 集成)
深度集成 OnlyOffice Document Builder:
利用 OnlyOffice 的服务端文档生成能力,将业务数据(如客户名称、金额、日期)以变量形式注入 Word 模板,实现动态内容填充。
增强变量交互体验:
支持在编辑态高亮显示所有变量占位符(如 {customerName}),便于用户识别;
点击变量可进入选中状态,展示上下文信息(如字段来源、格式规则);
提供“变量定位”功能,一键跳转到文档中所有该变量出现的位置。
首创前端公式引擎支持:
允许用户在模板中为文本字段绑定计算逻辑,包括:
函数公式(如 SUM(items.price)、FORMAT_DATE(date, 'YYYY-MM-DD'))
✅ 单据套打模块(可视化模板设计器)
基于 Vue 3 的自由布局引擎:
采用 vue3-drag-resize-rotate 结合原生 HTML5 Drag & Drop API,构建高性能、响应式的模板画布,支持:
拖拽添加文字、图片、表格、网格线、二维码等元素;
实时调整位置、尺寸、旋转角度、层级顺序;
吸附对齐、标尺辅助、网格吸附等专业设计体验。
三. 跨平台静默打印客户端(Electron 桌面应用)
业绩:
该工具已集成至明源云 合同、财务、物业等 5+ 条核心产品线,覆盖数多家企业客户,日均处理打印任务超 6,000 次。相比原生浏览器打印,用户操作步骤减少 100%(无需点击确认),打印失败率下降 70%,成为公司标准外设交互