v3.11.0

申请用印-关联金链账单弹窗新增"财务业务类型""费用类型"字段

2026-06-01 · caiqingpeng · 报账资料管理

PRD文档修订记录

版本日期修订人修订内容
V1.02026-06-01caiqingpeng初稿

1. 需求背景

运营人员在《报账资料用印》申请用印并关联金链账单时,经常需要按"财务业务类型""费用类型"筛选账单,但这两个字段在当前弹窗中缺失,只能回到台账页面筛选后再来关联,操作繁琐。

📌 参考实现

《作业配置》→【新增作业配置】→ ConfigOne 抽屉中已有这两个字段的查询和列表展示,本次照搬相同的组件类型和数据字段。

影响范围

维度内容
子系统应收应付
涉及菜单报账资料管理 → 报账资料用印 → 申请用印 → 关联金链账单
外部依赖无(后端返回数据已含 accountBizTypeDescfeeTypeDesc 字段)

2. 需求目标

BEFORE 当前
  • 查询条件:方向、账单编号、账单期限、客商名称、产品类目、需求编号、需求名称
  • 列表列:账单编号、账单期限、客商名称、产品类目、账单金额、需求编号、需求名称、方向
AFTER 目标
  • 查询条件:新增 "财务业务类型""费用类型"
  • 列表列:新增 "财务业务类型""费用类型"

3. 功能清单

编号功能点页面位置优先级
F-001查询条件新增"财务业务类型""费用类型"选择账单弹窗-查询条件区P1
F-002列表新增"财务业务类型""费用类型"列选择账单弹窗-列表P1

4. 功能详情

在"选择账单"弹窗查询条件区域的产品类目右侧,新增两个级联选择器

位置:申请用印 → 报账资料 → 【去选择关联金链账单】→ 弹窗查询条件区域

选择账单
应收
级联选择器 · 多选 · 可清空
级联选择器 · 多选 · 可清空
字段组件类型prop说明
财务业务类型accountBizTypeCodeList(自定义级联选择器)accountBizTypeCodeList支持多选、可清空
费用类型feeTypeCodeList(自定义级联选择器)feeTypeCodeList支持多选、可清空
在弹窗账单列表的产品类目列右侧,新增两列展示字段

位置:同上弹窗,账单列表区域

账单编号账单期限客商名称产品类目 财务业务类型 NEW 费用类型 NEW 账单金额需求编号需求名称方向
ZD-2026-0012026-Q2客商A营销推广 推广服务 市场费用 ¥50,000XQ-001618大促应收
列标题prop宽度
财务业务类型accountBizTypeDesc150px
费用类型feeTypeDesc150px

5. 交互流程

申请用印
配置报账资料
关联金链账单
【去选择】
弹窗查询条件
含财务业务类型+费用类型
筛选查询
列表展示
含两列新字段
选中账单
确认关联

6. 验收标准

  • "选择账单"弹窗查询条件中,在产品类目右侧出现"财务业务类型"、"费用类型"
  • "财务业务类型"使用级联选择器(accountBizTypeCodeList),支持多选、可清空
  • "费用类型"使用级联选择器(feeTypeCodeList),支持多选、可清空
  • "选择账单"弹窗列表中,在产品类目右侧出现"财务业务类型"、"费用类型"列
  • 列宽适中(约 150px),支持 tooltip 省略
  • 查询条件选择后,点击"查询"按条件筛选账单列表
  • 列表数据正确展示对应字段值

7. 相关资料

📎 参考文件

  • 参考实现:《作业配置》→ ConfigOne 抽屉 → search.ts / columns.tsx
  • 涉及改动文件:BillSelectDialog/search.tsBillSelectDialog/columns.tsxtypes/SignApply.ts