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

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