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

Tasks: 添加议价池显示组件

Task List

1. 创建议价池显示组件 ✅

文件: ruoyi-ui/src/views/loanPricing/workflow/components/BargainingPoolDisplay.vue

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

验收标准:

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

依赖: 无

---

2. 在详情页面中引入并使用议价池组件 ✅

文件: ruoyi-ui/src/views/loanPricing/workflow/detail.vue

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

验收标准:

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

依赖: Task 1

---

3. 验证页面展示效果 ✅

描述: 启动前端开发服务器，验证议价池组件正确显示

验收标准:

• 访问任意流程详情页面
• 确认议价池卡片显示在模型输出卡片下方
• 确认三个字段显示为 "0"（默认值）
• 确认卡片样式与模型输出卡片一致

依赖: 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 或金额）尚未确认，暂不添加单位标签