55 lines
2.6 KiB
Markdown
55 lines
2.6 KiB
Markdown
# 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
|