25 lines
2.0 KiB
Markdown
25 lines
2.0 KiB
Markdown
|
# 流程列表编辑功能前端实施记录
|
|||
|
|
|
|||
|
|
## 修改内容
|
|||
|
|
- 在流程列表操作列新增“编辑”按钮。
|
|||
|
|
- 编辑按钮只在 `row.createBy` 等于当前登录用户 `nickName-name` 时展示。
|
|||
|
|
- 点击编辑后直接查询流程编辑数据，并按客户类型打开个人或企业弹窗，不再进入客户类型选择和客户号选择流程。
|
|||
|
|
- 个人和企业新增弹窗复用为新增/编辑双模式：
|
|||
|
|
- 新增模式继续调用原新增接口。
|
|||
|
|
- 编辑模式显示编辑标题、回显原始数据，并调用对应更新接口。
|
|||
|
|
- 编辑回显时跳过担保方式和抵质押类型监听中的清空逻辑，避免抵质押字段被初始化过程误清除。
|
|||
|
|
|
|||
|
|
## 验证记录
|
|||
|
|
- `source ~/.nvm/nvm.sh && nvm use 14.21.3 >/dev/null && node tests/workflow-index-refresh.test.js && node tests/personal-create-input-params.test.js && node tests/corporate-create-input-params.test.js`
|
|||
|
|
- 结果：通过。
|
|||
|
|
- 覆盖：操作列编辑按钮、创建者展示控制、编辑数据查询、个人/企业弹窗编辑模式和更新接口调用。
|
|||
|
|
- `source ~/.nvm/nvm.sh && nvm use 14.21.3 >/dev/null && npm run build:prod`
|
|||
|
|
- 结果：通过；仅保留项目既有的 webpack 体积提示。
|
|||
|
|
- 真实页面验证：
|
|||
|
|
- 前端地址：`http://localhost:1024/loanPricing/workflow`。
|
|||
|
|
- 创建者 `admin` 登录后，临时流水 `20260525110739953` 操作列显示“查看”和“编辑”。
|
|||
|
|
- 点击“编辑”直接打开 `编辑个人利率定价流程` 弹窗，回显客户内码 `EDITTEST20260525`、客户名称 `编辑测试客户`、证件号 `330103199901019999`、担保方式 `信用`、申请金额 `100000`、借款期限 `3`、业务种类 `新增`。
|
|||
|
|
- 将申请金额改为 `120000` 后提交，页面提示“编辑成功”，列表刷新后该流水申请金额变为 `120000`。
|
|||
|
|
- 非创建者 `8929999` 登录后，同一流水仍可查看，但操作列只显示“查看”，不显示“编辑”。
|
|||
|
|
- 浏览器控制台无相关 error；仅出现登录和表单过程中的 `async-validator` 校验 warning。
|