# Phase TS-4：手动创建与详情编辑器

日期：2026-04-08
状态：待实施

---

## 1. 阶段目标

补齐“手动创建任务”和“详情编辑”链路，让用户可以在 Today Status 与 Schedule Center 中真实创建、编辑任务与子任务。

---

## 2. 详细任务

### 2.1 改造 KanbanDetail 为真实编辑器

**文件**：
- `frontend/src/components/chat/KanbanDetail.vue`

需要完成：
- 支持 `create | edit`
- 接 task detail API
- 编辑字段：
  - `title`
  - `description`
  - `status`
  - `priority`
  - `quadrant`
  - `assignee_type`
  - `assignee_id`
- 子任务增删改排序接真实 API
- 历史接 `TaskHistory`
- 评论如果后端暂无支持，本阶段不强做真实化

### 2.2 Schedule Center 手动创建增强

**文件**：
- `frontend/src/pages/schedule-center/composables/useScheduleCenterPage.ts`
- `frontend/src/pages/schedule-center/index.vue`

需要完成：
- `addTask()` 支持：
  - `quadrant`
  - `description`
  - `assignee_type`
  - `assignee_id`
  - `dispatch_to_commander`
- 保持 `loadDateDetail()` + `loadMonth()` 刷新闭环

### 2.3 象限内快捷新建

**文件**：
- `frontend/src/components/chat/KanbanPanel.vue`
- `frontend/src/components/chat/KanbanDetail.vue`
- `frontend/src/pages/chat/index.vue`

需要完成：
- 点击象限 `+` 打开 `KanbanDetail(create)`
- 自动预填 `quadrant`
- 保存后刷新 Today Status

---

## 3. 设计原则

1. **KanbanDetail 是真实任务编辑器，不再保留 mock 状态真源**
2. **Schedule Center 是最完整的手动创建页面**
3. **Today Status 提供快捷创建，不与 Schedule Center 竞争真源**

---

## 4. 核心文件清单

| 文件 | 操作 | 说明 |
|------|------|------|
| `frontend/src/components/chat/KanbanDetail.vue` | 修改 | 真实 create/edit 详情面板 |
| `frontend/src/pages/schedule-center/composables/useScheduleCenterPage.ts` | 修改 | 手动创建增强 |
| `frontend/src/pages/schedule-center/index.vue` | 修改 | 表单与详情联动 |
| `frontend/src/pages/chat/index.vue` | 修改 | Today Status 快捷创建联动 |

---

## 5. 验收标准

- [ ] 用户可从 Today Status 手动创建任务
- [ ] 用户可从 Schedule Center 手动创建任务
- [ ] 用户可编辑任务、子任务、分配信息
- [ ] 刷新后数据保持一致

---

## 6. 依赖关系

```text
依赖：Phase TS-2
建议在：Phase TS-3 后整合
输出给：Phase TS-5
```