← 返回项目库

Digitama CRM 中文客户与销售管理工作台

面向咨询业务团队的中文 CRM 工作台，集中管理客户公司、联系人、商机、销售跟进、产品目录与团队业绩。

该项目基于 React、Vite、TypeScript 和 Tailwind CSS 构建，提供经营总览、商机阶段、联系人、活动、销售目标和只读产品目录等多页面体验。本交付增加了隔离的本地演示数据适配器，未配置真实后端时也能完整演示核心业务流程。

真实界面

项目截图

共 8 张

CRM 经营总览
销售业绩看板
销售团队与目标
客户公司
联系人
商机管道
跟进活动
产品目录

Capabilities

核心功能

✓CRM 经营总览与收入 KPI
✓客户公司与联系人管理
✓商机阶段、金额与产品关联
✓任务、会议、电话和跟进活动
✓销售团队目标与业绩看板
✓只读产品目录与分类筛选
✓本地演示数据适配器，无真实凭据也可运行
✓中文化核心导航、标题与业务数据

适用场景

演示专业服务团队的销售漏斗与跟进流程
研究 CRM 首页、商机管道和销售业绩信息架构
在接入真实 API 前验证前端字段与交互流程

适合谁

咨询公司、专业服务团队、销售运营人员和需要学习 CRM 信息架构的产品与前端团队。

商业化思路

用于社群学习、CRM 产品研究、销售流程原型和内部业务管理演示；接入真实客户数据前需由部署方完成后端、鉴权和数据库配置。

你会拿到什么

  • ✓固定上游提交的完整源码包与中文适配修改
  • ✓8 张 1440×900 的真实运行功能截图
  • ✓本地演示数据适配说明与研究用途声明
  • ✓构建、浏览器功能验证、包校验和发布前审计记录

部署流程

  1. 1进入 frontend 目录执行 npm install，再执行 npm run build 生成 dist。
  2. 2默认 VITE_DEMO_MODE 开启本地隔离演示数据；使用固定静态服务器或 npm run preview 托管 dist。
  3. 3接入真实业务时设置 VITE_DEMO_MODE=false、VITE_API_URL，并按 README 配置后端与双 MySQL 数据库。

真实验证结果

前端 npm install 与 npm run build 通过；固定 Chromium 在 1440×900、deviceScaleFactor=1 下真实访问 8 个不同功能页，均 HTTP 200，页面数据与中文标题可见，无 404、登录误页、破图、横向溢出、重复截图或控制台错误。额外验证了新增客户公司弹窗、产品详情弹窗和商机数据展示。

部署前须知

当前截图和本地功能验证使用明确标注的隔离演示数据，不代表真实客户、AI、数据库或云服务结果；完整后端需要 MySQL 与真实 API 配置。上游未提供许可证文件，超出学习研究范围前需自行取得授权。

部署难度

中等

最低配置

Node.js 20+、npm 10+；本地演示使用 Vite 静态服务。完整业务模式需要 Node.js、MySQL 双数据库、Prisma 和 Express 后端。

开源许可证

上游未提供许可证文件

最后验证

2026-09-06

技术栈

React 18Vite 5TypeScriptTailwind CSSAxiosExpress + Prisma（完整后端）

授权说明

上游仓库未提供独立许可证文件；本交付仅作学习研究和界面验证，不代表权利人授予商业使用、再分发或衍生作品许可。源码包保留上游来源并附研究用途声明；中文界面、演示数据适配和构建配置属于本次修改。

Release notes

版本记录

1 个已发布版本

vcn-89f855b2d5d6 当前推荐

完成 CRM 核心导航、KPI、客户、联系人、商机、活动、产品和销售业绩页面的中文化，并加入隔离演示数据适配器。

部署要求：Node.js 20+、npm 10+；完整后端模式还需要 Express、Prisma、MySQL 与真实环境配置。

已知问题：演示数据不代表真实客户或生产数据库；上游未提供许可证文件，商业使用前需要取得权利人授权。

登录后领取