Files
loan-pricing/openspec/changes/add-bargaining-pool-display/proposal.md

86 lines
2.9 KiB
Markdown
Raw Normal View History

2026-01-22 09:58:21 +08:00
# Proposal: 添加议价池显示组件
## Summary
在流程详情页面中,在"模型输出"卡片下方添加一个新的"议价池"卡片,用于展示网点议价池、支行议价池和私域池三个字段。默认值均为 0。
## Motivation
当前流程详情页面展示了模型输出的详细信息,但缺少议价池相关的数据展示。议价池是贷款定价业务中的重要参考指标,需要将其添加到详情页面以便用户查看。
## Proposed Change
### Scope
仅修改前端流程详情页面,在模型输出组件下方添加议价池显示组件。
### Components Affected
- `ruoyi-ui/src/views/loanPricing/workflow/detail.vue` - 添加议价池组件
### Components to Create
- `ruoyi-ui/src/views/loanPricing/workflow/components/BargainingPoolDisplay.vue` - 新建议价池显示组件
## Design Approach
### UI 结构
议价池卡片将使用与模型输出卡片相同的样式风格,包含:
- 卡片标题:议价池
- 三个字段展示:
- 网点议价池默认值0
- 支行议价池默认值0
- 私域池默认值0
### 组件设计
- 创建独立的 `BargainingPoolDisplay.vue` 组件
- 使用 `el-descriptions` 组件展示字段
- 支持通过 props 传入议价池数据
- 默认值处理:当数据为空或未定义时显示 0
### 数据来源
- 议价池数据将从后端 API 响应中获取
- 暂时使用默认值 0后续由后端提供实际数据
## Alternatives Considered
1. **将议价池字段添加到模型输出组件内部**
- 优点:减少组件数量
- 缺点:模型输出组件已比较复杂,议价池是独立的业务概念,应独立展示
- 结论:不采用
2. **将议价池字段添加到流程详情卡片中**
- 优点:集中展示流程相关信息
- 缺点:议价池与流程基本信息关联性较弱,与模型输出更相关
- 结论:不采用
3. **创建独立的议价池组件(已选方案)**
- 优点:职责清晰、易于维护、与模型输出组件并列展示
- 缺点:增加一个组件文件
- 结论:采用
## Dependencies
- 依赖现有的 `el-card``el-descriptions` 组件
- 依赖后端 API 返回议价池数据(当前可使用默认值)
## Rollout Plan
1. 创建 `BargainingPoolDisplay.vue` 组件
2.`detail.vue` 中引入并使用该组件
3. 传递议价池数据(当前使用默认值)
4. 测试页面展示效果
## Success Criteria
- 议价池卡片正确显示在模型输出卡片下方
- 三个字段(网点议价池、支行议价池、私域池)正确显示
- 默认值显示为 0
- 样式与现有卡片保持一致
## Open Questions
1. 议价池数据的具体字段名称是什么?
- 待确认:后端 API 中的议价池字段命名
2. 议价池数据的数值类型和单位是什么?
- 假设为数值类型BP 或金额)
- 待后端确认