2.6 KiB
2.6 KiB
2026-07-09 计划预测分页修复 & 出库明细布局优化
1. 计划预测：分页与冻结列重叠修复
旭东 → OpenClaw： 计划预测里面页码功能异常了，和商品数据重叠了，你查一下问题
OpenClaw 响应：
问题原因：冻结列的td使用z-index:9、th使用z-index:999，而分页仅z-index:5，冻结列单元格遮挡了分页区域。
修复内容（两轮）：
- 第一轮：页面布局改为与产品页面一致，
.card-body不再作为滚动容器，改用内部的.table-scroll，.page-flex增加flex:1;min-height:300px高度约束 - 第二轮：分页
z-index从5提升到20，超过冻结列z-index:9，防止被冻结列覆盖
2. 计划预测：强制刷新后仍有异常（冻结列遮挡）
旭东 → OpenClaw： 强制刷新之后还是异常，冻结列直接把页码功能遮挡了一部分
OpenClaw 响应：
定位到分页z-index:5低于冻结列td的z-index:9，分页bar显示在冻结列下方被遮挡。增加z-index:20，冻结列不再遮挡分页。同时更新JS cache buster版本号v=85→v=86。
3. 出库明细：表头固定 + 分页统一
旭东 → OpenClaw： 出库明细子菜单需要优化：
- 表头需要固定住，不随上下滑动而变化
- 页码功能做成计划预测那样的样式
OpenClaw 响应：
thead加position:sticky;top:0;z-index:4;background:var(--bg,#fff)，表头上下滚动固定- 整个卡片用
page-flex包裹，表格放在.table-scroll内，分页移到.card-footer.pagination-sticky，与计划预测/产品页面使用统一的renderPaginationWithSize分页样式 - 分页
z-index同样设为20 - JS cache buster版本号
v=86→v=87
4. SKU详情弹窗优化（订单在途改列表 + 销量趋势日期范围拖动）
旭东 → OpenClaw： 点击SKU之后的弹窗里面内容需要优化：
- 订单在途做成列表形式，内容我后续再补充
- 销量趋势的X轴需要有时间拖动功能，可以自定义拖动日期范围
OpenClaw 响应：
- 订单在途：原表格改为列表形式（横向排列：订单编号、状态、日期、数量、金额），每行可独立展示，底部标注"（内容待后续补充）"
- 销量趋势：在图表头部增加日期范围选择器（起止日期input + 重置按钮），修改
renderSalesChart支持按日期过滤数据，新增renderSalesChartByRange/getSalesFilteredData/updateSalesChartRange/resetSalesChartRange函数 - 初始打开弹窗时自动设置日期范围为数据的起止日期
- 修复单引号嵌套导致的SyntaxError（HTML实体编码）
- 版本号: app.js v=87→88