| 项目 | 内容 |
|---|---|
| 文档版本 | v1.0 |
| 创建日期 | 2026-04-10 |
| 更新日期 | 2026-04-10 |
| 关联文档 | [[我的笔记/NAS需求文档/任务中心/NAS任务中心详细需求文档]]、[[我的笔记/NAS需求文档/任务中心/软件需求规划]] |
| 适用范围 | PC 端 / 移动端 |
| 目标 | 为交互、视觉、前后端提供任务中心低保真结构参考 |
本说明用于补充任务中心的页面级低保真原型思路，重点回答以下问题：
flowchart TD
A[PC任务中心] --> B[顶部工具栏]
A --> C[任务分类标签]
A --> D[任务列表]
A --> E[任务详情抽屉]
A --> F[空状态/异常状态]
B --> B1[标题]
B --> B2[任务统计]
B --> B3[清理已完成]
B --> B4[批量删除]
C --> C1[全部]
C --> C2[文件任务]
C --> C3[备份任务]
C --> C4[进行中]
C --> C5[已完成]
C --> C6[失败]
text┌──────────────────────────────────────────────────────────────────────────────┐ │ 任务中心 总任务 12 进行中 3 [清理已完成] [批量删除] │ ├──────────────────────────────────────────────────────────────────────────────┤ │ [全部] [文件任务] [备份任务] [进行中] [已完成] [失败] │ ├──────────────────────────────────────────────────────────────────────────────┤ │ □ 任务名称 来源应用 进度 状态 速度 更新时间 更多 │ ├──────────────────────────────────────────────────────────────────────────────┤ │ □ 假期照片上传 文件管理 [==== 45% ] 进行中 12MB/s 10:21 ⋯ │ │ □ 家庭视频整理_复制 文件管理 [=========90%] 进行中 88MB/s 10:19 ⋯ │ │ □ 手机相册备份 相册备份 扫描中 320/1200 扫描中 - 10:18 ⋯ │ │ □ SD卡导入 一键备份 [========100%] 已完成 - 10:10 ⋯ │ │ □ 设计稿归档 文件管理 3/20失败 部分完成 - 09:58 ⋯ │ ├──────────────────────────────────────────────────────────────────────────────┤ │ 底部说明：已完成/失败任务仅删除记录，不删除文件结果 │ └──────────────────────────────────────────────────────────────────────────────┘
| 区域 | 说明 |
|---|---|
| 顶部工具栏 | 展示标题、统计信息、批量操作 |
| 分类标签 | 快速切换任务维度，减少首期筛选复杂度 |
| 任务列表 | 采用表格形态，适合 PC 端查看批量任务 |
| 底部说明 | 强化“删除记录≠删除文件”的认知 |
| 交互 | 结果 |
|---|---|
| 点击任务名称 | 打开右侧详情抽屉（V1.1）或跳详情页 |
| 点击更多操作 | 展开操作菜单 |
| 勾选多条任务 | 顶部进入批量操作态 |
| 点击标签 | 切换列表内容 |
text┌──────────────┐ │ 打开目标位置 │ │ 暂停任务 │ │ 继续任务 │ │ 删除记录 │ └──────────────┘
text┌────────────────────── 任务详情 ──────────────────────┐ │ 任务名称：手机相册备份 │ │ 状态：进行中 / 扫描中 │ │------------------------------------------------------│ │ 来源应用：相册备份 │ │ 来源对象：iPhone 16 Pro / 最近项目 │ │ 目标位置：/Photos/2026/04 │ │ 创建时间：2026-04-10 10:02 │ │ 更新时间：2026-04-10 10:21 │ │------------------------------------------------------│ │ 进度：[======= 62% ] │ │ 数量：742 / 1200 │ │ 速度：8.2 MB/s │ │------------------------------------------------------│ │ 状态时间线 │ │ 已创建 -> 扫描中 -> 备份中 │ │------------------------------------------------------│ │ 失败摘要（如有） │ │ 3 个文件失败：空间不足 │ │------------------------------------------------------│ │ [打开目标位置] [暂停/继续] [删除记录] │ └──────────────────────────────────────────────────────┘
text┌──────────────────────────────────────────┐ │ 暂无任务 │ │ 当前没有进行中的文件任务或备份任务 │ │ 你可以前往文件管理、相册备份或一键备份发起任务 │ └──────────────────────────────────────────┘
text│ □ 素材归档_复制 文件管理 17/20完成 部分完成 - 09:58 ⋯ │ │ 错误摘要：3 个文件失败，目标目录空间不足 │
text┌─────────────────────────────────────────────────────────────────────┐ │ 已选择 4 项 [批量删除] [取消选择] │ ├─────────────────────────────────────────────────────────────────────┤ │ 列表进入多选态 │ └─────────────────────────────────────────────────────────────────────┘
flowchart TD
A[移动端任务中心] --> B[顶部导航]
A --> C[分类切换]
A --> D[任务卡片列表]
A --> E[详情页]
A --> F[底部操作菜单]
text┌──────────────────────┐ │ ← 任务中心 清理已完成 │ ├──────────────────────┤ │ [全部][文件][备份][失败] │ ├──────────────────────┤ │ 假期照片上传 ⋯ │ │ 文件管理 │ │ [===== 45% ] 进行中 │ │ 12MB/s · 10:21更新 │ ├──────────────────────┤ │ 手机相册备份 ⋯ │ │ 相册备份 │ │ 扫描中 320/1200 │ │ 10:18更新 │ ├──────────────────────┤ │ SD卡导入 ⋯ │ │ 一键备份 │ │ 已完成 │ │ 目标位置 > │ └──────────────────────┘
| 区域 | 说明 |
|---|---|
| 顶部导航 | 返回、标题、清理已完成 |
| 分类切换 | 建议 4 个以内，避免横向过长 |
| 任务卡片 | 一张卡片表达一条任务，适合移动端浏览 |
| 更多菜单 | 用底部 Action Sheet 承接操作 |
text┌──────────────────────┐ │ 任务名 ⋯ │ │ 来源应用 │ │ 进度/阶段信息 │ │ 状态 + 速度/时间 │ │ 失败摘要或目标位置入口 │ └──────────────────────┘
text┌──────────────────────┐ │ ← 任务详情 │ ├──────────────────────┤ │ 手机相册备份 │ │ 进行中 / 扫描中 │ ├──────────────────────┤ │ 来源应用：相册备份 │ │ 来源对象：最近项目 │ │ 目标位置：/Photos/... │ ├──────────────────────┤ │ 进度 62% │ │ 742 / 1200 │ │ 8.2MB/s │ ├──────────────────────┤ │ 状态时间线 │ │ 已创建 │ │ 扫描中 │ │ 备份中 │ ├──────────────────────┤ │ 失败摘要（如有） │ │ 3 个文件失败：空间不足 │ ├──────────────────────┤ │ [打开目标位置] │ │ [暂停任务] │ │ [删除记录] │ └──────────────────────┘
text┌──────────────────────┐ │ 打开目标位置 │ │ 暂停任务 │ │ 继续任务 │ │ 删除记录 │ │ 取消 │ └──────────────────────┘
text┌──────────────────────┐ │ 暂无任务 │ │ 当前没有需要处理的任务 │ │ 文件管理/备份任务会显示在这里 │ └──────────────────────┘
text┌──────────────────────┐ │ 素材归档_复制 ⋯ │ │ 文件管理 │ │ 部分完成 │ │ 3 个文件失败：空间不足 │ │ 查看详情 > │ └──────────────────────┘
| 维度 | PC 端 | 移动端 |
|---|---|---|
| 主要容器 | 表格列表 | 卡片列表 |
| 详情承载 | 右侧抽屉/侧栏 | 独立详情页 |
| 批量操作 | 顶部批量栏 | 首期弱化，不主推 |
| 更多操作 | 行内菜单 | Action Sheet |
| 信息密度 | 高 | 中 |
| 浏览方式 | 横向对比多个任务 | 纵向逐卡浏览 |
任务中心低保真原型应突出以下核心：
本文作者:oyph
本文链接:
版权声明:本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！