🤖 【商业级实战首发】基于 Vue3 + Element Plus 的企业级 AI 智能体工作流与私有知识库 (RAG) 协同平台

本套系统为企业及开发者量身打造,涵盖 PC 创作者工作台 + 手机移动端 H5 + 模型治理中后台 三端一体化架构。全量支持 OpenAI、DeepSeek-V3、Claude 3.5、Qwen 等多大模型接入、SSE 流式打字机渲染、PDF/Word 知识库自动切片向量化与可视化工作流节点编排!

✅ 完整 PRD 规格说明书
✅ Vue 3.4+ / Vite 5 / Pinia 全套源码
✅ ECharts 5.5 大模型监控大屏
✅ 夸克网盘秒传与永久分享

📖 1. 业务痛点与系统建设背景

随着大语言模型在企业中的深入应用,通用 AI 难以访问企业私域文档、缺乏长链条业务编排能力以及缺少算力成本与安全审计管控等痛点日益凸显。本项目旨在打造一套开箱即用的企业级智能基础设施,实现“多模型统管 + 智能体编排 + 私域 RAG 检索增强 + 安全审计拦截”全闭环。

📸 2. 系统高保真界面与核心业务全景深度解读(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 导航。

🛠️ 3. 技术架构与技术栈选型

  • 前端开发框架:Vue 3.4.21(全量 Composition API + <script setup>
  • 前端构建工具:Vite 5.1.6(极速冷启动与模块热替换)
  • UI 组件库:Element Plus 2.6.3 + 官方图标库 @element-plus/icons-vue
  • 状态管理机:Pinia 2.1.7(支持流式响应式状态与数据持久化)
  • 前端路由控制:Vue Router 4.3.0(三端路由隔离与权限守卫)
  • 大数据可视化:ECharts 5.5.0(动态折线图、环形图与图表自适应)

🚀 4. 本地开箱即用运行教程

# 1. 进入源码解压目录
cd ai-agent-rag-platform

# 2. 安装项目依赖(极速国内镜像)
npm install

# 3. 启动本地开发服务器
npm run dev

# 4. 浏览器访问:
# 🖥️ PC 电脑端工作台: http://localhost:3000/agents
# 📱 手机移动端 H5:    http://localhost:3000/m/chat
# 📊 模型治理中后台:    http://localhost:3000/admin/dashboard

📦 5. 完整源码与 PRD 文档下载通道

 

 

隐藏内容
本内容需权限查看
  • 普通用户: 339金币
  • VIP会员: 339金币
  • 永久会员: 339金币
已有8人解锁查看
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。