返回项目

2025.05 — 至今

企微 SCRM 智能获客与运营平台

Enterprise WeCom SCRM

ToB 企微营销 SaaS:Web(JS)/ 企微 App(TS)双端;群发与循环营销、SOP、客户画像、AI 质检与话术助手。

企微 SCRM 智能获客与运营平台 hero
产品界面

更多截图

营销任务 · 周期状态与筛选
营销任务 · 周期状态与筛选
数据统计 · 卡片 + ECharts
数据统计 · 卡片 + ECharts
客户运营 · 标签与用户列表
客户运营 · 标签与用户列表

架构示意

Product surfaces · capability reuse

PC Ops ConsoleVue3 · JavaScript · Element PlusWeCom AppVue3 · TypeScriptShared Vue3 capabilitiesPinia · request · cycle task kitCycle Task kit群发 / 单发 / 朋友圈Data & listsvirtual list · chartsBackend APIsmigrate-friendlyShared domain · different interaction shells

01

项目背景

要解决的问题是:企微场景下把客户运营、营销触达、SOP、AI 接待与数据统计收进统一运营系统。使用场景是运营配置任务与规则,员工在企微 App 内执行触达、查看画像与质检结果。

02

技术栈

  • Vue3
  • JavaScript
  • TypeScript
  • Element Plus
  • Pinia
  • ECharts

架构选择原因

  • PC 运营后台用 Vue3 + JavaScript + Element Plus,复杂表单与表格是主战场;企微 App 用 Vue3 + TypeScript,承载待办、画像、SOP、AI 助手与小店。
  • 把「群发」升级为可周期运营:周期配置(工作日 / 自定义日期去重排序)+ 主/子任务与字段规范化,编辑反显与状态口径前后端对齐。
  • AI 相关前端:质检、客情分析、企微端话术助手;必要时协同后端做状态兜底与导入校验明细。

03

核心挑战

  • 复杂表单与周期任务:多条件、多步骤、校验与回显耦合,需要可维护的表单模型与可复用周期组件。
  • 双端一致性:同一需求常同时改 Web + App;对照旧版页面与交互重写,并适配新后端接口联调上线。
  • 大数据量预览:发送范围与员工预览(总客户 / 未流失 / 已流失)需虚拟列表,避免一次渲染卡死。
  • 线上状态收口:朋友圈 / 过期任务截止后仍显示「进行中」等状态协同问题。

04

我的贡献

  • 我从 0 到 1 落地循环群发:周期配置、主子任务编辑与字段规范化;并完善朋友圈 / 循环朋友圈能力,参与过期任务状态收口。
  • 我优化群发发送范围与员工预览;员工列表采用虚拟列表,优化大数据量渲染。
  • 我负责 Web / App 双端核心业务:客户群发、SOP、客户画像、员工小店等可配置模块。
  • 我对照旧版系统完成前端重写与新接口联调;参与 AI 相关前端(质检、客情分析、话术助手),并处理 keep-alive 缓存刷新、表单反显等中后台问题。

05

工程实践

性能

  • 执行员工预览等:虚拟列表 + 分类筛选,避免一次渲染过大列表。
  • keep-alive 列表激活刷新、图表空数据防护。

测试

  • 关键路径回归:任务配置/发布、循环群发编辑反显、过期任务状态、质检相关前端。

部署

  • 跟随产品节奏持续交付 Web/App;适配新后端接口支撑并行上线。

安全

  • 权限与菜单级控制;导入校验失败时协同完善错误明细返回,减少脏数据与误报。