1.9 KiB
1.9 KiB
Change: 优化资产信息钱包流水的默认加载与展示稳定性
Why
当前资产信息页的钱包流水区域存在三个连续问题:默认进入资产详情时没有稳定触发钱包流水查询;前端按 list/page_size 解析响应,但后端实际返回 items/size,导致接口成功返回后表格仍然不显示;当结果为空时,重复查询还会出现“暂无钱包流水数据”先消失再出现的闪烁。
这些问题叠加后,会让用户误以为钱包流水没有被加载、接口无返回,或页面发生异常刷新。需要将默认加载、数据展示和空态刷新体验统一规范。
What Changes
- 为资产信息页的钱包流水区域新增默认加载规范:
- 资产详情加载完成后应自动请求钱包流水
- 默认请求参数为
page=1、page_size=20
- 明确钱包流水区域需兼容后端当前返回结构:
- 使用
items作为流水列表 - 使用
page、size、total作为分页信息
- 使用
- 明确有数据时必须展示钱包流水表格,不能因为前端字段映射不一致而落入空态
- 为空结果场景新增稳定性展示规范:
- 当当前已是空态且新结果仍为空时,空态区域应保持连续可见
- 加载反馈不应通过“先移除空态再重新渲染”的方式呈现
- 覆盖以下触发路径:
- 资产信息页首次进入或首次加载当前资产
- 资产信息页顶部再次搜索资产
- 钱包流水区域内的查询、重置、分页切换、分页尺寸重置等再次拉取
Impact
- Affected specs:
asset-wallet-transaction-display
- Affected code:
src/views/asset-management/asset-information/components/WalletTransactionCard.vuesrc/views/asset-management/asset-information/index.vuesrc/types/api/asset.ts
- Dependencies:
GET /api/admin/assets/:asset_type/:id/wallet/transactions- 钱包流水分页响应以接口返回
items、page、size、total为准