CRM客户关系管理系统产品系统

立项原因：当前企业在客户管理中普遍存在 “客户信息分散在微信 / Excel 中、跟进节奏混乱、商机转化数据不透明” 的问题，导致客户流失率高、销售业绩难以提升。
行业场景：面向 100-500 人规模的贸易、咨询、服务类中小企业，覆盖 “客户线索获取→跟进转化→订单成交→售后维护” 全业务流程，解决企业在客户资源管理、销售过程管控、业绩数据统计等环节的低效痛点。

项目包含 4 个核心功能模块：
客户管理模块：支持批量导入 / 手动录入客户信息，自动标签化分类（如 “高意向”“待跟进”），记录客户沟通历史、需求偏好，避免信息断层；
过程管理模块：销售跟进模块，提供自定义跟进任务提醒（按天 / 周设置），支持一键生成跟进话术模板，同步记录通话 / 聊天内容，可视化展示客户跟进阶段；
商机管理模块：对潜在商机进行分级（如 “初步洽谈”“方案确认”“合同待签”），自动计算商机转化概率，关联对应客户的历史往来数据；
数据报表模块：自动生成 “客户新增量、跟进完成率、商机转化率、销售业绩排行” 等数据报表，支持按周 / 月导出，辅助企业决策。

技术栈：React 18（组件化开发）+ TypeScript 5.0（类型约束）+ Canvas API（可视化渲染）+ Axios（接口请求）+ ESLint（代码规范）；
实现亮点：① 基于 Canvas 实现客户地图的 “区域聚合” 功能（当客户数量过多时，自动合并同区域客户为聚合点，点击展开），提升大屏展示体验；② 商机漏斗支持 “自定义阶段” 配置，通过 Canvas 动态调整漏斗形状，适配不同企业的销售流程；③ 利用 TypeScript 泛型定义通用数据请求函数，降低接口调用冗余，确保数据格式一致性；
难点与解决方案：① 难点：Canvas 频繁重绘导致页面卡顿（如跟进轨迹实时更新场景）；解决方案：采用 “离屏 Canvas + 局部重绘” 策略，仅更新变化区域，将帧率稳定在 60fps；② 难点：客户地图坐标与实际地理位置精准映射；解决方案：对接高德地图 API 获取经纬度，通过 Canvas 坐标转换算法（经纬度→画布坐标）实现精准标记；③ 难点：TypeScript 与 Canvas 绘图 API 的类型适配；解决方案：自定义 Canvas 绘图工具类，封装类型安全的绘制方法（如绘制圆形、文本、路径），避免 any 类型滥用。
APP和小程序使用uniapp+uview+echarts开发