附加费结算：修复筛选设置面板左缘溢出被裁切 #322

zhoushengchen · 2026-10-13T11:14:02+08:00

zhoushengchen commented

2026-10-13 11:14:02 +08:00

问题

筛选设置面板此前按
ight:0 相对按钮向左展开；按钮位于左侧时，400px 的面板左半超出容器边界被裁切——用户看到左列复选框消失、标签首字被切、全选按钮不见（工作区 iframe 内裁切尤其明显）。

修复

结算页的筛选设置面板改为相对按钮向右展开（left:0; right:auto），并限制最大宽度 min(28rem, calc(100vw - 1rem))。
仅影响结算页筛选设置面板，不动共享组件。

验证

复现：1138px 窗口下面板 x=-47、左列被裁；修复后 x=258，两列复选与「全选/恢复默认」完整可见。
窄窗口（730px 视口）面板 258→658 仍完整显示。
CourierSurchargeSettlementPageTest：9 passed / 92 assertions。

## 问题筛选设置面板此前按 ight:0 相对按钮向左展开；按钮位于左侧时，400px 的面板左半超出容器边界被裁切——用户看到左列复选框消失、标签首字被切、全选按钮不见（工作区 iframe 内裁切尤其明显）。 ## 修复 - 结算页的筛选设置面板改为相对按钮向右展开（left:0; right:auto），并限制最大宽度 min(28rem, calc(100vw - 1rem))。 - 仅影响结算页筛选设置面板，不动共享组件。 ## 验证 - 复现：1138px 窗口下面板 x=-47、左列被裁；修复后 x=258，两列复选与「全选/恢复默认」完整可见。 - 窄窗口（730px 视口）面板 258→658 仍完整显示。 - CourierSurchargeSettlementPageTest：9 passed / 92 assertions。

zhoushengchen added 1 commit 2026-10-13 11:14:03 +08:00

附加费结算：修复筛选设置面板在左缘溢出被裁切，改为向右展开 4dc4d77d56

zhoushengchen merged commit 7e1ded5112 into main

2026-10-13 11:14:08 +08:00

zhoushengchen deleted branch fix/zhoushengchen-settlement-filter-panel-overflow

2026-10-13 11:14:09 +08:00

zhoushengchen referenced this issue from a commit

2026-10-13 11:14:09 +08:00

附加费结算：修复筛选设置面板左缘溢出被裁切 (#322)

Sign in to join this conversation.