基于 React 18 + TypeScript + Vite 6 + TailwindCSS v4 + Zustand 构建的对公业务尽调智能体平台原型系统。
- 框架: React 18 + TypeScript
- 构建工具: Vite 6
- 样式: TailwindCSS v4
- 状态管理: Zustand
- 路由: React Router v6
- 图表: ECharts
- 富文本编辑: TipTap
- 图标: Lucide React
# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 构建生产版本
npm run build- 待办任务列表(区分:首次授信、年审尽调、贷后预警)
- 一键发起尽调表单
- 效率指标看板
- 数据源连接状态
- 文件上传区(支持 PDF/Excel/图片/音频)
- AI 解析过程可视化(CV/ASR/NLP)
- 数据交叉核验提示
- 三维画像雷达图
- 股权与担保穿透网络(知识图谱)
- 智能风险短评
- 风险因素列表
- 模板选择器
- 报告编辑器(TipTap)
- 数据溯源面板
- AI 辅助重写面板
- 低代码工作流展示
- 信创环境状态
- Prompt 配置面板
┌─────────────────────────────────────────────────────────────┐
│ 应用服务层 (Application) │
│ 报告生成页面 │ 人机协同编辑 │ 溯源引用展示 │
├─────────────────────────────────────────────────────────────┤
│ 智能分析层 (Analysis) │
│ 知识图谱可视化 │ 风险评分引擎 │ 关系穿透分析 │
├─────────────────────────────────────────────────────────────┤
│ 数据整合层 (Integration) │
│ 多模态解析 │ 数据源接入 │ 交叉核验 │
├─────────────────────────────────────────────────────────────┤
│ 统一接入层 (Gateway) │
│ 工作台首页 │ 任务驱动列表 │ 效率指标看板 │
└─────────────────────────────────────────────────────────────┘
src/
├── components/ # 通用组件
│ ├── layout/ # 布局组件
│ ├── common/ # 基础组件
│ └── charts/ # 图表组件
├── pages/ # 页面组件
│ ├── Dashboard/ # 工作台首页
│ ├── DataIntegration/ # 数据整合页
│ ├── Analysis/ # 智能分析页
│ ├── ReportGenerator/ # 报告生成页(核心)
│ └── AgentConfig/ # 智能体配置页
├── stores/ # Zustand 状态管理
├── services/ # 模拟服务
├── types/ # TypeScript 类型定义
└── utils/ # 工具函数
- 工作台首页: 展示任务驱动的工作流,体现"统一接入层"设计
- 数据整合页: 展示多模态解析能力(CV/ASR/NLP),体现"数据整合层"
- 智能分析页: 展示知识图谱和风险评分,体现"智能分析层"
- 报告生成页: 展示溯源引用和 AI 辅助重写,体现"应用服务层"(核心)
- 智能体配置页: 展示低代码工作流和信创环境,体现平台工程能力
- 防幻觉机制: 数据溯源功能,点击报告中的数字可查看原始出处
- 人机协同: AI 辅助重写,业务人员可框选文字进行修改
- 多模态感知: 支持 CV/ASR/NLP 多种解析能力
- 信创适配: 支持国产化服务器和向量数据库