PRD文档修订记录
| 版本 | 日期 | 修订人 | 修订内容 |
|---|---|---|---|
| V1.0 | 2026-06-01 | caiqingpeng | 初稿 |
1. 需求背景
运营人员在《报账资料用印》申请用印并关联金链账单时,经常需要按"财务业务类型"和"费用类型"筛选账单,但这两个字段在当前弹窗中缺失,只能回到台账页面筛选后再来关联,操作繁琐。
参考实现
《作业配置》→【新增作业配置】→ ConfigOne 抽屉中已有这两个字段的查询和列表展示,本次照搬相同的组件类型和数据字段。
影响范围
| 维度 | 内容 |
|---|---|
| 子系统 | 应收应付 |
| 涉及菜单 | 报账资料管理 → 报账资料用印 → 申请用印 → 关联金链账单 |
| 外部依赖 | 无(后端返回数据已含 accountBizTypeDesc、feeTypeDesc 字段) |
2. 需求目标
BEFORE 当前
- 查询条件:方向、账单编号、账单期限、客商名称、产品类目、需求编号、需求名称
- 列表列:账单编号、账单期限、客商名称、产品类目、账单金额、需求编号、需求名称、方向
AFTER 目标
- 查询条件:新增 "财务业务类型"、"费用类型"
- 列表列:新增 "财务业务类型"、"费用类型"
3. 功能清单
| 编号 | 功能点 | 页面位置 | 优先级 |
|---|---|---|---|
| F-001 | 查询条件新增"财务业务类型""费用类型" | 选择账单弹窗-查询条件区 | P1 |
| F-002 | 列表新增"财务业务类型""费用类型"列 | 选择账单弹窗-列表 | P1 |
4. 功能详情
在"选择账单"弹窗查询条件区域的产品类目右侧,新增两个级联选择器
位置:申请用印 → 报账资料 → 【去选择关联金链账单】→ 弹窗查询条件区域
选择账单
应收
级联选择器 · 多选 · 可清空
级联选择器 · 多选 · 可清空
| 字段 | 组件类型 | prop | 说明 |
|---|---|---|---|
| 财务业务类型 | accountBizTypeCodeList(自定义级联选择器) | accountBizTypeCodeList | 支持多选、可清空 |
| 费用类型 | feeTypeCodeList(自定义级联选择器) | feeTypeCodeList | 支持多选、可清空 |
在弹窗账单列表的产品类目列右侧,新增两列展示字段
位置:同上弹窗,账单列表区域
| 账单编号 | 账单期限 | 客商名称 | 产品类目 | 财务业务类型 NEW | 费用类型 NEW | 账单金额 | 需求编号 | 需求名称 | 方向 |
|---|---|---|---|---|---|---|---|---|---|
| ZD-2026-001 | 2026-Q2 | 客商A | 营销推广 | 推广服务 | 市场费用 | ¥50,000 | XQ-001 | 618大促 | 应收 |
| 列标题 | prop | 宽度 |
|---|---|---|
| 财务业务类型 | accountBizTypeDesc | 150px |
| 费用类型 | feeTypeDesc | 150px |
5. 交互流程
申请用印
→
配置报账资料
→
关联金链账单
【去选择】
→
【去选择】
弹窗查询条件
含财务业务类型+费用类型
→
含财务业务类型+费用类型
筛选查询
→
列表展示
含两列新字段
→
含两列新字段
选中账单
确认关联
确认关联
6. 验收标准
- "选择账单"弹窗查询条件中,在产品类目右侧出现"财务业务类型"、"费用类型"
- "财务业务类型"使用级联选择器(
accountBizTypeCodeList),支持多选、可清空 - "费用类型"使用级联选择器(
feeTypeCodeList),支持多选、可清空 - "选择账单"弹窗列表中,在产品类目右侧出现"财务业务类型"、"费用类型"列
- 列宽适中(约 150px),支持 tooltip 省略
- 查询条件选择后,点击"查询"按条件筛选账单列表
- 列表数据正确展示对应字段值
7. 相关资料
参考文件
- 参考实现:《作业配置》→ ConfigOne 抽屉 →
search.ts/columns.tsx - 涉及改动文件:
BillSelectDialog/search.ts、BillSelectDialog/columns.tsx、types/SignApply.ts