feat(V0.2): 任务模块界面调整 —— 首屏/项目管理/底部安全距离
Docker Build and Push / build-image (push) Successful in 4m8s
Docker Build and Push / build-image (push) Successful in 4m8s
按 2026-10-24 评审的 5 条调整实现 (需求 T-VW-08~10 / T-PJ-11/12 / T-UI-11): 首屏 (T-VW-08/09): - /task 改为「上=最近项目条(3 个+更多入口), 下=当前项目任务管理」 - 完整项目列表迁至 /task/list, 从「更多项目」进入; /task/:pid 保留供深链 最近项目排序 (T-VW-10): - 卡片长按 300ms 拖动换位, 结果存设备端 prefs.recentOrder - 顺序 = 手动排序 > 最近访问(recentIds) > 列表序, 归档项目不展示 项目管理 (T-PJ-11/12): - 新增 ProjectManage: 成员 / 看板列 / 项目信息 三分区统一入口 - 项目信息含 改名 / 归档切换 / 删除(个人项目隐藏) / 退出(仅创建人) - 项目页头部只留「项目管理 + 新增」, 移除散置的成员/列设置按钮 底部安全距离 (T-UI-11): - 任务详情 / 人员选择 / 拷贝弹层 padding-bottom = 安全区 + 20px - 小屏下弹层 maxHeight + 内部滚动, 底部按钮完整可见 已验证: 97 文件语法 0 错误、相对导入 0 缺失
This commit is contained in:
@@ -36,15 +36,16 @@
|
||||
```
|
||||
┌──────────────────── 前端 (React + antd-mobile,打包进 Tauri / OTA) ────────────────────┐
|
||||
│ App.jsx 路由 │
|
||||
│ └ /task ──► TaskPage ──┬── ProjectList (项目列表 / 个人默认项目) │
|
||||
│ └── /task/:pid ──► ProjectView │
|
||||
│ ├── ListView (列表 + 子任务缩进折叠) │
|
||||
│ ├── BoardView (看板 + 长按拖拽) │
|
||||
│ └── ColumnSettings / ProjectSettings │
|
||||
│ 组件: BoardColumn / TaskCard / SubtaskRow / StatusDot / ExtrasCard / UserPicker │
|
||||
│ 状态: TaskStore (项目内单例) / ReorderableList / useLongPressDrag │
|
||||
│ 工具: src/pages/task/date.js (与后端同口径的自然日边界) │
|
||||
│ src/pages/task/prefs.js (设备端视图记忆 / 上次项目) │
|
||||
│ └ /task ──► TaskPage (首屏: 上=RecentProjects 条, 下=当前项目 ProjectView) │
|
||||
│ /task/list ──► ProjectList (完整项目列表, 从「更多项目」进入) │
|
||||
│ /task/:pid ──► TaskPage (打开指定项目, 供深链) │
|
||||
│ ProjectView ──┬── ListView (列表 + 子任务缩进折叠) │
|
||||
│ ├── BoardView (看板 + 长按拖拽) │
|
||||
│ └── ProjectManage (项目管理: 成员 / 列设置 / 项目信息) │
|
||||
│ 组件: TaskCard / SubtaskRow / StatusDot / ExtrasCard / UserPicker / RecentProjects │
|
||||
│ 状态: TaskStore (项目内单例) / ReorderableList / useLongPressDrag │
|
||||
│ 工具: src/pages/task/date.js (与后端同口径的自然日边界) │
|
||||
│ src/pages/task/prefs.js (设备端: 视图记忆 / 上次项目 / 最近项目手动排序) │
|
||||
└──────────────────────────────┬─────────────────────────────────────────────────────────┘
|
||||
│ HTTPS + JWT (Authorization: Bearer)
|
||||
┌──────────────────────────────▼─────────────────────────────────────────────────────────┐
|
||||
@@ -98,18 +99,20 @@ src/
|
||||
api/task.js # projectApi / columnApi / taskApi
|
||||
pages/task/
|
||||
date.js # 与后端同口径
|
||||
prefs.js # 设备端偏好(localStorage)
|
||||
TaskPage.jsx # 模块容器 + 路由
|
||||
ProjectList.jsx # 项目列表
|
||||
prefs.js # 设备端偏好(视图记忆/上次项目/最近项目手动排序)
|
||||
TaskPage.jsx # 首屏容器: RecentProjects 条 + 当前项目 ProjectView
|
||||
ProjectList.jsx # 完整项目列表(/task/list, 从「更多项目」进入)
|
||||
ProjectView.jsx # 列表/看板容器
|
||||
ListView.jsx # 列表视图
|
||||
BoardView.jsx # 看板视图
|
||||
ColumnSettings.jsx # 列管理 + 绑定 + 保留选项
|
||||
TaskDetail.jsx # 任务详情(含扩展卡片 / 子任务)
|
||||
ProjectMembers.jsx # 成员管理
|
||||
ColumnSettings.jsx # 列管理 + 绑定 + 保留选项(由项目管理进入)
|
||||
TaskDetail.jsx # 任务详情(含扩展卡片 / 子任务;底部安全距离)
|
||||
ProjectMembers.jsx # 成员管理(由项目管理进入)
|
||||
ProjectManage.jsx # 项目管理: 成员 / 列设置 / 项目信息 三区
|
||||
components/task/
|
||||
TaskCard.jsx SubtaskRow.jsx StatusDot.jsx
|
||||
ExtrasCard.jsx UserPicker.jsx useLongPressDrag.js
|
||||
RecentProjects.jsx # 首屏最近项目条(卡片可长按排序)
|
||||
components/BottomNav.jsx # Tab 增「任务」,位于打卡之后
|
||||
components/TabIcon.jsx # 增 task 图标
|
||||
App.jsx # +/task、/task/:pid
|
||||
|
||||
Reference in New Issue
Block a user