# ListTable 列宽持久化 Implementation Plan

> **For agentic workers:** Implement task-by-task. Steps use checkbox syntax.

**Goal:** 全站主列表支持拖拽列宽，并用 localStorage 按用户+tableKey 持久化。

**Architecture:** `usePersistedListColumnWidths` + `ListTable` 薄封装 `el-table`；页面把主列表 `el-table.list-table` 换成 `ListTable` 并补 `table-key`。

**Tech Stack:** Vue 3、Element Plus、localStorage、现有 `list-table` 样式

---

### Task 1: composable + ListTable + 样式

- [x] `usePersistedListColumnWidths.ts`
- [x] `components/business/list-table/index.vue`
- [x] `el-ui.scss` 兼容 `list-table` + `el-table--border`

### Task 2: 批量接入主列表

- [x] 各业务/系统/Demo 主列表替换为 `ListTable` 并设置唯一 `table-key`（约 133 处）

### Task 3: 验证

- [ ] 拖列宽 → 刷新仍保持；固定操作列不错位；`clearSelection` 等 ref 方法可用