26 lines
941 B
Markdown
26 lines
941 B
Markdown
# 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 方法可用
|