# 异常账户模型接入银行流水打标前端 Implementation Plan

> **For agentic workers:** REQUIRED: Use superpowers:subagent-driven-development (if subagents available) or superpowers:executing-plans to implement this plan. Steps use checkbox (`- [ ]`) syntax for tracking.
>
> 仓库约束：当前仓库明确禁止开启 subagent，执行时统一使用 `superpowers:executing-plans`。

**Goal:** 基于后端新增异常账户模型完成前端影响面核查，确认本轮无需新增页面、接口或交互改动，并把验证结论沉淀为前端实施计划与实施记录。

**Architecture:** 前端保持零代码改动策略，继续消费现有项目结果总览对象聚合结果，不提前扩展“异常账户人员信息”占位区块。本计划聚焦影响面核查、联调验证和文档沉淀，确保执行时不会误把需求扩展成前端功能改造。

**Tech Stack:** Vue 2, Element UI, RuoYi 前端, 项目详情风险总览现有页面

---

## File Map

**Create:**

- `docs/reports/implementation/2026-03-31-abnormal-account-bank-tag-frontend-implementation.md`
  - 记录前端零改动结论、联调范围和验证结果

**Modify:**

- `docs/plans/frontend/2026-03-31-abnormal-account-bank-tag-frontend-implementation-plan.md`
  - 当前实施计划文档本身

**No Change Expected:**

- `ruoyi-ui/src/views/ccdiProject/components/detail/RiskModelSection.vue`
  - 现有风险模型列表继续展示后端返回的模型与规则
- `ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue`
  - 继续展示后端聚合后的核心异常标签
- `ruoyi-ui/src/views/ccdiProject/components/detail/RiskDetailSection.vue`
  - 本轮不开发异常账户独立详情链路
- `ruoyi-ui/src/api/ccdi/`
  - 本轮不新增 API 封装

## Task 1: 先锁定“前端不改代码”的回归边界

**Files:**

- Create: `docs/reports/implementation/2026-03-31-abnormal-account-bank-tag-frontend-implementation.md`

- [ ] **Step 1: 记录现有页面承接点**

在实施记录中先写明本轮只核查以下页面承接能力：

1. 风险模型列表是否直接消费后端返回的模型/规则
2. 结果总览员工聚合是否直接消费后端对象型结果
3. 风险详情中的“异常账户人员信息”是否仍为占位区域

- [ ] **Step 2: 用代码检索确认前端当前承接方式**

Run:

```bash
rg -n "异常账户人员信息|异常标签|风险模型|hitRules|modelCode" ruoyi-ui/src/views/ccdiProject -S
```

Expected:

- 能定位风险模型、总览和风险详情组件
- 没有现成的异常账户独立查询 API

- [ ] **Step 3: 把零改动边界写入实施记录**

记录结论：

- 前端当前通过既有后端聚合接口承接模型和规则展示
- 本轮不需要新增字段、按钮、弹窗或路由

- [ ] **Step 4: 提交本任务**

```bash
git add docs/reports/implementation/2026-03-31-abnormal-account-bank-tag-frontend-implementation.md
git commit -m "补充异常账户模型前端影响分析"
```

## Task 2: 联调确认现有页面可承接新增模型

**Files:**

- Modify: `docs/reports/implementation/2026-03-31-abnormal-account-bank-tag-frontend-implementation.md`

- [ ] **Step 1: 如需本地验证，启动前端**

Run:

```bash
cd ruoyi-ui
npm run dev
```

Expected:

- 前端正常启动

- [ ] **Step 2: 联调核查 3 个页面点**

至少验证以下内容：

1. 风险模型区域可展示新增模型 `异常账户`
2. 员工结果总览可看到由后端聚合出的新增命中规则
3. 风险详情“异常账户人员信息”区域仍保持原状，不因本轮后端接入报错

- [ ] **Step 3: 记录联调结论**

在实施记录中写明：

- 是否需要前端改代码
- 若无需改动，说明原因是现有页面直接消费后端聚合结果
- 若启动了 `npm run dev`，验证结束后已关闭进程

- [ ] **Step 4: 提交本任务**

```bash
git add docs/reports/implementation/2026-03-31-abnormal-account-bank-tag-frontend-implementation.md
git commit -m "补充异常账户模型前端联调结论"
```

## Task 3: 做前端构建回归并收尾

**Files:**

- Modify: `docs/reports/implementation/2026-03-31-abnormal-account-bank-tag-frontend-implementation.md`

- [ ] **Step 1: 运行前端构建回归**

Run:

```bash
cd ruoyi-ui
npm run build:prod
```

Expected:

- PASS

- [ ] **Step 2: 完善实施记录**

记录：

- 本轮前端零代码改动
- 构建结果
- 联调承接点
- 若启动过 `npm run dev`，已主动关闭进程

- [ ] **Step 3: 最终提交**

```bash
git add docs/reports/implementation/2026-03-31-abnormal-account-bank-tag-frontend-implementation.md
git commit -m "完成异常账户模型前端实施记录"
```

## Final Verification

- [ ] 运行：

```bash
cd ruoyi-ui
npm run build:prod
```

- [ ] 确认本轮前端无源码改动需求
- [ ] 确认风险模型、结果总览、风险详情三处承接点已核查
- [ ] 如启动过 `npm run dev`，验证结束后主动关闭前端进程
