批量编辑和“选中多行”是两个问题:选中只是确定范围,批量编辑还要说明每个字段将被写成什么、哪些行不能改以及失败后怎样继续。下面用采购台账中一次改动 24 条供应商记录的练习案例说明,并在Pixso 原型设计流程里把编辑、预览和结果串起来。

先显示范围,再处理混合值
这次选中的 24 条记录来自“华东供应商”筛选结果,字段包括供应商名称、负责人、结算周期、风险等级和状态。用户要把结算周期统一改成 30 天,但其中 9 条本来是 15 天、11 条是 30 天、4 条是“按合同”。编辑面板不能随便显示一个值,否则用户会误以为 24 条原来都相同。
| 字段 | 选中记录的现值 | 编辑控件 | 保存含义 |
|---|---|---|---|
| 负责人 | 3 个不同姓名 | 显示“多个值”,可选择新负责人 | 只在用户选了新值时覆盖 |
| 结算周期 | 15天/30天/按合同 | 显示“多个值”,下拉提供30/60/按合同 | 空着不动,选值才写入 |
| 风险等级 | 高/中/低 | 显示“多个值”,需权限才能改 | 无权限时只读并说明原因 |
| 状态 | 全部为“合作中” | 显示“合作中” | 仍需确认是否要覆盖 |
混合值应使用明确文字或视觉标识,不要用空白、横线和灰色占位符混在一起。字段旁边可显示“24条记录”与“本次将修改 1 个字段”,让用户知道没有选择的字段不会被清空。
编辑面板和提交预览要分开
编辑面板负责填写,提交预览负责让人复核。预览至少列出字段、旧值分布、新值、预计受影响的行数和跳过条件。比如“结算周期:15天/30天/按合同 → 30天,预计修改 24 条;锁定 2 条,权限不足 1 条”。如果新负责人没有覆盖全部地区,也要在预览处提示而不是等提交后才报错。
“清空字段”应是显式动作,不能把混合值状态误当成空值。对支持空值的字段,提供“设为空”复选项并在预览里写明将删除原内容;对不允许为空的字段,提交按钮保持可用但显示校验结果,焦点跳到第一个有问题的字段。
校验要按字段和记录说明
统一规则可以先在面板校验,例如结算周期只能从 30、60 或“按合同”中选择;记录级规则还要检查供应商是否已停用、用户是否拥有该行的编辑权、并发版本是否仍一致。校验结果分三类:所有记录通过、部分记录不通过、全部不通过。每类都应显示数量和展开入口。
| 校验结果 | 示例 | 用户下一步 |
|---|---|---|
| 可修改 | 21条通过 | 继续提交 |
| 被锁定 | 2条正在审批 | 跳过并保留原值,或退出后再试 |
| 权限不足 | 1条属于其他团队 | 联系管理员或移出本批 |
不要用“部分失败”覆盖这些原因。用户需要知道失败是因为锁定、权限还是数据规则,并能复制记录编号。若错误集中在一个字段,错误文案应靠近字段;若涉及多条记录,再提供按原因筛选的列表。
部分成功后的结果要可核对
假设 21 条写入成功、2 条被锁定、1 条权限不足,结果页应保留三个数字,并在列表中逐行标记状态。成功行提供“查看修改前后”,失败行提供“移出本批”或“重试”;重试默认只带失败的 3 条,不能让用户再次选中 24 条造成重复写入。若后端保证幂等,可在界面说明重试不会重复追加记录;没有这个保证就只提供重新确认。
提交过程中用户可以关闭结果面板,但返回列表后仍要保留本次批次编号和结果入口。列表刷新时不要把失败行从视野里删除;可以用筛选“本次批量编辑失败”快速定位。若另一个人已修改同一行,显示“版本已变化”,让用户重新读取后再决定覆盖,不能把旧预览静默写回。
焦点路径和原型验收
面板打开后焦点落在标题或第一个可编辑字段,按 Tab 依次经过字段、校验说明和预览按钮;结果页打开时焦点应落在结果摘要,并能用键盘进入失败列表。WAI-ARIA 键盘指南强调焦点与选中状态要分开、移动应可预测;选中 24 行不代表焦点停留在表格最后一行。
在 Pixso 画布中并排画出“混合值编辑面板、提交预览、部分成功结果”三帧,并让同一批供应商编号贯穿其中。

验收时逐条对照编号和结果,不用一个成功提示覆盖所有记录。依次模拟全量通过、2 条锁定、1 条权限不足、提交超时和并发版本变化;检查预览数量、失败原因、重试范围、字段空值语义和返回列表后的结果入口。最后把批次编号、请求幂等策略、权限规则和记录级错误码写进交付说明。