Commit 935ca7f
committed
refactor(people): 人物详情页改用 Tab 布局与无限滚动
- 顶部紧凑操作台:左侧人物信息 + 右侧纠错操作按钮(拆分/移动/合并/相似度/解散),替代原双列卡片
- 关联照片与人脸样本合并为下方 el-tabs,节省纵向空间
- 照片/人脸列表从分页器改为 IntersectionObserver 无限滚动,loadMorePhotos/loadMoreFaces 增量追加并去重,附加载/失败/完成状态
- Tab 切换与路由切换后重新挂载观察器,onBeforeUnmount 释放观察器避免泄漏
- 修复 goBack 误将 category 作为 query 传递的 bug
```
主要改动:
- **布局重构**:原 `el-row` 双列(人物信息卡 + 纠错操作卡 / 人脸样本卡 + 关联照片卡)改为顶部紧凑操作台(`console-card`)+ 下方 `el-tabs` 内容区
- **无限滚动**:`loadFaces`/`loadPhotos` 拆为 `loadMoreFaces`/`loadMorePhotos` 增量加载,用 `IntersectionObserver` + 哨兵元素触发,移除 `el-pagination` 和 `onFacesPageChange`/`onPhotosPageChange`
- **状态管理**:新增 loading/error/finished 状态,`loadData` 时重置滚动状态
- **Bug 修复**:`goBack` 中 `query.category` 误写为 `query: query.category`
- **样式调整**:新增 `console-layout`/`console-ops` 等样式,移除不再使用的 `summary-descriptions`1 parent 5c35042 commit 935ca7f
1 file changed
Lines changed: 451 additions & 294 deletions
0 commit comments