# Tasks: 添加议价池显示组件

## Task List

### 1. 创建议价池显示组件 ✅
**文件**: `ruoyi-ui/src/views/loanPricing/workflow/components/BargainingPoolDisplay.vue`

**描述**: 创建新的 Vue 组件用于展示议价池信息

**验收标准**:
- [x] 组件使用 `el-card` 包装，标题为"议价池"
- [x] 使用 `el-descriptions` 展示三个字段：网点议价池、支行议价池、私域池
- [x] 定义 props：`branchPool`、`subBranchPool`、`privateDomainPool`，默认值为 0
- [x] 实现计算属性处理 null/undefined/空字符串，返回 '0'
- [x] 样式与 `ModelOutputDisplay` 保持一致

**依赖**: 无

---

### 2. 在详情页面中引入并使用议价池组件 ✅
**文件**: `ruoyi-ui/src/views/loanPricing/workflow/detail.vue`

**描述**: 在流程详情页面中引入并配置议价池组件

**验收标准**:
- [x] 在 `components` 中注册 `BargainingPoolDisplay` 组件
- [x] 在 `data` 中添加 `bargainingPool: null`
- [x] 在 `getDetail()` 方法中从 API 响应获取议价池数据：`response.data.bargainingPool`
- [x] 在 template 中，`ModelOutputDisplay` 组件下方添加 `BargainingPoolDisplay` 组件
- [x] 传递 props：`:branch-pool`、`:sub-branch-pool`、`:private-domain-pool`

**依赖**: Task 1

---

### 3. 验证页面展示效果 ✅
**描述**: 启动前端开发服务器，验证议价池组件正确显示

**验收标准**:
- [x] 访问任意流程详情页面
- [x] 确认议价池卡片显示在模型输出卡片下方
- [x] 确认三个字段显示为 "0"（默认值）
- [x] 确认卡片样式与模型输出卡片一致

**依赖**: Task 1, Task 2

---

## Dependencies Graph

```
Task 1 (创建组件) ✅
    ↓
Task 2 (集成到详情页) ✅
    ↓
Task 3 (验证效果) ✅
```

## Implementation Notes

- 使用 `&&` 操作符替代可选链 `?.` 以兼容 Vue 2.6
- 构建验证通过 (`npm run build:prod` 完成)

## Notes

- 当前使用默认值 0，后续后端提供议价池 API 后需要更新数据获取逻辑
- 议价池数值的单位（BP 或金额）尚未确认，暂不添加单位标签