# 版本变更记录：V1 → V2

> **V1 版本**：Elink消息通知功能（2026-03-27）  
> **V2 版本**：风险疑点按业务维度展示 & 规则组（2026-03-31）  
> **变更日期**：2026-03-27 ~ 2026-03-31

---

## 一、变更总览

### 1.1 新增文件（5个）

| 文件名 | 说明 |
|--------|------|
| `规则分组管理.html` | 规则分组CRUD管理页面，支持分组创建、规则添加、业务字段配置 |
| `疑点派发-场景疑点.html` | 疑点派发模块的场景疑点详情页，支持规则视角/业务视角双视图 |
| `疑点处置-场景疑点.html` | 疑点处置模块的场景疑点详情页 |
| `疑点分析.html` | 场景疑点分析页（早期版本，后续被场景疑点页面替代） |
| `疑点处置_aionui_1774851127056.html` | 临时文件（开发过程中的草稿） |

### 1.2 修改文件（16个）

| 文件名 | 修改类型 | 修改行数 | 主要变更 |
|--------|----------|----------|----------|
| `common-styles.css` | 小改 | +37行 | 新增视角切换按钮组样式 |
| `疑点派发.html` | 大改 | ~1335行 | 重写为场景单层列表，移除规则行展开逻辑 |
| `疑点处置.html` | 大改 | ~1990行 | 重写为场景单层列表，移除规则行展开逻辑 |
| `风险场景详情和编辑页面.html` | 中改 | +559行 | 新增同组推荐区域 |
| `疑点派发-疑点详情.html` | 小改 | +80行 | 新增搜索类型选择、侧边栏更新 |
| `疑点处置-疑点详情.html` | 小改 | +80行 | 新增搜索类型选择、侧边栏更新 |
| `风险规则-公共规则库.html` | 微改 | +8行 | 侧边栏更新 |
| 其余8个页面 | 微改 | 各+4行 | 仅侧边栏更新（添加规则分组管理入口） |

### 1.3 未修改文件

| 文件名 |
|--------|
| `index.html` |
| `README.md` |
| `风险疑点按单据维度展示 PRD.md` |
| `Elink消息通知功能-页面修改清单.md`（仅V1有） |

---

## 二、详细变更说明

### 2.1 `common-styles.css` — 新增视角切换按钮组样式

**变更位置**：文件末尾（`"处置人多选标签样式"` 之前插入）

**新增内容**：
```css
.view-toggle-group    — 按钮组容器，圆角边框包裹
.view-toggle-btn      — 单个切换按钮，透明背景
.view-toggle-btn.active — 激活态，紫色渐变背景白色文字
```

**用途**：用于"规则视角 / 业务视角"切换的统一样式。

---

### 2.2 `疑点派发.html` — 大改为场景单层列表

**变更前**（V1）：两级展示结构
- 场景行可展开/折叠显示关联规则
- 包含 `toggleScenario()`、`handleScenarioRowClick()` 等展开逻辑
- 规则行（`.row-rule`）通过展开方式展示

**变更后**（V2）：纯场景单层列表
- 移除所有规则行和展开/折叠逻辑
- 每行展示：场景名称、编码、创建人、单位、业务域、规则数量、新增数、待分派/待审核数
- 点击场景行或"进入"按钮，跳转到 `疑点派发-场景疑点.html`
- URL格式：`疑点派发-场景疑点.html?sceneId=S1&sceneName=企业员工差旅报销场景`

**删除内容**：
- `toggleScenario()` 展开/折叠函数
- `handleScenarioRowClick()` 场景点击函数
- 所有 `.row-rule` 行
- 分页联动展开逻辑

**保留内容**：
- 顶部统计卡片（新增疑点、待分派疑点、待处理疑点）
- 搜索框、刷新按钮
- 分页组件

---

### 2.3 `疑点处置.html` — 大改为场景单层列表

**变更说明**：与 `疑点派发.html` 变更逻辑一致，从两级展示改为纯场景单层列表。

- 移除规则行和展开逻辑
- 点击场景跳转到 `疑点处置-场景疑点.html`

---

### 2.4 `风险场景详情和编辑页面.html` — 新增同组推荐区域

**变更位置**：`#ruleLibModal` 公共规则库选择弹窗内，筛选区域之前

**删除内容**：
- 模板预览区域样式（`.template-preview`）
- Elink消息通知配置样式（`#elinkDesc`、`#handlerModeTip`）

**新增内容**：

