小额打款工单：筛选下拉可滚动 + 完成日期改为账单页同款日历 #276

Merged

yueyang merged 2 commits from feature/yueyang-small-payment-filter-scroll into main

2026-09-27 13:45:18 +08:00

Author	SHA1	Message	Date
yueyang	c1c353d100	feat(small-payment-work-orders): 日期筛选改为与账单页一致的日历控件 - 完成日期筛选由 datetime-local 改为「文本输入 + 日历按钮 + 中文月历弹层」，与淘系微信账户账单页视觉/交互保持一致：选中与今天用品牌色 #856632，起止区间用「至」连接，单开单收（开一个自动收起另一个）。 - 只承载日期（YYYY-MM-DD），服务端补成整天半开区间： from 00:00:00 / to 次日 00:00:00，避免分钟级边界丢单。 - 补充清除按钮（有值才显示）与满月历（42 格、跨年翻月、周日开头）。 - Esc 监听上移到控件容器层，焦点落在日历日期按钮上时也能收起。测试：php artisan test --filter=SmallPayment 16 passed (126 assertions)	2026-09-27 13:32:07 +08:00
yueyang	5ff4cbd758	feat(small-payment-work-orders): 筛选下拉改为可滚动选项面板原生 <datalist> 的面板由浏览器绘制，高度与滚动条无法控制，店铺有 271 个选项时看不全也滑不动，因此改为自绘面板： - 面板 max-height: min(18rem, 50vh) + overflow: auto，选项在面板内滚动 - 打字即时过滤、方向键移动、回车选中、Esc 或点击外部关闭 - 选项与切换按钮均为 type=button，点击不会误提交表单 - 输入框保留 name/value，筛选提交行为不变 - 无匹配时显示空提示；样式对齐 .finance-table-field-picker__panel - 补 Feature 断言锁住可滚动契约，避免被改回 datalist	2026-09-27 10:49:51 +08:00

Author

SHA1

Message

Date

yueyang

c1c353d100

feat(small-payment-work-orders): 日期筛选改为与账单页一致的日历控件

- 完成日期筛选由 datetime-local 改为「文本输入 + 日历按钮 + 中文月历弹层」，
  与淘系微信账户账单页视觉/交互保持一致：选中与今天用品牌色 #856632，
  起止区间用「至」连接，单开单收（开一个自动收起另一个）。
- 只承载日期（YYYY-MM-DD），服务端补成整天半开区间：
  from 00:00:00 / to 次日 00:00:00，避免分钟级边界丢单。
- 补充清除按钮（有值才显示）与满月历（42 格、跨年翻月、周日开头）。
- Esc 监听上移到控件容器层，焦点落在日历日期按钮上时也能收起。

测试：php artisan test --filter=SmallPayment 16 passed (126 assertions)

2026-09-27 13:32:07 +08:00

yueyang

5ff4cbd758

feat(small-payment-work-orders): 筛选下拉改为可滚动选项面板

原生 <datalist> 的面板由浏览器绘制，高度与滚动条无法控制，
店铺有 271 个选项时看不全也滑不动，因此改为自绘面板：

- 面板 max-height: min(18rem, 50vh) + overflow: auto，选项在面板内滚动
- 打字即时过滤、方向键移动、回车选中、Esc 或点击外部关闭
- 选项与切换按钮均为 type=button，点击不会误提交表单
- 输入框保留 name/value，筛选提交行为不变
- 无匹配时显示空提示；样式对齐 .finance-table-field-picker__panel
- 补 Feature 断言锁住可滚动契约，避免被改回 datalist

2026-09-27 10:49:51 +08:00

小额打款工单：筛选下拉可滚动 + 完成日期改为账单页同款日历 #276

2 Commits