40 lines
1.8 KiB
Markdown
40 lines
1.8 KiB
Markdown
|
# 提案：抽离流程创建对话框为独立组件并修改证件类型字段
|
|||
|
|
|
|||
|
|
## 概述
|
|||
|
|
|
|||
|
|
将利率定价流程创建对话框从列表页面组件中抽离为独立的可复用组件，同时将证件类型字段从输入框改为下拉框（选项：身份证、统一社会信用代码）。
|
|||
|
|
|
|||
|
|
## 背景
|
|||
|
|
|
|||
|
|
当前流程列表页面 ([`index.vue`](ruoyi-ui/src/views/loanPricing/workflow/index.vue)) 中，创建流程对话框的代码直接嵌入在列表组件中，导致单个文件超过 400 行。这不利于代码维护和复用。同时，证件类型字段使用输入框，用户需要手动输入，容易出错。
|
|||
|
|
|
|||
|
|
## 目标
|
|||
|
|
|
|||
|
|
1. **组件化**：将创建流程对话框抽离为独立组件 `WorkflowCreateDialog.vue`，放置在 `ruoyi-ui/src/views/loanPricing/workflow/components/` 目录
|
|||
|
|
2. **改进用户体验**：将证件类型改为下拉框，提供固定选项（身份证、统一社会信用代码）
|
|||
|
|
3. **保持功能一致**：确保抽离后功能与现有实现完全一致
|
|||
|
|
|
|||
|
|
## 影响范围
|
|||
|
|
|
|||
|
|
- **新增文件**：`ruoyi-ui/src/views/loanPricing/workflow/components/WorkflowCreateDialog.vue`
|
|||
|
|
- **修改文件**：`ruoyi-ui/src/views/loanPricing/workflow/index.vue`
|
|||
|
|
- **修改规格**：`loan-pricing-workflow-ui` 规格中的"流程创建"需求
|
|||
|
|
|
|||
|
|
## 涉及能力
|
|||
|
|
|
|||
|
|
- **loan-pricing-workflow-ui**：前端用户界面规格
|
|||
|
|
|
|||
|
|
## 实施计划
|
|||
|
|
|
|||
|
|
1. 创建 `WorkflowCreateDialog.vue` 组件，包含所有表单逻辑
|
|||
|
|
2. 修改 `index.vue`，引入并使用新组件
|
|||
|
|
3. 更新 `loan-pricing-workflow-ui` 规格，修改证件类型字段描述
|
|||
|
|
4. 测试验证功能完整性
|
|||
|
|
|
|||
|
|
## 验收标准
|
|||
|
|
|
|||
|
|
- [ ] 创建对话框组件独立存在，可正常导入使用
|
|||
|
|
- [ ] 证件类型为下拉框，选项为"身份证"和"统一社会信用代码"
|
|||
|
|
- [ ] 所有表单验证、提交逻辑正常工作
|
|||
|
|
- [ ] 列表页面功能无退化
|