← 返回开发时间线

熊窝 v0.28.0:任务看板 - 甘特图排期视图

熊窝任务看板新增甘特图视图:将需要排期的任务转为进行中,通过可拖拽时间条管理计划周期,同时保留原有看板、完成热力图与历史记录。

2026-08-29

熊窝功能视觉

熊窝任务看板在原有看板视图之外新增甘特图视图,用于管理需要持续推进和排期的任务。两种视图共享同一份任务状态与浏览器本地数据,任务可以在待办、甘特图和完成记录之间流转。

甘特图排期视图

  • 看板页新增「看板视图 / 甘特图」切换,甘特图第一版不再按生活、编程、科研分类筛选,直接汇总展示所有已排期任务。
  • 待办任务通过「开始排期」打开排期面板,填写计划开始日期和计划结束日期后加入甘特图,并正式变为「进行中」;开始和结束日期允许设置为同一天。
  • 甘特图中一条记录对应一个任务和一条时间条,提供日期轴、今日定位、计划区间和任务来源图标,不拆分任务阶段。

计划调整与状态闭环

  • 时间条支持整体拖动调整计划区间,也支持拖动开始端和结束端缩放日期;调整结果保存到浏览器 localStorage,刷新后继续保留。
  • 任务完成时自动记录实际完成日期,并可通过「修改完成日期」手动修正;完成任务默认从甘特图隐藏,可开启「显示已完成」查看。
  • 甘特图任务支持「移出甘特图」,移出后清除排期与实际完成日期,将状态退回「待办」,同时保留任务原有的截止日期与创建日期。
  • 原有三类任务汇总、四条分页、完成热力图和历史记录继续保留;初始进行中任务统一回到待办。

数据与实现

  • TodoItem 增加可选的 plannedStartplannedEndcompletedAt 字段,静态任务资料与浏览器本地状态分离。
  • 新增 src/pages/todo-board/index.astro 的视图入口、src/scripts/todo-board.ts 的任务状态与甘特图交互,以及 public/css/todo-board.css 的时间轴、时间条、弹窗和响应式布局。
  • 发布提交:bc3de57 feat(v0.28.0): 任务看板新增甘特图视图与排期管理
  • 熊窝构建通过,共生成 5 个页面;完成桌面端排期、同日任务、拖拽调整、刷新恢复、完成日期、移出甘特图和历史热力图回归。

UI 设计图留档

本次保留任务看板的看板视图与甘特图视图两张 0829 UI 快照,记录任务从状态看板扩展到时间排期后的界面形态。

熊窝 v0.28.0 任务看板看板视图

熊窝 v0.28.0 任务看板甘特图视图