设置 · 底部抽屉面板(Bottom Drawer)设计

齿轮触发 → 底部滑出 → 五个设置分区;遮罩点击 / 下滑把手 / ✕ 关闭
① 滑出前 · 日历页(齿轮在右上角)
2026年9月⚙
¥6,180.0
10日 ¥2,940.0 · 22日 ¥3,240.0
出勤 16/27 工时 124h 收入 ¥5,000
日一二三四五六
1
—
2
白 8h
3
夜 10h
4
休
5
—
6
—
7
—
8
—
9
白 7.5h
10
夜 6.5h
📅打卡
📊汇总
⚙设置
② 抽屉展开 · 遮罩压暗页面 + 底部滑出设置面板
2026年9月 · 日历页(被遮罩压暗)
设置 ✕ 关闭
👛 薪酬规则
基础时薪19.5 元/h
满勤天数27 天
满勤奖金/h1 元
🎖 奖惩标准
查获奖励 / 件+¥10
漏查处罚 / 件-¥20
满勤达标奖励按工时
📆 发放周期
上半月工资日 (payDayA)22 号
下半月工资日 (payDayB)10 号
半月分界日 (cutoff)15 号
🕐 班次默认工时
白班 / 夜班默认 白 8h夜 10h
夜班跨天,工时全归开始打卡那天
💾 数据
导出备份(JSON)↗
复制数据到剪贴板↗
恢复默认设置↗
滑出方式:下滑把手 / 点击遮罩 / 点 ✕ 关闭 · 不动 tabs 数组 → 用例20 不受影响

关键决策点

  • 抽屉内容 = 现有「设置 Tab」整块搬进底部面板
  • 三种关闭方式:下滑把手 / 点遮罩 / 点 ✕
  • 齿轮按钮(看板右上)+ 底部 Tab「设置」都触发抽屉
  • 不动 tabs 数组 → 用例20 不受影响,规避重写测试
要落地的话改动范围:新增 settingsOpen 状态 + 抽屉容器模板(复用现有设置表单),从中置「齿轮直达设置页」改为「齿轮/遮罩/下滑开关抽屉」。改动集中、可逆。