设置 · 底部抽屉面板(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 天
满勤奖金/h
1 元
🎖 奖惩标准
查获奖励 / 件
+¥10
漏查处罚 / 件
-¥20
满勤达标奖励
按工时
📆 发放周期
上半月工资日 (payDayA)
22 号
下半月工资日 (payDayB)
10 号
半月分界日 (cutoff)
15 号
🕐 班次默认工时
白班 / 夜班默认
白 8h
夜 10h
夜班跨天,工时全归开始打卡那天
💾 数据
导出备份(JSON)
↗
复制数据到剪贴板
↗
恢复默认设置
↗
滑出方式:下滑把手 / 点击遮罩 / 点 ✕ 关闭 · 不动 tabs 数组 → 用例20 不受影响
关键决策点
抽屉内容 = 现有「设置 Tab」整块搬进底部面板
三种关闭方式:下滑把手 / 点遮罩 / 点 ✕
齿轮按钮(看板右上)+ 底部 Tab「设置」都触发抽屉
不动 tabs 数组
→ 用例20 不受影响,规避重写测试
要落地的话改动范围:新增
settingsOpen
状态 + 抽屉容器模板(复用现有设置表单),从中置「齿轮直达设置页」改为「齿轮/遮罩/下滑开关抽屉」。改动集中、可逆。