68 lines
2.3 KiB
Markdown
68 lines
2.3 KiB
Markdown
# 多智能体任务管理系统 v3.0 界面设计文档
|
|||
|
|
|
||
|
|
## 📋 文档信息
|
||
|
|
|
||
|
|
- **版本**: v3.0
|
||
|
|
- **设计日期**: 2026-02-15
|
||
|
|
- **设计师**: AI Assistant
|
||
|
|
- **审核状态**: ✅ 已通过
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🎯 设计目标
|
||
|
|
|
||
|
|
1. 提升用户体验,采用项目管理工具的经典布局
|
||
|
|
2. 充分利用数据结构(项目-任务-子任务的层级关系)
|
||
|
|
3. 可视化任务流转过程(Kanban看板)
|
||
|
|
4. 减少页面跳转,提高操作效率
|
||
|
|
5. 支持快捷键和拖拽等高级交互
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🏗️ 整体架构
|
||
|
|
|
||
|
|
### 布局结构
|
||
|
|
|
||
|
|
```
|
||
|
|
┌─────────────────────────────────────────────────────────────┐
|
||
|
|
│ Header (固定顶部,60px) │
|
||
|
|
│ Logo | 全局统计 | 规约 | 通知 | 用户 │
|
||
|
|
├──────────┬──────────────────────────────────────────────────┤
|
||
|
|
│ │ │
|
||
|
|
│ Sidebar │ Main Content │
|
||
|
|
│ (240px) │ (auto width) │
|
||
|
|
│ │ │
|
||
|
|
│ 项目列表│ • 项目概览页 │
|
||
|
|
│ 智能体 │ • 任务看板/列表/树形 │
|
||
|
|
│ │ • 智能体管理页 │
|
||
|
|
│ (可折叠)│ │
|
||
|
|
│ │ │
|
||
|
|
└──────────┴──────────────────────────────────────────────────┘
|
||
|
|
```
|
||
|
|
|
||
|
|
完整设计文档请见: DESIGN-v3.md
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🚀 开发计划
|
||
|
|
|
||
|
|
### Phase 1-6 共计 11-17 小时
|
||
|
|
|
||
|
|
1. 基础布局 (1-2h)
|
||
|
|
2. 项目管理 (2-3h)
|
||
|
|
3. 任务看板 (3-4h)
|
||
|
|
4. 任务详情 (2-3h)
|
||
|
|
5. 智能体管理 (1-2h)
|
||
|
|
6. 优化测试 (2-3h)
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## ✅ 核心特性
|
||
|
|
|
||
|
|
- ✅ 左侧导航 + 主内容区布局
|
||
|
|
- ✅ Kanban 看板拖拽
|
||
|
|
- ✅ 任务详情侧边栏
|
||
|
|
- ✅ 实时统计更新
|
||
|
|
- ✅ Markdown 渲染
|
||
|
|
- ✅ 响应式设计
|