批量操作结果Bulk Operation Result

B 端后台B2B admin结果页Result单栏Single column表格Table专业Professional克制Restrained
批量操作
✓
已完成,6 项需要处理

234 项成功,6 项因权限不足未更新。

总数240
成功234
失败6
账户失败原因操作
海屿科技缺少账户编辑权限
启明教育记录已被锁定

标本可交互,可以切换不同状态。Interactive specimen — switch between the available states.

适用场景Use cases

批量导入、批量修改、失败重试批量导入 · 批量修改 · 失败重试

关键状态Key states

处理中Processing成功反馈Success错误Error

布局结构Structure

  1. 结果结论与数量Result conclusion and counts
  2. 成功和失败构成Success and failure breakdown
  3. 失败明细Failure details
  4. 下载与重试操作Download and retry actions

视觉特征Visual traits

  • 结论文字优先于图标Conclusion text leads icons
  • 成功和失败数量可核对Success and failure counts reconcile
  • 主要操作根据结果变化Primary actions follow the result

实现约束Implementation guardrails

需要做到Do

  • 明确总数、成功数和失败数State total, success, and failure counts
  • 允许只重试失败项Retry only failed items
  • 保留可下载的错误明细Keep downloadable error details

避免Avoid

  • 部分成功时只显示绿色成功页Show only a green success page for partial success
  • 用短暂 toast 承载全部结果Put the entire result in a short-lived toast

AI 风格说明AI design brief

构建一个能处理部分成功场景的批量操作结果页。 适用场景:批量导入、批量修改、失败重试。 页面结构:结果结论与数量;成功和失败构成;失败明细;下载与重试操作。 视觉特征:结论文字优先于图标;成功和失败数量可核对;主要操作根据结果变化。 关键状态:处理中、成功反馈、错误。 需要做到:明确总数、成功数和失败数;允许只重试失败项;保留可下载的错误明细。 避免:部分成功时只显示绿色成功页;用短暂 toast 承载全部结果。Build a bulk-operation result page that handles partial success. Use cases: Bulk import, Bulk edit, Failure retry. Structure: Result conclusion and counts; Success and failure breakdown; Failure details; Download and retry actions. Visual traits: Conclusion text leads icons; Success and failure counts reconcile; Primary actions follow the result. Key states: Processing, Success, Error. Do: State total, success, and failure counts; Retry only failed items; Keep downloadable error details. Avoid: Show only a green success page for partial success; Put the entire result in a short-lived toast.

来源:LearnUI PM 原创示例,MIT License

我的参考集

组合页面参考、知名网站、UI 元素和视觉风格,导出给 AI。

你的下一份设计,从这里开始。

在任意标本旁点击「加入参考」,就能把页面、品牌、组件和风格组合成一份 AI 设计说明。

浏览页面参考

搜索参考库Search the library

输入关键词,搜索所有参考。