86 lines
2.9 KiB
Markdown
86 lines
2.9 KiB
Markdown
# 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 或金额）
|
||
- 待后端确认
|