111 lines
3.6 KiB
Markdown
111 lines
3.6 KiB
Markdown
# 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` 中增加断言，明确个人新增弹窗不应再包含：
|
||
|
||
```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` 的必填校验**
|
||
|
||
把：
|
||
|
||
```js
|
||
collType: [
|
||
{required: true, message: "请选择抵质押类型", trigger: "change"}
|
||
]
|
||
```
|
||
|
||
移除，使个人表单规则中不再声明 `collType` 为必填。
|
||
|
||
- [ ] **Step 2: 保持其它字段与提交逻辑不变**
|
||
|
||
确认以下内容不改动：
|
||
|
||
```js
|
||
collType: undefined,
|
||
collThirdParty: false
|
||
```
|
||
|
||
以及提交时的：
|
||
|
||
```js
|
||
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: 编写实施记录**
|
||
|
||
实施记录至少包含：
|
||
|
||
```markdown
|
||
- 本次仅调整个人利率定价新增流程
|
||
- 个人新增弹窗已移除抵质押类型必填校验
|
||
- 企业新增流程未改动
|
||
- 已执行前端断言测试与页面联调验证
|
||
```
|
||
|
||
- [ ] **Step 5: 核对实施记录保存路径**
|
||
|
||
Run: `ls docs/implementation-reports/2026-04-10-personal-pricing-collateral-optional-frontend.md`
|
||
Expected: 文件位于仓库 `docs/implementation-reports` 目录。
|