feat(ux): U2 统一 DataTable 组件 — 封装排序/搜索/分页/导出/选择/列可见性通用表格 + 迁移 RegionManager/LoginLogsTab/LogDatasourcePage 3 个页面

TDD_PLAN.md

@@ -617,3 +617,58 @@ python3 tests/integration_test.py --host 127.0.0.1 --port 8080 | tail -3
 - [x] U7: AuditOperationsTab 虚拟滚动
 - [x] U8: EventTable 不再截断事件列表
 - [x] U9: 17/17 集成回归测试通过
+
+---
+
+## P3-U2: 统一 DataTable 组件
+
+### 验证用例
+
+```bash
+# U1: DataTable 组件存在
+ls -la /srv/aiops/frontend/src/components/ui/data-table.tsx
+# 期望: 文件存在
+
+# U2: 导出 DataTable 和 DataTableColumn
+grep -c 'export.*DataTable' /srv/aiops/frontend/src/components/ui/data-table.tsx
+# 期望: >= 2 (DataTable + DataTableColumn)
+
+# U3: TypeScript 编译零错误
+cd /srv/aiops/frontend && npx tsc -b 2>&1 | tail -3
+# 期望: 退出码 0, 无输出
+
+# U4: Vite 构建
+npm run build 2>&1 | tail -3
+# 期望: built in Ns
+
+# U5: RegionManager 使用 DataTable
+grep -c 'DataTable' /srv/aiops/frontend/src/components/cloud/RegionManager.tsx
+# 期望: >= 2 (import + usage)
+
+# U6: LoginLogsTab 使用 DataTable
+grep -c 'DataTable' /srv/aiops/frontend/src/pages/LoginLogsTab.tsx
+# 期望: >= 2
+
+# U7: LogDatasourcePage 使用 DataTable
+grep -c 'DataTable' /srv/aiops/frontend/src/components/monitor/log-center/LogDatasourcePage.tsx
+# 期望: >= 2
+
+# U8: DataTable 支持 sortable/searchable/pagination/selectable/exportable/columnToggle
+grep -oP '(sortable|searchable|pagination|selectable|exportable|columnToggle)' /srv/aiops/frontend/src/components/ui/data-table.tsx | sort -u | wc -l
+# 期望: >= 6
+
+# U9: 集成回归测试
+python3 tests/integration_test.py --host 127.0.0.1 --port 8080 | tail -3
+# 期望: 17/17 passed
+```
+
+### 通过标准
+- [x] U1: DataTable 组件文件存在
+- [x] U2: 导出 DataTable 和 DataTableColumn 类型
+- [x] U3: `tsc -b` 零错误
+- [x] U4: Vite 构建成功 (✓ built in 18.05s)
+- [x] U5: RegionManager 迁移到 DataTable（含搜索/排序/选择/导出/列可见性）
+- [x] U6: LoginLogsTab 迁移到 DataTable（含搜索/排序/分页/导出/列可见性）
+- [x] U7: LogDatasourcePage 迁移到 DataTable（含搜索/排序/CRUD）
+- [x] U8: 支持 6+ 核心功能开关（sortable/searchable/pagination/selectable/exportable/columnToggle）
+- [x] U9: 17/17 集成回归测试通过