# 治理优化功能说明

## 1. 功能概述

"治理优化"是全知平台的数字化治理闭环入口，用户可在多个业务模块中触发治理优化弹窗，选择需要执行的优化操作。当前仅"信息化需求提报"可用，其他选项为规划中。

---

## 2. 入口页面

| 页面 | 按钮位置 | 说明 |
|------|----------|------|
| `风险场景详情和编辑页面.html` | Tab导航行右侧 | 场景维度的治理优化 |
| `疑点派发-疑点详情.html` | 顶部操作栏"切换"按钮右侧 | 派发环节发现问题时触发 |
| `疑点处置-疑点详情.html` | 顶部操作栏"切换"按钮右侧 | 处置环节发现问题时触发 |

---

## 3. 弹窗设计

### 3.1 弹窗结构

```
┌─────────────────────────────────────────────────┐
│  💡 治理优化                                  ✕  │
├─────────────────────────────────────────────────┤
│                                                  │
│  基于平台业务数据识别治理优化机会，              │
│  请选择需要执行的优化操作。                      │
│                                                  │
│  ┌──────────────────────────────────────────┐   │
│  │ 📝 信息化需求提报                    →  │   │
│  │    针对治理优化发现的问题，提交需求      │   │
│  └──────────────────────────────────────────┘   │
│  ┌──────────────────────────────────────────┐   │
│  │ ⚙️ 规则阈值优化              [规划中]  │   │
│  │    基于历史数据自动推荐规则阈值调整方案  │   │
│  └──────────────────────────────────────────┘   │
│  ┌──────────────────────────────────────────┐   │
│  │ 🔄 流程改进建议              [规划中]  │   │
│  │    分析业务流程瓶颈，生成优化建议        │   │
│  └──────────────────────────────────────────┘   │
│  ┌──────────────────────────────────────────┐   │
│  │ 🔍 误报率治理                [规划中]  │   │
│  │    识别高频误报规则，提供治理方案        │   │
│  └──────────────────────────────────────────┘   │
│                                                  │
└─────────────────────────────────────────────────┘
```

### 3.2 选项列表

| 序号 | 选项 | 状态 | 说明 |
|------|------|------|------|
| 1 | 信息化需求提报 | 可点击 | 跳转到新增需求.html |
| 2 | 规则阈值优化 | 规划中（不可点击） | — |
| 3 | 流程改进建议 | 规划中（不可点击） | — |
| 4 | 误报率治理 | 规划中（不可点击） | — |

### 3.3 样式规范

| 属性 | 说明 |
|------|------|
| 弹窗宽度 | 520px |
| 圆角 | 12px |
| 可点击选项 | 橙色边框 #E6A23C，浅黄背景 |
| 不可点击选项 | 透明度0.55，灰色图标 |
| 遮罩 | rgba(0,0,0,0.4) |
| z-index | 遮罩2000，弹窗2001 |

---

## 4. 按钮样式

统一使用 Bootstrap `btn-outline-danger btn-sm`，红色描边风格：

```html
<button class="btn btn-outline-danger btn-sm" id="btnGovernance">
    <i class="fa fa-lightbulb-o"></i> 治理优化
</button>
```

---

## 5. 跳转逻辑

点击"信息化需求提报"后，跳转到 `新增需求.html`，并通过URL参数传递来源信息。

### 5.1 URL参数格式

```
新增需求.html?source={来源}&{参数名}={参数值}
```

### 5.2 各入口的参数

| 入口页面 | source | 额外参数 | 示例 |
|----------|--------|----------|------|
| 风险场景详情 | `scene` | `sceneName` | `?source=scene&sceneName=差旅费报销单审核` |
| 疑点派发详情 | `risk` | `ruleName` | `?source=risk&ruleName=合同订立不合规` |
| 疑点处置详情 | `risk` | `ruleName` | `?source=risk&ruleName=合同订立不合规` |
| 水平评价（规划） | `level` | `levelName` | `?source=level&levelName=工会域-工会自身建设` |

### 5.3 备注自动填充

新增需求.html 根据 `source` 参数自动填充备注字段：

| source | 备注模板 |
|--------|----------|
| `scene` | 本需求来源于全知平台的业务场景"{sceneName}"运营看板治理优化。 |
| `risk` | 本需求来源于全知平台的风控规则"{ruleName}"疑点数据处置过程。 |
| `level` | 本需求来源于全知平台上对业务能力"{levelName}"的数字化水平评价。 |

---

## 6. 实现要点

### 6.1 弹窗HTML必须在script之前

弹窗的DOM元素（`#governanceModal`、`#governanceOverlay`等）必须放在绑定事件的 `<script>` 标签之前，否则 `getElementById` 获取不到元素。

### 6.2 CSS类名

| 类名 | 用途 |
|------|------|
| `.gov-overlay` | 弹窗遮罩 |
| `.gov-modal` | 弹窗容器 |
| `.gov-modal-header` | 弹窗头部 |
| `.gov-modal-body` | 弹窗内容区 |
| `.gov-option` | 单个选项 |
| `.gov-option.disabled` | 不可点击选项 |
| `.gov-option.clickable` | 可点击选项 |

### 6.3 事件绑定

```javascript
// 打开弹窗
btnGovernance.addEventListener('click', function() {
    governanceOverlay.classList.add('show');
    governanceModal.classList.add('show');
});

// 关闭弹窗
governanceClose.addEventListener('click', closeGovernanceModal);
governanceOverlay.addEventListener('click', closeGovernanceModal);

// 跳转需求提报
document.getElementById('optRequirement').addEventListener('click', function() {
    var ruleName = document.getElementById('ruleNameDisplay').textContent.trim();
    window.location.href = '../zhiliyouhua/新增需求.html?source=risk&ruleName=' + encodeURIComponent(ruleName);
});
```

---

## 7. 后续扩展

新增入口时只需：
1. 在页面添加按钮（`btnGovernance`）
2. 复制弹窗HTML和CSS
3. 修改跳转时的URL参数（根据页面上下文获取不同字段）
4. 在 `新增需求.html` 中增加对应的 `source` 分支和备注模板

---

## 8. 版本历史

| 版本 | 日期 | 修改内容 |
|------|------|----------|
| v1.0 | 2026-06-11 | 初始版本，支持风险场景详情、疑点派发详情、疑点处置详情三个入口 |