# 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 或金额）
   - 待后端确认