69 lines
2.1 KiB
Markdown
69 lines
2.1 KiB
Markdown
|
# 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 或金额）尚未确认，暂不添加单位标签
|