3.6 KiB
Personal Pricing Collateral Optional Frontend Implementation Plan
For agentic workers: REQUIRED: Use superpowers:executing-plans to implement this plan in this repository. Do not use subagents. Steps use checkbox (
- [ ]) syntax for tracking.
Goal: 让个人利率定价新增流程中的“抵质押类型”改为非必填，企业流程保持不变。
Architecture: 维持现有个人新增弹窗的数据结构、字段名称和提交报文不变，只移除前端表单对 collType 的必填限制。通过前端源码断言测试和页面联调共同验证“字段可空提交”的行为，避免扩大到企业流程或后端接口。
Tech Stack: Vue 2、Element UI、npm、Node.js 断言脚本
Task 1: 固化个人新增流程“抵质押类型非必填”的前端测试
Files:
-
Modify:
ruoyi-ui/tests/personal-create-input-params.test.js -
Inspect:
ruoyi-ui/src/views/loanPricing/workflow/components/PersonalCreateDialog.vue -
Step 1: 核对当前个人新增弹窗中的
collType规则
Run: sed -n '150,220p' ruoyi-ui/src/views/loanPricing/workflow/components/PersonalCreateDialog.vue
Expected: 能看到 rules.collType 里仍有 required: true。
- Step 2: 先写失败断言
在 ruoyi-ui/tests/personal-create-input-params.test.js 中增加断言，明确个人新增弹窗不应再包含：
required: true, message: "请选择抵质押类型"
- Step 3: 运行测试确认红灯
Run: npm --prefix ruoyi-ui run test:personal-create-input-params
Expected: FAIL，提示个人新增弹窗仍将抵质押类型设为必填。
Task 2: 移除个人新增弹窗中 collType 的必填限制
Files:
-
Modify:
ruoyi-ui/src/views/loanPricing/workflow/components/PersonalCreateDialog.vue -
Step 1: 删除
collType的必填校验
把：
collType: [
{required: true, message: "请选择抵质押类型", trigger: "change"}
]
移除，使个人表单规则中不再声明 collType 为必填。
- Step 2: 保持其它字段与提交逻辑不变
确认以下内容不改动：
collType: undefined,
collThirdParty: false
以及提交时的：
collThirdParty: this.form.collThirdParty ? '1' : '0'
- Step 3: 重新运行测试确认转绿
Run: npm --prefix ruoyi-ui run test:personal-create-input-params
Expected: PASS，输出包含 personal create input params assertions passed。
Task 3: 页面联调并补实施记录
Files:
-
Create:
docs/implementation-reports/2026-04-10-personal-pricing-collateral-optional-frontend.md -
Step 1: 启动前端页面
Run: npm --prefix ruoyi-ui run dev
Expected: 前端本地开发服务启动成功，可访问新增个人利率定价流程页面。
- Step 2: 浏览器确认页面行为
联调确认：
-
个人新增弹窗“抵质押类型”字段可为空
-
不选择“抵质押类型”时其余必填项填完整仍可点击提交
-
企业新增弹窗规则不受影响
-
Step 3: 停止本次测试启动的前端进程
Run: ps -ef | rg 'vue-cli-service serve|npm --prefix ruoyi-ui run dev'
Expected: 仅停止本次联调启动的前端进程。
- Step 4: 编写实施记录
实施记录至少包含：
- 本次仅调整个人利率定价新增流程
- 个人新增弹窗已移除抵质押类型必填校验
- 企业新增流程未改动
- 已执行前端断言测试与页面联调验证
- Step 5: 核对实施记录保存路径
Run: ls docs/implementation-reports/2026-04-10-personal-pricing-collateral-optional-frontend.md
Expected: 文件位于仓库 docs/implementation-reports 目录。