基于 Vue3 + Element Plus 的【企业级 AI 智能体工作流与私有知识库 (RAG) 协同平台】设计与实现(附完整源码与PRD)
📌 项目完整源码与需求规格说明书 (PRD) 获取方式 :
本系统高保真原型工程源码、完整三端 PRD 规格说明书及本地运行环境已整理上架,欢迎访问首发站点获取:
🔗 官方直达通道 :【杂乱资源网】基于Vue3+Element Plus的企业级AI智能体工作流与私有知识库(RAG)协同平台
📖 项目简介与业务背景
随着大语言模型 (LLM) 技术的爆发式发展,企业内部对私有数据安全、专属知识问答与特定业务流程自动化的需求急剧增加。通用 AI 无法访问企业私域文档,且通用提示词难以稳定处理复杂的业务链条。
本项目**【企业级 AI 智能体工作流与私有知识库 (RAG) 协同平台】**是一款专为企业与开发者量身打造的全栈式前端原型交互系统(涵盖 电脑 PC 创作者端 + 手机移动端 H5 + 运营治理管理中后台)。系统全量支持多大模型统一调度、SSE 流式打字机逐字渲染、PDF/Word 知识库自动分块切片与相似度召回测试、可视化工作流拓扑编排以及 ECharts 模型监控大屏。
📸 系统高保真原型界面全景解读(12 大核心场景)
1. Multi-Agent 企业智能体工作大厅

- 场景解读:智能体大厅提供研发工程、金融风控、法律合规、运营增长等垂直领域的预置 Agent 角色卡片。支持卡片一键发起会话、查看挂载的私有知识库状态、Token 消耗统计及多维度检索。
2. 流式打字机对话终端与 RAG 知识溯源引用

- 场景解读:基于 SSE 协议模拟的高性能流式逐字打字机交互,原生支持 Markdown 富文本渲染、代码高亮复制与停止生成;底部附带绿色 RAG 知识溯源卡片,可直接展开命中文档名称、页码与相似度分值。
3. 专业垂直领域智能体(智能法务顾问与多轮会话)

- 场景解读:左侧会话列表支持多 Agent 极速切换;针对合同审查与合规风控,自动加载《商业合同法与知识产权条款库》,实现严谨低幻觉的专业问答输出。
4. 企业私有 RAG 知识库与切片 (Chunk) 预览中心

- 场景解读:支持拖拽上传 PDF/DOCX/MD 文件,展示各知识库的切片总量与向量模型;左下方可直观查看分块切片文本、Token 长度及维度,右侧提供实时的"相似度向量检索召回演练"沙盒。
5. 可视化 AI 智能体工作流编排与链路追踪

- 场景解读:深色科技感画布清晰展现【用户输入 ➔ 向量检索 ➔ LLM 推理 ➔ 格式化输出】的完整拓扑结构,下方内置毫秒级执行链路日志(Execution Trace)与 Token 消耗审计。
6. 个人中心与企业 API Key 密钥管控

- 场景解读 :展示当前开发者的部门权限、Token 额度消耗进度条(折合算力成本),支持创建与停用企业级
sk-开头的 API Secret Key。
7. 管理中后台大模型算力与 Token 监控大屏

- 场景解读:基于 ECharts 5.5 构建的企业算力监控指挥中心,包含当日调用量 (84.9K)、Token 消耗 (18.42M)、RAG 召回命中率 (91.8%) 等 4 大核心 KPI 指标卡,联动呈现 7 日 Token 趋势平滑折线图与多模型占比环形图。
8. 多厂商 LLM 模型池与动态温控调度

- 场景解读:统一管理 DeepSeek-V3、GPT-4o、Claude-3.5 及通义千问模型池,支持滑动调节 Temperature 参数、查看单价与生成速率,并提供连通性心跳监测。
9. 知识库切片治理与向量索引维护

- 场景解读:支持查看全司各知识库的切片碎片总量与向量索引就绪状态,支持一键触发全局向量索引异步重建与碎片清理。
10. 企业组织架构与成员 Token 额度管控

- 场景解读:分部门(基础架构部、风控合规部、市场增长部等)设定成员月度 Token 配额上限,进度条直观呈现消耗比例并支持超额熔断与额度重置。
11. 安全审计与 Prompt 越狱风控拦截引擎

- 场景解读:具备 Zero-Trust AI 级安全防护,实时记录 Prompt 越狱注入攻击、机密数据脱敏及违规问答拦截日志,支持溯源分析与规则调整。
12. 手机移动端 (H5/小程序形态) AI 问答

- 场景解读:移动端适配原生外框质感,提供顶栏 Agent 滚动药丸切换、沉浸式对话气泡、语音输入按钮模拟与底栏快捷 TabBar 导航。
🛠️ 技术选型与架构设计
- 前端框架:Vue 3.4+(全量 Composition API)
- 构建工具:Vite 5.x(毫秒级冷启动)
- UI 组件库:Element Plus
- 状态管理:Pinia
- 可视化图表:ECharts 5.5
- 数据交互:高保真 SSE 流式打字机数据模拟
🚀 本地快速运行步骤
bash
# 1. 克隆/解压项目源码包
cd ai-agent-rag-platform
# 2. 安装项目依赖
npm install
# 3. 启动开发服务器
npm run dev
# 4. 浏览器访问:http://localhost:3000/agents
📌 项目源码获取 :欢迎访问首发站点 【杂乱资源网】 下载包含三端源码与完整 PRD 的全套工程资源包!
📌 项目源码获取 :欢迎访问首发站点 【杂乱资源网】 下载包含三端源码与完整 PRD 的全套工程资源包!