# 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：**
出库明细子菜单需要优化：
1. 表头需要固定住，不随上下滑动而变化
2. 页码功能做成计划预测那样的样式

**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之后的弹窗里面内容需要优化：
1. 订单在途做成列表形式，内容我后续再补充
2. 销量趋势的X轴需要有时间拖动功能，可以自定义拖动日期范围

**OpenClaw 响应：**
- 订单在途：原表格改为列表形式（横向排列：订单编号、状态、日期、数量、金额），每行可独立展示，底部标注"（内容待后续补充）"
- 销量趋势：在图表头部增加日期范围选择器（起止日期input + 重置按钮），修改`renderSalesChart`支持按日期过滤数据，新增`renderSalesChartByRange/getSalesFilteredData/updateSalesChartRange/resetSalesChartRange`函数
- 初始打开弹窗时自动设置日期范围为数据的起止日期
- 修复单引号嵌套导致的SyntaxError（HTML实体编码）
- 版本号: app.js v=87→88