"同组推荐"区域，位于弹窗顶部，蓝紫渐变背景卡片，包含：

```
┌─ 同组推荐 ──────────────────────────────────────────┐
│ 基于当前已关联规则的分组，为您推荐同组其他规则          │
│                                                      │
│ ▼ 差旅费报销分组（业务字段：差旅费单据ID）[已关联2条]   │
│   ☐ 个人补助超标   [重大]                              │
│   ☐ 交通费上限     [重要]                              │
│   ☐ 差旅城市超出标准 [重要]                            │
│                                                      │
│ ▶ 合同管理分组（业务字段：合同ID）[已关联1条]           │
│                                                      │
│ ▶ 采购流程分组（业务字段：采购单ID）[已关联1条]         │
└──────────────────────────────────────────────────────┘
```

**交互逻辑**：
- 各规则组默认折叠，点击标题行可展开
- 推荐规则以表格形式展示（选择/规则编号/规则名称/风险等级）
- 复选框勾选后，同步联动下方公共规则库列表中对应规则
- 多分组独立展示：场景关联了多个分组的规则时，各分组分别显示推荐

**新增CSS**（122行）：
- `.recommend-group` — 推荐区域容器
- `.recommend-group-header/body` — 折叠/展开交互
- `.recommend-subgroup` — 各规则组卡片
- `.recommend-rules-table` — 推荐规则表格样式

**新增JS函数**：
- `toggleRecommendGroup(header)` — 折叠/展开推荐分组
- `.recommend-check` change事件 — 推荐复选框与规则库列表联动

---

### 2.5 `疑点派发-场景疑点.html` — 新建（核心双视角页面）

**页面定位**：从疑点派发页点击某个场景后进入，展示该场景下的疑点数据

**页面结构**：

```
┌─ 面包屑导航 ───────────────────────────────────────┐
│ 首页 > 风险监控 > 风险疑点 > 疑点派发 > 场景疑点      │
├─ 场景信息卡片 ──────────────────────────────────────┐
│  场景名称/编码 | 创建人/单位/业务域/规则数量           │
├─ 统计区 ────────────────────────────────────────────┤
│  [新增疑点] [待分派疑点] [待处置审核疑点] [待处理疑点]  │
├─ 视角切换区（独立突出显示）──────────────────────────┤
│  查看方式：[规则视角] [业务视角]                       │
├─ 筛选区（根据视角切换）─────────────────────────────┤
│  规则视角：风险等级/处置类型/规则名称搜索              │
│  业务视角：风险等级/处置类型/业务单据搜索              │
├─ 内容区 ────────────────────────────────────────────┤
│  规则视角：规则名称/编号/规则组/风险等级/处置类型/新增/待处理 │
│  业务视角：规则组标签切换 → 单据列表 → 展开查看关联规则   │
└──────────────────────────────────────────────────────┘
```

**规则视角**：
- 表格展示所有规则，含规则组标签
- 支持按风险等级、处置类型筛选

**业务视角**：
- 支持多规则组标签切换（差旅费报销、合同管理等）
- 每个规则组有独立的业务字段（如：差旅费单据ID、合同编号）
- 点击单据可展开查看关联的规则疑点明细

---

### 2.6 `疑点派发-疑点详情.html` — 搜索增强

**变更位置**：筛选区域

**变更内容**：
- 搜索区域宽度从350px调整为500px
- 新增搜索类型选择下拉框（全部字段/疑点编号/处置人/处置单位/业务字段）
- 新增搜索JS逻辑：支持回车触发搜索、按类型搜索

---

### 2.7 `规则分组管理.html` — 新建

**页面定位**：风险规则库 → 规则分组管理

**页面结构**：

```
┌─ 左侧：分组树（320px）────────┬─ 右侧：分组详情 ──────────┐
│  [+ 新建分组]                 │  基础信息编辑              │
│  ▼ 差旅费报销 (3条规则)       │  名称/编码/业务字段/业务域  │
│    ├ 住宿天数超标             │  ────────────────────     │
│    ├ 个人补助超标             │  组内规则列表              │
│    └ 交通费上限               │  [+ 添加规则]             │
│  ▶ 合同管理 (2条规则)         │  序号/编号/名称/等级/操作   │
│  ▶ 采购管理 (2条规则)         │                           │
└───────────────────────────────┴───────────────────────────┘
```

