批量操作
Bulk Action
交互模式也叫:批量处理、多选操作、批量选择
一句话:先勾选多条数据,再一次性对它们执行删除、导出、修改状态等操作,省去一条条处理的麻烦。
详细解释
批量操作一般由三部分组成:每行前面的复选框、表头的「全选」复选框、选中后出现的批量操作栏。操作栏显示「已选 3 项」和可用的操作按钮(删除、导出、移动到…),通常出现在表格上方,或者从页面底部浮起。
要说清楚的细节:全选是只选当前页还是全部数据;翻页后之前的勾选是否保留;部分选中时表头复选框显示半选状态;批量删除这种危险操作要二次确认;执行完给出结果(「成功 8 条,失败 2 条」)。
没有选中任何项时,批量操作按钮要隐藏或禁用。
示例
灰度线框示意,只表达结构,不代表具体视觉风格。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。
用户列表加批量操作:每行前面加复选框,表头有全选框(部分选中时显示半选);选中后表格上方出现操作栏,显示「已选 N 项」和「导出」「禁用」「删除」按钮;删除前二次确认;翻页时保留已勾选的项。