需求描述
业务背景
系统表单项中的"子表(明细表)"为通用组件,凡带明细结构、支持导入的字段(费用汇总表为最典型示例,其他字段导入表结构一致)均采用同一结构。目前导入固定为"增量导入",导入后发现数据有误需重新导入时,必须先删除旧数据,而子表删除仅支持逐条删除,无法批量处理。
调整范围
为通用导入型子表新增批量删除能力,一次开发、全量导入型子表复用。本期不改变导入模式(保持增量导入),通过批量删除补齐纠错能力;删除后系统自动刷新数据列表与"合计"金额。
关键口径
仅当前用户可编辑状态下可操作;批量删除为"勾选列勾选→底部按钮变红显示数量→二次确认→删除并刷新";无不可编辑行,所有行均可删除;勾选列表头为全选勾选框(含半选态)。本文以"费用汇总表"为例演示,交互适用于所有导入型子表。
下方原型演示区域为该通用子表的真实业务界面与交互;右侧需求映射栏逐项定位本次需求,点击需求卡片可定位到画布对应位置。
原型演示
BPM 流程工作台
流程中心 付款申请 付款申请单
张张三 个人设置 退出登录
付款申请单
编辑中
费用汇总表* 通用导入型子表 当前用户可编辑
显示列 全屏查看 导出为图片
合计
{{ sumTicket }}
新增一组 导入
{{ selectedCount > 0 ? '批量删除(已选' + selectedCount + '项)' : '批量删除' }}
{{ dialogType === 'all' ? '删除全部确认' : '批量删除确认' }}
{{ dialogText }}
取消 确定
验收要点
对象
  • 通用组件批量删除能力对所有导入型子表(含费用汇总表及其他字段导入表)统一生效。
  • 入口序号列左侧新增常驻勾选列,表头为全选勾选框(含半选态)。
  • 按钮底部工具栏"批量删除",未勾选为灰度红色,勾选后变正常红色为"批量删除(已选x项)"。
  • 行无不可编辑行,所有行均可删除;最右操作列单行"删除"保留。
规则
  • 勾选任意行后底部"批量删除"按钮由灰度红色变为正常红色,并显示已选数量。
  • 首次二次确认后删除选中行,刷新数据列表与"合计"金额。
  • 仅当前用户可编辑状态可操作。
异常场景
  • 批量删除确认文案:确定删除选中的 N 项数据?
  • 未勾选任何行时点击"批量删除"提示请先勾选。
  • 删除接口失败提示错误并保留原状态供重试(演示为成功路径)。
  • 合计行操作列提供"删除全部",点击后确认删除当前子表全部数据。