**功能点**：
- **新建分组弹窗**：分组名称、编码、业务字段名称、业务字段编码、所属业务域、分组描述
- **添加规则弹窗**：从公共规则库选择规则加入分组，支持搜索、筛选
- **编辑分组**：右侧表单编辑基础信息
- **移除规则**：将规则从分组中移除
- **删除分组**：删除整个分组，组内规则变为未分组

**预置数据**：
| 分组名称 | 编码 | 业务字段 | 规则数 |
|----------|------|----------|--------|
| 差旅费报销 | TRAVEL_REIMBURSE | 差旅费单据ID | 3条 |
| 合同管理 | CONTRACT_MGMT | 合同ID | 2条 |
| 采购管理 | PROCUREMENT_MGMT | 采购单ID | 2条 |

---

### 2.8 全部15个页面侧边栏 — 新增"规则分组管理"菜单入口

**变更位置**：所有页面的左侧树形菜单，"风险规则库" → "我的规则" 之后

**新增菜单项**：
```html
<li class="tree-node level-3">
  <a href="规则分组管理.html">规则分组管理</a>
</li>
```

**涉及文件列表**（15个）：

| 分类 | 文件 |
|------|------|
| 风险规则库 | 风险规则-公共规则库.html、风险规则-我的规则.html |
| 风险场景 | 风险场景列表.html、新建风险场景页面.html |
| 疑点派发 | 疑点派发.html、疑点派发-疑点详情.html、疑点派发-疑点详情-已关闭疑点.html |
| 疑点处置 | 疑点处置.html、疑点处置-疑点详情.html、疑点处置-疑点详情-已关闭疑点.html、疑点处置-疑点详情-疑点白名单.html |
| 运营分析 | 规则统计分析.html、疑点统计分析.html |
| 其他 | 风险监控入口.html、消息模板管理.html |

---

## 三、页面导航关系

### V1 导航关系
```
疑点派发.html（两级：场景 → 规则展开）
  └─ 点击规则 → 疑点派发-疑点详情.html

疑点处置.html（两级：场景 → 规则展开）
  └─ 点击规则 → 疑点处置-疑点详情.html
```

### V2 导航关系
```
疑点派发.html（单层场景列表）
  └─ 点击场景 → 疑点派发-场景疑点.html（双视角）
       ├─ 规则视角 → 点击规则 → 疑点派发-疑点详情.html
       └─ 业务视角 → 规则组标签 → 单据列表 → 展开关联规则

疑点处置.html（单层场景列表）
  └─ 点击场景 → 疑点处置-场景疑点.html
       └─ 规则视角 → 点击规则 → 疑点处置-疑点详情.html

风险规则库
  ├─ 公共规则库.html
  ├─ 我的规则.html
  └─ 规则分组管理.html（新增）

风险场景管理
  ├─ 风险场景列表.html
  ├─ 风险场景详情和编辑页面.html（规则弹窗增加同组推荐）
  └─ 新建风险场景页面.html
```

---

## 四、PRD功能对照

| PRD功能 | 对应页面/修改 | 状态 |
|---------|-------------|------|
| 规则分组管理 | `规则分组管理.html`（新建） | ✅ 已实现 |
| 规则业务字段配置 | `规则分组管理.html` 右侧表单 | ✅ 已实现 |
| 按业务视角查看疑点 | `疑点派发-场景疑点.html` 业务视角 | ✅ 已实现 |
| 分组规则推荐 | `风险场景详情和编辑页面.html` 同组推荐区 | ✅ 已实现 |
| 按规则视角查看疑点 | `疑点派发-场景疑点.html` 规则视角 | ✅ 已实现 |
| 视角切换 | `疑点派发-场景疑点.html` 独立切换区 | ✅ 已实现 |
| 多业务字段分组 | `疑点派发-场景疑点.html` 规则组标签页 | ✅ 已实现 |
| 侧边栏入口 | 全部15个页面 | ✅ 已实现 |

---

## 五、技术要点

### 5.1 数据模型变化
- **V1**：规则直接关联到场景，无分组概念
- **V2**：规则可归属于规则组，每个规则组有独立的业务字段

### 5.2 业务视角设计
- 一个场景可包含多个规则组（如差旅费报销+合同管理）
- 每个规则组有独立的业务字段（差旅费单据ID、合同编号）
- 业务视角按规则组分标签展示，表头动态显示当前组的业务字段名称

### 5.3 同组推荐逻辑
- 基于当前已关联规则的分组，自动推荐同组其他未关联规则
- 支持多分组同时推荐，各分组独立折叠/展开
- 推荐复选框与下方公共规则库列表双向联动
