前端技术栈：企业微信端 CRM 系统（Vue2 + UniApp + Webpack + ES6）

1. 项目描述

本项目是基于 Vue2 + UniApp 开发的客户关系管理系统（CRM），包含 PC 端 和 企业微信端 两个版本，主要用于企业客户管理、项目跟进、合同审批及内部协作。系统采用模块化设计，涵盖客户信息管理、项目进度跟踪、合同审批、数据分析等功能，旨在提升企业销售团队的工作效率和客户维护能力。

2. 工作内容

• 负责 企业微信端 CRM 的开发，基于 UniApp 实现跨端兼容，适配企业微信 H5 环境，确保移动端体验流畅。

• 开发 PC 端 CRM，采用 Vue-Router + Vuex + Element UI 构建 SPA 应用，实现客户信息管理、合同审批、数据可视化等功能。

• 设计并实现 内部评审工作流机制，包括流程配置、权限控制、节点审批等功能，支持多级审核（如销售经理→财务→法务）。

3. 技术难点与解决方案

• 工作流引擎搭建：

  • 采用 BPMN.js 实现可视化流程设计，支持拖拽式节点配置，优化流程图渲染性能，避免复杂流程卡顿。

  • 结合后端 API 实现动态权限控制，不同角色（如销售、财务、管理员）拥有不同的审批权限。

  • 采用 WebSocket 实时推送审批状态，确保审批流程高效流转。

• 企业微信端适配：

  • 利用 UniApp 条件编译 处理企业微信特有的 API（如 JSSDK 登录、消息通知）。

  • 优化 Webpack 打包策略，减少企业微信端 H5 体积，提升加载速度。

4. 成果与优化

• 实现 90%+ 的代码复用率，PC 端和企业微信端核心逻辑共享，减少维护成本。

• 工作流审批效率提升 40%+，支持自定义审批路径，满足不同业务场景需求。

• 采用 ES6 + Axios 封装 统一请求层，结合 Vuex 持久化 管理登录态，提升系统稳定性。