项目介绍
FinCRM 是一款基于 Next.js 实现的金融领域的开源客户关系管理系统(CRM)。该系统集成了客户管理、风险评估、合规监控、AI 助手和表单设计器等核心功能,为金融机构提供了一个现代化、高效且易用的管理平台。

应用场景
FinCRM 主要应用于金融领域,包括但不限于银行、保险公司、证券公司等金融机构。它能够帮助这些机构更好地管理客户信息、评估风险、监控合规情况,并提供智能化的客户服务和数据分析,从而提升业务效率和客户满意度。
功能模块
仪表板
-
实时数据展示和KPI监控 -
交互式图表和数据可视化 -
风险预警和合规状态监控
用户管理
-
完整的用户生命周期管理 -
基于角色的权限控制 -
用户行为追踪和分析
潜在客户管理
-
客户信息管理和跟进 -
销售漏斗和转化分析 -
自动化营销工具
资产管理
-
投资组合管理和分析 -
风险评估和资产配置 -
收益追踪和报告
风险与合规
-
实时风险监控和预警 -
合规检查和审计追踪 -
监管报告自动生成
AI助手
-
智能客户服务和咨询 -
数据分析和洞察 -
个性化投资建议
表单设计器
-
拖拽式表单设计 -
20+种表单组件 -
实时预览和导出功能 -
自定义背景和样式
功能特点
-
双语支持:系统支持中英文双语,满足不同地区的用户需求。 -
主题系统:提供浅色模式和深色模式,系统自动切换,适应不同用户的视觉习惯。 -
响应式设计:完美支持桌面端、平板端和移动端,确保在不同设备上都能获得良好的用户体验。 -
实时数据展示:通过仪表板实时展示关键业务数据,帮助用户快速了解业务状况。 -
智能化功能:集成AI助手,提供智能客户服务和数据分析,提升业务效率。
项目技术栈
-
前端框架:Next.js 14 (App Router) -
开发语言:TypeScript -
UI组件:shadcn/ui + Radix UI -
样式框架:Tailwind CSS -
图表库:Recharts -
拖拽功能:react-dnd -
状态管理:React Context + Hooks
项目结构
├── app/ # Next.js页面和路由
├── components/ # 可复用组件
│ ├── ui/ # 基础UI组件
│ ├── layout/ # 布局组件
│ └── form-designer/ # 表单设计器组件
├── hooks/ # 自定义React Hooks
├── lib/ # 工具函数和配置
├── types/ # TypeScript类型定义
├── public/ # 静态资源
└── docs/ # 项目文档
开发命令
# 开发模式
npm run dev
# 构建生产版本
npm run build
# 启动生产服务器
npm run start
# 代码检查
npm run lint
# 类型检查
npm run type-check
功能演示








开源地址
https://github.com/MrXujiang/FinCRM