From 77e057c5801309888ff51851e82ada7d7d283169 Mon Sep 17 00:00:00 2001 From: "jif2.zhang" Date: Wed, 28 Oct 2026 09:51:00 +0800 Subject: [PATCH] =?UTF-8?q?docs(=E4=BB=BB=E5=8A=A1):=20=E5=B7=B2=E5=BD=92?= =?UTF-8?q?=E6=A1=A3=E4=BB=BB=E5=8A=A1=E7=AE=A1=E7=90=86=E7=95=8C=E9=9D=A2?= =?UTF-8?q?=E9=87=8D=E8=AE=BE=E8=AE=A1=E5=8E=9F=E5=9E=8B=20(=E5=BE=85?= =?UTF-8?q?=E8=AF=84=E5=AE=A1,=20=E6=9C=AA=E6=94=B9=E4=B8=9A=E5=8A=A1?= =?UTF-8?q?=E4=BB=A3=E7=A0=81)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 按评审意见重做「已归档任务」全屏弹层的界面, 产出可交互原型: docs/V0.2/任务模块/已归档任务管理-原型.html 四点改动: 1. 去掉「类型」过滤 —— 类型是弱维度, 归档场景几乎不按类型检索, 反而占掉一整行; 2. 关键词输入框前加常驻标签「标题」, 框内占位改为「输入关键词」; 3. 归档时间新增快捷预设: 全部 / 本周 / 本月 / 本季度 (+ 自定义才展开日期区间), 选完在下方灰字回显实际区间, 避免"以为选的是整周"; 4. 补上「筛选」按钮 —— 原版改任何条件都立即查询且没有确认动作; 改为条件填完一次性提交, 按钮带生效条件数徽标, 另有「重置」。 附带改进: - 列表上方显示已应用条件标签(可单独 × 撤销) + 命中条数; - 列表行重排: 标题独占一行, 元信息收成一行(#编号 · 看板列 · 归档于日期), 「恢复/删除」从右侧竖排改到底部右侧横排, 降低行高; - 空状态区分「还没归档过」与「筛选无结果」, 分别给出下一步提示; - 类型标签仍在行内展示, 只是不再作为筛选项。 原型为单文件 HTML (无外部依赖), 可交互: 点预设/筛选/恢复/删除均有反馈。 已用无头浏览器验证: 无 JS 错误, 本周预设算出 2026-10-26~2026-10-28, 筛选命中条数正确。 业务代码未改动, 等待评审确认后再落地。 --- docs/V0.2/任务模块/已归档任务管理-原型.html | 627 ++++++++++++++++++++ 1 file changed, 627 insertions(+) create mode 100644 docs/V0.2/任务模块/已归档任务管理-原型.html diff --git a/docs/V0.2/任务模块/已归档任务管理-原型.html b/docs/V0.2/任务模块/已归档任务管理-原型.html new file mode 100644 index 0000000..efa103f --- /dev/null +++ b/docs/V0.2/任务模块/已归档任务管理-原型.html @@ -0,0 +1,627 @@ + + + + + +已归档任务管理 · 界面重设计(原型待评审) + + + +
+ +
+

已归档任务管理 · 界面重设计

+

对应需求 T-ARC-04/05/06。本文件是评审用原型,不含业务代码改动;确认后再落地。

+
+ 原型 · 待评审 + 2026-10-28 + 可交互:点预设 / 筛选 / 恢复 + 范围:任务模块 › 项目 › 已归档 +
+
+ +

改动要点 对照你提出的 4 点

+
+
+
01
+

去掉「类型」过滤

+

现版本的「全部类型」下拉整体移除。任务类型是弱维度,归档场景几乎不按类型找东西,反而占掉一横行高。

+

全部类型 ▾

+
+
+
02
+

输入框前加提示

+

关键词输入框前加固定标签「标题」,输入框内用灰字占位「输入关键词」——标签常驻,占位随输入消失,不会出现"不知道搜什么"。

+

搜索任务标题(无标签)

+
+
+
03
+

归档时间快捷选择

+

新增 全部 / 本周 / 本月 / 本季度 四个一键预设,选完自动算出起止日期并显示;需要精确区间时再选「自定义」。

+

开始日期 ~ 结束日期(纯手点)

+
+
+
04
+

补上「筛选」按钮

+

现版本改任何条件都立即查询、没有确认动作。改为:改条件 → 点筛选才生效,按钮上显示生效条件数;另给「重置」。

+

无按钮(自动即时查询)

+
+
+ +

主界面 可交互 · 点一下试试

+
+ +
+
+ +
+ +
+
+ 标题 + + + + + + +
+ +
+ 看板列 + + + 全部 + Plan + Doing + Done + + +
+ +
+ 归档时间 + + + 全部 + 本周 + 本月 + 本季度 + 自定义 + + +
+
+
+ +
+ + +
+
+ + + + + +
+ +
+
+
+
+ 主界面 + 筛选卡固定三行:标题 / 看板列 / 归档时间,外加操作行。改动不再即时生效,点「筛选」统一提交。 +
+
+ +
+
+

1为什么改成"点按钮才筛选"

+
    +
  • 现在每改一个条件就重查一次,连点三个条件就发三次请求
  • +
  • 输入关键词时每敲一个字都可能触发(失焦也查),列表会闪
  • +
  • 改成显式提交后,用户能先把条件填完整,再一次性看结果
  • +
  • 按钮上带数字徽标,一眼知道当前生效了几个条件
  • +
+
+
+

2快捷时间怎么算

+
    +
  • 本周:周一 00:00 ~ 今天(不跨到未来)
  • +
  • 本月:1 号 00:00 ~ 今天
  • +
  • 本季度:当季首月 1 号 00:00 ~ 今天
  • +
  • 选完在下方灰字直接显示实际区间,避免"以为选的是整周"
  • +
  • 「自定义」才展开两个日期选择器,默认收起
  • +
+
+
+

3已应用条件可单独撤销

+
    +
  • 筛选后在列表上方显示条件标签,每个带 × 可单独去掉
  • +
  • 右侧显示命中条数,避免"筛完不知道有没有筛到"
  • +
  • 无结果时给明确空状态,而不是一片留白
  • +
+
+
+

4列表行重排

+
    +
  • 标题独占一行(原来和类型/列/时间挤在下面)
  • +
  • 元信息收成一行:#编号 · 看板列 · 归档于 日期
  • +
  • 「恢复 / 删除」从右侧竖排改到底部右侧横排,减少每行高度
  • +
  • 类型标签保留展示(只是不再作为筛选项)
  • +
+
+
+
+ +

状态变体

+
+
+
+ +
+
+
标题
+
看板列全部PlanDone
+
归档时间 + 全部本周本月本季度自定义 +
2026-10-26 ~ 2026-10-28
+
+
+
+
+ 本周× + Done× + 共 3 条 +
+
+
+
任务详情页滚动优化
#22
+
优化Done归档于 10-27
+
恢复删除
+
+
+
桌面端。
#5
+
需求Done归档于 10-26
+
恢复删除
+
+
+
+
+
已应用条件 + 命中条数条件可逐个撤销;时间预设自动显示实际区间。
+
+ +
+
+ +
+
+
标题✕
+
看板列全部Done
+
归档时间 + 全部本周本月本季度自定义 + 2026-09-01~2026-09-30 +
+
+
+
+ 标题: 日报× + 09-01~09-30× + 共 0 条 +
+
🗂
没有符合条件的归档任务
试试放宽时间范围或清空关键词
+
+
+
自定义区间 + 空结果选「自定义」才展开日期;空结果给可操作的建议文案。
+
+ +
+
+ +
+
+
标题
+
看板列全部PlanDoingDone
+
归档时间全部本周本月本季度自定义
+
+
+
📭
这个项目还没有归档任务
任务完成后可在 ⋯ 菜单里归档
+
+
+
初始空状态一个都没归档时,告诉用户归档入口在哪。
+
+
+ +

与现版本对照

+ + + + + + + + + + + + + +
项现在建议
类型过滤「全部类型」下拉 + 独占一行移除
关键词无标签,占位「搜索任务标题」左侧常驻标签「标题」+ 占位「输入关键词」
归档时间两个日期按钮,无快捷项全部 / 本周 / 本月 / 本季度 / 自定义
查询触发改条件即时查询,无按钮「重置 / 筛选」,按钮带生效条件数
条件可见性条件散在控件里,看不出生效了什么列表上方条件标签 + 命中条数,可单独撤销
列表行标题与元信息挤在一起,右侧竖排两按钮标题独占行;元信息一行;按钮移到底部右侧
空状态一行灰字「没有符合条件的归档任务」区分「还没归档过」与「筛选无结果」,给出下一步建议
+ +

待你确认 确认后我再改代码

+
+
+
    +
  • 「筛选」改为显式提交,是否符合你的使用习惯?(也可以保留"改预设即时生效、只有关键词需要点按钮")
  • +
  • 看板列是否也保留?还是只留 标题 + 归档时间 两个条件更清爽?
  • +
  • 列表行的「恢复 / 删除」放底部右侧可以吗?还是希望点行进入详情/预览?
  • +
  • 快捷时间是否需要再加「近 7 天 / 近 30 天」?
  • +
+
+
+ +
+ + + +