# 流水明细异常标签前端实施记录

## 修改内容
- 列表异常标签列
- 详情异常标签模块
- 静态测试与构建验证

## 实施说明
- 在 `DetailQuery.vue` 的列表表格中新增“异常标签”列，仅展示 `hitTags` 中的标签名称，并根据风险等级映射标签颜色。
- 在详情弹窗中新增“命中异常标签”模块，展示标签名称、风险等级中文文案和命中原因摘要。
- 列表接口返回值与详情接口返回值统一对 `hitTags` 做数组归一化，避免后端返回 `null` 时影响空态展示。
- 为空标签场景补充统一空态文案，保持列表和详情展示一致。

## 验证执行
- 执行 `node tests/unit/detail-query-filter-layout.test.js`，结果通过。
- 执行 `node tests/unit/detail-query-detail-dialog.test.js`，结果通过。
- 执行 `node tests/unit/detail-query-hit-tags-list.test.js`，结果通过。
- 执行 `npm run build:prod`，结果通过，存在项目既有体积告警，但无新增编译错误。

## 接口说明
- 本次未修改 `ruoyi-ui/src/api/ccdiProjectBankStatement.js`。
- 原因：继续复用现有列表与详情接口，仅消费后端扩展后的响应数据结构，不新增前端请求入口。
