97 lines
4.0 KiB
Markdown
97 lines
4.0 KiB
Markdown
|
# 实施任务清单
|
|||
|
|
|
|||
|
|
## 任务列表
|
|||
|
|
|
|||
|
|
### 1. 创建组件目录结构
|
|||
|
|
- [x] 创建 `ruoyi-ui/src/views/loanPricing/workflow/components/` 目录
|
|||
|
|
- **验证**: 目录创建成功，使用 `ls` 或 `dir` 确认
|
|||
|
|
|
|||
|
|
### 2. 创建 WorkflowCreateDialog.vue 组件
|
|||
|
|
- [x] 创建组件文件，包含完整的对话框模板
|
|||
|
|
- [x] 实现 props：`visible`（对话框显示状态）
|
|||
|
|
- [x] 实现 emits：`update:visible`、`success`
|
|||
|
|
- [x] 实现表单数据结构（保持与原实现一致）
|
|||
|
|
- [x] 实现表单验证规则
|
|||
|
|
- [x] 实现四个标签页的表单字段
|
|||
|
|
- [x] **将证件类型改为 el-select 下拉框**，选项为"身份证"和"统一社会信用代码"
|
|||
|
|
- [x] 实现 `reset()` 方法：重置表单到初始状态
|
|||
|
|
- [x] 实现 `cancel()` 方法：关闭对话框并重置表单
|
|||
|
|
- [x] 实现 `submitForm()` 方法：验证并提交表单
|
|||
|
|
- [x] 导入 `createWorkflow` API 函数
|
|||
|
|
- **验证**: 组件文件创建成功，无 ESLint 错误
|
|||
|
|
|
|||
|
|
### 3. 修改 index.vue 引入新组件
|
|||
|
|
- [x] 在 `index.vue` 顶部导入 `WorkflowCreateDialog` 组件
|
|||
|
|
- [x] 在 components 选项中注册组件
|
|||
|
|
- **验证**: 导入和注册语法正确
|
|||
|
|
|
|||
|
|
### 4. 修改 index.vue 模板
|
|||
|
|
- [x] 删除原有的对话框模板代码（第 82-256 行）
|
|||
|
|
- [x] 添加 `<workflow-create-dialog>` 组件标签
|
|||
|
|
- [x] 绑定 `v-model:visible="showCreateDialog"`
|
|||
|
|
- [x] 监听 `@success` 事件调用 `handleCreateSuccess`
|
|||
|
|
- **验证**: 模板语法正确，组件标签正确使用
|
|||
|
|
|
|||
|
|
### 5. 修改 index.vue 数据和逻辑
|
|||
|
|
- [x] 移除 `openCreate` 状态，替换为 `showCreateDialog`
|
|||
|
|
- [x] 移除 `activeTab` 状态
|
|||
|
|
- [x] 移除 `form` 状态
|
|||
|
|
- [x] 移除 `rules` 状态
|
|||
|
|
- [x] 修改 `handleAdd()` 方法：设置 `showCreateDialog = true`
|
|||
|
|
- [x] 添加 `handleCreateSuccess()` 方法：显示成功消息并调用 `getList()`
|
|||
|
|
- [x] 删除 `reset()` 方法
|
|||
|
|
- [x] 删除 `cancelCreate()` 方法
|
|||
|
|
- [x] 删除 `submitForm()` 方法
|
|||
|
|
- [x] 删除 `createWorkflow` 导入（已移至组件内）
|
|||
|
|
- **验证**: 修改后的代码无语法错误
|
|||
|
|
|
|||
|
|
### 6. 手动功能测试
|
|||
|
|
- [ ] 启动前端开发服务器 (`npm run dev`)
|
|||
|
|
- [ ] 登录系统 (admin/admin123)
|
|||
|
|
- [ ] 导航至"利率定价管理 > 流程列表"
|
|||
|
|
- [ ] 点击"新增"按钮，验证对话框正常弹出
|
|||
|
|
- [ ] 切换各个标签页，验证表单字段正确显示
|
|||
|
|
- [ ] **点击证件类型下拉框，验证选项为"身份证"和"统一社会信用代码"**
|
|||
|
|
- [ ] 测试表单验证：不填必填项提交，验证错误提示
|
|||
|
|
- [ ] 填写完整表单并提交，验证创建成功
|
|||
|
|
- [ ] 验证创建成功后列表自动刷新
|
|||
|
|
- [ ] 测试取消按钮，验证对话框关闭且不保存
|
|||
|
|
- **验证**: 所有功能正常工作
|
|||
|
|
|
|||
|
|
### 7. 代码质量检查
|
|||
|
|
- [x] 检查组件命名和文件命名符合项目规范
|
|||
|
|
- [x] 检查代码格式符合项目 ESLint 配置
|
|||
|
|
- [x] 检查注释完整，关键逻辑有说明
|
|||
|
|
- **验证**: 代码符合项目规范
|
|||
|
|
|
|||
|
|
## 任务依赖关系
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
1. 创建组件目录结构
|
|||
|
|
│
|
|||
|
|
├──► 2. 创建 WorkflowCreateDialog.vue 组件
|
|||
|
|
│ │
|
|||
|
|
│ ├──► 3. 修改 index.vue 引入新组件
|
|||
|
|
│ │ │
|
|||
|
|
│ │ ├──► 4. 修改 index.vue 模板
|
|||
|
|
│ │ │ │
|
|||
|
|
│ │ │ ├──► 5. 修改 index.vue 数据和逻辑
|
|||
|
|
│ │ │ │ │
|
|||
|
|
│ │ │ │ └──► 6. 手动功能测试
|
|||
|
|
│ │ │ │ │
|
|||
|
|
│ │ │ │ └──► 7. 代码质量检查
|
|||
|
|
│ │ │ │
|
|||
|
|
│ │ │ └──► (并行) 6. 手动功能测试
|
|||
|
|
│ │ │
|
|||
|
|
│ │ └──► (并行) 6. 手动功能测试
|
|||
|
|
│ │
|
|||
|
|
│ └──► (并行) 6. 手动功能测试
|
|||
|
|
│
|
|||
|
|
└──► (并行) 6. 手动功能测试
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 可并行任务
|
|||
|
|
|
|||
|
|
- 任务 3、4、5 可以在任务 2 完成后并行执行
|
|||
|
|
- 任务 7 可与任务 6 并行执行
|