# 国内订单名称列与列宽拖拽性能优化

### 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 优化: 修复订单列宽拖拽卡顿与名称溢出`

已记录