# 关联规则弹窗新增字段 - 页面改动说明
## 1. 文档目的
本文档用于记录本次"关联规则弹窗新增字段"在原型 Demo 中涉及的页面范围、具体改动点与交互变化，便于后续继续讨论和复用。
---
## 2. 本次改动概述
本次优化在风险场景配置界面的"公共规则库选择"弹窗中，增加了三个字段的展示，便于用户在关联规则时获取更多规则元信息：
- **提交人**：规则的提交人员
- **提交单位**：规则的提出单位
- **上线时间**：规则的上线日期
---
## 3. 涉及页面范围
本次实际改动的页面文件如下：
- `新建风险场景页面.html`
- `风险场景详情和编辑页面.html`
---
## 4. 各页面改动说明
### 4.1 新建风险场景页面.html
#### 文件
- `新建风险场景页面.html`（修改）
#### 改动位置
弹窗1：公共规则库选择弹窗（`#ruleLibModal`）中的规则列表表格。
#### 具体改动
##### 4.1.1 表头新增三列
在 `` 的 `` 中，于"风险等级"和"监控目标"之间插入三列：
| 新增列 | 宽度 | 说明 |
|--------|------|------|
| 提交人 | 自适应 | 规则的提交人员 |
| 提交单位 | 自适应 | 规则的提出单位 |
| 上线时间 | 自适应 | 规则的上线日期 |
原表头：
```html
| 风险等级 |
监控目标 |
```
新表头：
```html
风险等级 |
提交人 |
提交单位 |
上线时间 |
监控目标 |
```
##### 4.1.2 数据行新增三列
`
` 中的每一行（共10行）均在"风险等级"和"监控目标"之间新增三个 `` 单元格。
各规则行的新增数据：
| 序号 | 规则编号 | 提交人 | 提交单位 | 上线时间 |
|------|----------|--------|----------|----------|
| 1 | GZ202501300000001 | 张三 | 风控部 | 2025-02-15 |
| 2 | GZ202501300000002 | 李四 | 风控部 | 2025-02-15 |
| 3 | GZ202501300000003 | 王五 | 信贷部 | 2025-03-01 |
| 4 | GZ202501300000004 | 赵六 | 信贷部 | 2025-03-01 |
| 5 | GZ202501300000005 | 钱七 | 合规部 | 2025-03-10 |
| 6 | GZ202501300000006 | 孙八 | 财务部 | 2025-03-15 |
| 7 | GZ202501300000007 | 周九 | 法务部 | 2025-03-20 |
| 8 | GZ202501300000008 | 吴十 | 采购部 | 2025-03-25 |
| 9 | GZ202501300000009 | 郑十一 | 项目管理部 | 2025-04-01 |
| 10 | GZ202501300000010 | 王十二 | 生产部 | 2025-04-05 |
---
### 4.2 风险场景详情和编辑页面.html
#### 文件
- `风险场景详情和编辑页面.html`（修改）
#### 改动位置
弹窗1：公共规则库选择弹窗（`#ruleLibModal`）中的规则列表表格。
#### 具体改动
与 4.1 完全一致：表头和数据行均新增"提交人"、"提交单位"、"上线时间"三列，数据内容相同。
---
## 5. 复用关系说明
### 5.1 复用的模式
- 表格列扩展模式：在现有 `` 和 ` | ` 中按位置插入新列，保持与其他列一致的 HTML 结构
- 两个页面的弹窗结构和数据完全相同，改动保持同步
### 5.2 使用的第三方库
无新增第三方库。
---
## 6. 交互变化总结
### 6.1 视觉变化
- 弹窗表格新增三列，表格整体宽度增加
- 新增字段以纯文本形式展示，无特殊样式
### 6.2 交互逻辑
- 无交互逻辑变化，新增字段为纯展示
- 筛选功能未受影响（关键字搜索仍匹配原有字段）
---
## 7. 影响范围说明
### 7.1 页面视觉影响
- 公共规则库选择弹窗表格列数从 8 列增加到 11 列
- 表格水平滚动区域可能需要更多空间
### 7.2 不影响部分
- 规则编辑弹窗（弹窗2）
- 已关联规则列表展示
- 规则筛选逻辑
- 其他页面
---
## 8. 当前实现口径说明
当前 Demo 为静态原型，新增字段数据为预置的 mock 数据，不涉及后端接口。
---
## 9. 验收检查点
可按以下方式验证：
### 9.1 新建风险场景页面
- 打开"公共规则库选择"弹窗，确认表头包含"提交人"、"提交单位"、"上线时间"三列
- 确认每行数据中三个新字段均有值
- 确认表格布局正常，无错列
### 9.2 风险场景详情和编辑页面
- 同上，确认弹窗表格与新建页面一致
---
## 10. 一句话总结
本次原型改动在风险场景配置的"公共规则库选择"弹窗中新增了"提交人"、"提交单位"、"上线时间"三个字段，便于用户在关联规则时了解规则的提交来源和上线时间信息。