dy-dashboard/vault/知识库/工作指南/训练记录/2026-07-28-国内订单名称列与列宽拖拽性能优化.md
2026-10-28 11:14:17 +08:00

29 lines
1.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 国内订单名称列与列宽拖拽性能优化
### 1. 国内订单名称列与列宽拖拽性能优化
**旭东 → OpenClaw:**
> 1、海外订单管理、包材订单管理菜单里面,货品名称列调整列宽,内容是不会影响右侧列的,但是国内订单管理里面货品名称列调整列宽,内容还会影响右侧列
> 2、列宽调整拖拽的时候会卡顿,检查一下什么原因
**OpenClaw 响应:**
已处理,问题都在 **192.168.8.186 测试环境**修复:
1. **国内订单货品名称不再影响右侧列**
- 增强货品名称单元格的裁切边界,列宽缩窄后内容只在本列内显示,超出部分显示省略号,不再覆盖右侧列。
2. **列宽拖拽卡顿已优化**
- 原因是每次 `mousemove` 都会遍历当前页最多100行,反复修改单元格宽度并读取计算样式,引发连续布局重算。
- 现改为 `requestAnimationFrame` 按浏览器刷新帧合并更新;拖拽期间只更新列轨道,松开后再统一同步单元格宽度,并缓存单元格列表与内边距计算。
验证结果:
- JS、Service Worker 语法及 Git 差异检查通过
- 测试服务 `active/running`,4个 Worker 正常,`NRestarts=0`
- 首页、JS、CSS 均 HTTP 200,实际返回内容与本地文件一致
- 启动后无报错
- 同时清理了此前脱离 systemd 占用18888端口的旧 Gunicorn,测试服务已恢复为单一受管实例
Git 提交:`580ad4c 优化: 修复订单列宽拖拽卡顿与名称溢出`
已记录