AI 工作流可视化编排系统

chenoh

275人浏览 · 2026-03-19 11:52:43

chenoh · 2026-03-19 11:52:43 发布

AI 工作流可视化编排系统

📖 项目简介

一个基于 Vue3 + VueFlow 的可视化工作流编排系统，支持通过拖拽节点的方式设计自动化流程，集成了 Ollama 本地 AI 和 Qwen-CLI，让 AI 任务编排更简单。

工作流编排，让工作变得更加标准化，让AI参与到每个工作流节点

✨ 核心功能

功能	说明
🎨 可视化画布	拖拽节点、连线编排，所见即所得
🤖 AI 节点	支持 Ollama 本地大模型 / Qwen-CLI 窗口调用
🔀 条件分支	True/False 双分支流程控制
✅ 审批节点	人工介入审核，支持通过/拒绝
⚙️ 动作节点	HTTP 请求、脚本执行、通知、数据保存
💾 流程管理	工作流导入/导出 JSON，持久化存储

🛠️ 技术栈

前端：Vue 3 + Vite + Pinia
工作流引擎：VueFlow
后端：Go (可选 Wails 桌面端)
HTTP：Axios

🔄 开发工作流

┌─────────────┐    ┌─────────────┐    ┌─────────────┐
│  需求分析   │ →  │  节点设计   │ →  │  流程编排   │
└─────────────┘    └─────────────┘    └─────────────┘
                                              ↓
┌─────────────┐    ┌─────────────┐    ┌─────────────┐
│  上线运行   │ ←  │  测试调试   │ ←  │  配置参数   │
└─────────────┘    └─────────────┘    └─────────────┘

📊 工作流图示例

┌──────────┐     ┌──────────┐     ┌──────────┐
│  ▶️ 开始  │ ──→ │  📝 输入  │ ──→ │  🤖 AI   │
└──────────┘     └──────────┘     └────┬─────┘
                                       │
                                       ↓
                                   ┌──────────┐
                          ┌───────│  ❓ 条件  │
                          │       └────┬─────┘
                          │            │
              ┌───────────┴───┐        │
              ↓               ↓        ↓
        ┌──────────┐    ┌──────────┐  ┌──────────┐
        │  ✅ 通过  │    │  ⚙️ 动作  │  │  ❌ 拒绝  │
        └────┬─────┘    └────┬─────┘  └────┬─────┘
             │               │             │
             └───────────┬───┴─────────────┘
                         ↓
                   ┌──────────┐
                   │  📤 输出  │
                   └────┬─────┘
                        ↓
                   ┌──────────┐
                   │  ⏹️ 结束  │
                   └──────────┘

📁 核心节点说明

节点	图标	用途
开始节点	▶️	工作流入口点
输入节点	📝	收集用户输入数据
AI 节点	🤖	调用大模型处理任务
条件节点	❓	根据条件走不同分支
审批节点	✅	人工审核确认
动作节点	⚙️	执行 HTTP/脚本/通知
输出节点	📤	输出最终结果
结束节点	⏹️	工作流终点