# 规则图谱功能 - 页面改动说明 ## 1. 文档目的 本文档用于记录"规则图谱功能"在原型 Demo 及正式项目中涉及的页面范围、菜单调整、数据变更与具体改动点，便于后续开发、回溯或扩展修改。 --- ## 2. 本次改动概述 本次目标是： - 新增规则图谱展示页，左侧为公司→业务域→主题三级导航树，右侧联动展示下级层级，支持逐级展开至规则 - 规则图谱支持两种视角：主题视角（逐级展开）和规则视角（从规则反向查看关联主题/维度） - 新增风险主题管理页，支持风险主题和风险维度的增删改查及规则关联 - 在新建规则和编辑规则页中增加归属树状多选组件，并支持跳转到管理页 - 调整风险规则库菜单结构，新增两个菜单项 本次方案当前覆盖： 1. 规则图谱展示页新建（左侧三级导航树 + 右侧联动图谱 + 视角切换 + 规则关联详情面板；导出台账本期暂不实现） 2. 风险主题管理页新建（左侧主题/维度树 + 右侧规则关联） 3. 菜单结构调整（风险规则库下新增2项） 4. 新建规则页和编辑规则页联动修改 5. 规则详情页展示归属信息 本次明确不包含： - 图谱页内直接编辑规则或修改归属 - 主题/维度与业务域模块的联动修改 - 图谱页的导出过滤/自定义导出字段 --- ## 3. 涉及页面范围 ### 3.1 本次新建的页面 - `fengkong/规则图谱.html`（Demo 原型） - `fengkong/主题与维度管理.html`（Demo 原型） 正式项目： - `src/views/fxgl/ruleGraph/index.vue` - `src/views/fxgl/themeDimension/index.vue` ### 3.2 本次修改的页面 - `fengkong/新建风险规则.html`（Demo 原型）— 新增归属下拉（含业务域筛选栏、主题摘要标签触发器） - `fengkong/风险规则-公共规则库.html`（Demo 原型）— 规则编辑/详情联动（如有编辑弹窗） - `fengkong/规则详情.html`（Demo 原型）— 详情展示归属信息（查看模式：主题卡片+维度标签；编辑模式：含业务域筛选的树状多选） - `fengkong/风险场景详情和编辑页面.html`（Demo 原型）— 新增"覆盖图谱"Tab ### 3.3 本次修改的配置文件 - `src/data/info.json`（菜单配置）— 风险规则库下新增2个菜单项 --- ## 4. 各页面/配置改动说明 ### 4.1 菜单配置（info.json / 菜单管理后台） #### 4.1.1 新增菜单项 | 属性 | 风险规则库 → 规则图谱 | 风控运营管理 → 风险主题管理 | |------|----------------------|---------------------------| | 父级模块 | 风险监控（`fjgl`）→ 风险规则库 | 风险监控（`fjgl`）→ 风控运营管理 | | 菜单名称 | 规则图谱 | 风险主题管理 | | 路由地址 | `/ruleGraph` | `/themeDimension` | | 可见角色 | 全部 | 全部 | | 图标 | `Histogram` | `Operation` | #### 4.1.2 调整后菜单结构 ``` 风险规则库 ├── 公共规则库 /commonRules （现有） ├── 我的规则 /userRules （现有） └── 规则图谱 /ruleGraph ← 新增 风控运营管理 ├── 规则统计分析 /ruleAnalysis （现有） ├── 疑点统计分析 /doubtAnalysis （现有） ├── 规则分组管理 /ruleGroup （现有） ├── 风险主题管理 /themeDimension ← 新增（原属风险规则库） ├── 消息模板管理 /msgTemplate （现有） └── 已排除疑点汇总 /excludedDoubts （现有） ``` --- ### 4.2 规则图谱页面（新建） #### 文件 - 正式项目对应 Vue 组件：`src/views/fxgl/ruleGraph/index.vue` #### 页面布局 页面采用左侧导航树+右侧图谱区域的复合布局，支持两种视角切换（层级视图 / 规则视角）。 ##### 层级视图（默认视角） 左侧为公司→业务域→主题的三级导航树，右侧根据左侧选中节点联动展示下级层级，支持逐级展开至规则。 ``` ┌─── 左侧导航树 ───┐ ┌────── 右侧图谱区域 ────────────────────────────────────┐ │ │ │ [层级视图] [规则视角] ← 视角切换 │ │ ▼ 全知公司 │ │ │ │ ▼ 供应链域 │ │ 全知公司 │ │ ● 围串标 25条 │ │ ├─ 供应链域 │ │ 含1条跨维度 │ │ │ ├─ 围串标 25条规则（含1条跨维度） │ │ ● 虚假投标 8条│ │ │ ├─ 虚假投标 8条规则 │ │ ● 供应商资质 │ │ │ └─ 供应商资质 5条规则 │ │ 5条 │ │ ├─ 财务域 │ │ ▶ 财务域 │ │ │ ├─ 差旅费用合规 4条规则 │ │ ▶ 人力域 │ │ │ └─ 合同管理 6条规则 │ │ ... │ │ └─ 人力域 │ │ │ │ └─ 人员诚信 5条规则 │ │ │ │ │ │ │ │ [展开全部] ← 按钮 │ └────────────────────┘ └─────────────────────────────────────────────────────────┘ ``` > 上图为点击"全知公司"节点时的右侧展示。点击业务域或主题时，右侧展示对应的下级层级。 ##### 规则视角 左侧为业务域→规则列表的两级导航树（含搜索框），右侧以选中规则为根节点展示其关联的主题→维度（鱼骨图）。 ``` ┌─── 左侧导航树 ───┐ ┌────── 右侧图谱区域 ────────────────────────────────────┐ │ [搜索框] │ │ [层级视图] [规则视角] ← 视角切换 │ │ │ │ │ │ ▼ 供应链域 │ │ ┌────────────────────┐ │ │ ● CJ-001-01 │ │ │ 🟢 CJ-001-01 │ │ │ 投标文件围标 │ │ │ 投标文件围标识别 │ │ │ ● CJ-001-02 │ │ │ 已上线 │ │ │ 投标格式异常 │ │ └────────┬───────────┘ │ │ ● CJ-002-01 │ │ │ │ │ 细分报价围标 │ │ ┌─────┴──────┐ │ │ ... │ │ │ │ │ │ ▶ 财务域 │ │ ┌──┴───┐ ┌──┴───┐ │ │ ▶ 人力域 │ │ │围串标│ │虚假 │ │ │ │ │ │ │ │投标 │ │ │ │ │ │供应链│ │供应链│ │ │ │ │ │域 │ │域 │ │ │ │ │ └──┬───┘ └──┬───┘ │ │ │ │ │ │ │ │ │ │ ┌──┴───┐ ┌──┴───┐ │ │ │ │ │投标 │ │投标 │ │ │ │ │ │文件 │ │价格 │ │ │ │ │ │风险 │ │风险 │ │ │ │ │ └──────┘ └──────┘ │ └────────────────────┘ └─────────────────────────────────────────────────────────┘ ``` **布局说明：** - 左侧导航树（浅灰背景）与右侧图谱区域视觉分离，宽度约220px - 视角切换通过右侧图谱区域顶部的分段控制器（Segmented Control）实现 - 点击规则卡片弹出右侧滑出面板，展示该规则关联的所有主题和维度（支持多对多，保留现有逻辑） - 右侧图谱区域各层级之间通过鱼骨连线连接（div绝对定位） #### 各区域详细规格 **视角切换** | 属性 | 说明 | |------|------| | 位置 | 右侧图谱区域顶部 | | 控件类型 | 分段控制器（Segmented Control） | | 选项 | 主题视角（默认）、规则视角 | | 描述文字 | 切换按钮右侧显示当前视角的简要描述：主题视角为"从公司出发，按业务域→主题→维度→规则逐级展开，纵览规则体系全貌"；规则视角为"从单条规则出发，反向查看其关联的主题与维度，洞察规则的多维覆盖关系" | | 切换行为 | 切换后左侧导航树和右侧图谱区域同步切换为对应视图，描述文字同步更新 | **层级视图 — 左侧导航树** | 属性 | 说明 | |------|------| | 数据来源 | 公司（固定值）→ 业务域 → 各域下的风险主题 | | 展示内容 | 三级树结构：公司为根节点（默认展开），业务域为可展开/折叠分组（显示主题数量），分组下列出该域的风险主题 | | 主题信息 | 主题名称 + 规则总数量 + 跨维度共享标记（如有） | | 交互 | 点击公司 → 右侧展示公司→业务域→主题全景；点击业务域 → 右侧展示该域的主题→维度；点击主题 → 右侧展示该主题的维度→规则 | | 选中状态 | 当前选中节点高亮显示，自动展开其上级分组 | **层级视图 — 右侧联动规则** | 左侧点击节点 | 右侧展示内容 | 右侧可交互 | |-------------|-------------|-----------| | 公司 | 公司 → 16个业务域 → 各域下的主题 | 点击业务域就地展开其下主题；点击主题就地展开其下维度/规则 | | 业务域 | 该业务域 → 主题 → 各主题下的维度 | 点击主题就地展开其下维度/规则 | | 主题 | 该主题 → 维度 → 规则 | 点击维度展开规则列表 | **规则视角 — 左侧导航树** | 属性 | 说明 | |------|------| | 结构 | 两级树：业务域 → 规则列表 | | 顶部 | 搜索框，左侧带搜索图标（fa-search），支持按规则名称/编号搜索。输入文字后右侧显示清除按钮（fa-times），点击清除搜索内容 | | 业务域 | 可展开/折叠分组，下列出该域下的所有规则 | | 规则信息 | 状态圆点 + 规则编号 + 规则名称 | | 交互 | 点击某条规则 → 右侧图谱区域展示该规则的关联图谱 | | 选中状态 | 当前选中规则橙色高亮 | **规则视角 — 右侧图谱** | 属性 | 说明 | |------|------| | 根节点 | 选中规则为橙色聚焦卡片（#fff3e0底 + #E6A23C左边框），显示规则名称、编号、状态 | | 布局结构 | 与层级视图一致，使用 gc-tree-row + gc-children 递归结构，规则→主题→维度逐级水平展开 | | 关联主题 | 根节点通过水平鱼骨spine连接各关联主题（蓝色边框卡片，含业务域标签 + 关联维度数量） | | 关联维度 | 每个主题通过水平鱼骨spine连接其下的关联维度（绿色边框卡片） | | 连线 | 蓝色div线（#667eea），由 drawAllFishbones() 统一绘制，与层级视图完全一致 | #### 顶部工具栏 | 功能 | 视角 | 控件 | 说明 | |------|------|------|------| | 展开全部 | 层级视图 | 按钮 | 展开右侧图谱区域当前视图的所有下级层级（范围待定） | | 搜索框 | 规则视角 | 输入框 | 左侧导航树顶部，支持按规则名称/编号搜索 | | 导出台账 | 通用 | ~~按钮~~ | 导出全部规则为 Excel，本期暂不实现，纳入后续迭代 | #### 空状态引导 - 层级视图：未选中节点时显示"请在左侧导航树中选择一个节点" - 规则视角：未选中规则时显示"请在左侧选择一条规则" - 维度列表区域：主题已选中但无维度时显示"该主题下暂无风险维度" - 规则列表区域：维度已选中但无规则时显示"该维度下暂无关联规则" #### 跨维度共享规则标记 主题级别的规则数量不做去重（总数=各维度规则数量之和），但若存在同一条规则关联了该主题下的多个维度，则在规则总数旁标注"含x条跨维度"，x 为跨维度共享规则的去重数量。 #### 接口依赖 | 接口 | 方法 | 说明 | |------|------|------| | `/core/riskTheme/list` | GET | 按业务域查询主题列表（含规则数量） | | `/core/riskDimension/list` | GET | 按主题ID查询维度列表（含规则数量） | | `/core/riskTheme/ruleList` | GET | 按维度ID查询规则列表 | | `/core/riskRule/search` | GET | 按规则名称/编号搜索（规则视角左侧搜索框使用） | | `/core/riskRule/themeDimList` | GET | 按规则ID查询该规则关联的所有主题和维度（规则视角右侧图谱使用） | | `/core/riskTheme/export` | POST | 导出台账（本期暂不实现） | --- ### 4.3 风险主题管理页（新建） #### 文件 - 正式项目对应 Vue 组件：`src/views/fxgl/themeDimension/index.vue` #### 页面布局 ``` ┌─────── 主题/维度树 ───────┐ ┌────── 已关联规则 ────────────────────────────────┐ │ │ │ [+ 添加规则] [批量移除] │ │ ▼ 业务域A (3个主题) │ │ ────────────────────────────────────────────── │ │ ▼ 围串标 25条(含2跨) │ │ 序号 规则编号 规则名称 状态 规则类型 ... │ │ 投标文件风险 7条 │ │ 1 CJ-GY04.. 投标文件.. 已上线 AI规则 ... │ │ 投标价格风险 4条 ← │ │ 2 CJ-GY04.. 报价相同.. 已上线 普通规则 ... │ │ 投标行为风险 6条 │ │ │ │ ▶ 虚假投标 12条 │ │ │ └────────────────────────────┘ └─────────────────────────────────────────────────┘ ``` #### 功能规格 **左侧：主题/维度树** | 功能 | 说明 | |------|------| | 业务域分组 | 按业务域分组显示，每个业务域后显示主题数量（如"3个主题"），点击可展开/收起 | | 新增主题 | 填写名称、所属业务域（下拉）、描述 → 保存后添加到树 | | 新增维度 | 选中主题后添加，填写名称、描述 → 保存后添加到对应主题下 | | 编辑 | 点击主题或维度旁的编辑图标，弹窗修改 | | 删除 | 删除主题时级联删除其下维度（确认提示），删除维度不影响规则 | | 排序 | 支持拖拽调整主题和维度的显示顺序 | | 节点统计 | 主题后显示规则总数（含跨维度标记），维度后显示关联规则数量，均以浅灰标签样式 | | 折叠/展开 | 点击业务域/主题行可展开/收起下一级内容 | **右侧：规则关联面板** | 功能 | 说明 | |------|------| | 添加规则 | 弹出自定义规则选择弹窗（样式同规则分组管理），含关键字搜索、业务域筛选、状态筛选（已上线/上线中/已下线），表格列含序号、规则编号、规则名称、状态、风险等级、提交人、提交单位、监控目标、监控逻辑。已关联规则置灰禁用。底部显示已选规则计数 | | 移除规则 | 勾选已关联规则，点击"批量移除" | | 规则列表 | 显示已关联规则的序号、规则编号、规则名称、状态、规则类型、业务域、提交人、提出单位、上线时间 | **规则类型取值：** AI规则、普通规则 **权限：** 普通用户可操作。 #### 接口依赖 | 接口 | 方法 | 说明 | |------|------|------| | `/core/riskTheme/list` | GET | 主题列表 | | `/core/riskTheme/add` | POST | 新增主题 | | `/core/riskTheme/update` | PUT | 修改主题 | | `/core/riskTheme/delete/{id}` | DELETE | 删除主题 | | `/core/riskTheme/updateSort` | PUT | 更新主题排序 | | `/core/riskDimension/list` | GET | 维度列表 | | `/core/riskDimension/add` | POST | 新增维度 | | `/core/riskDimension/update` | PUT | 修改维度 | | `/core/riskDimension/delete/{id}` | DELETE | 删除维度 | | `/core/riskDimension/updateSort` | PUT | 更新维度排序 | | `/core/riskDimension/bindRules` | POST | 批量关联规则 | | `/core/riskDimension/unbindRules` | POST | 批量移除规则 | | `/core/riskTheme/ruleList` | GET | 查询维度下已关联规则 | --- ### 4.4 新建规则页 / 规则编辑页（修改） #### 改动点 | 改动项 | 控件类型 | 说明 | |--------|---------|------| | 归属风险主题和维度 | 树状多选组件（Tree-Multiselect） | **合并原"归属风险主题"和"归属风险维度"为一个字段**。风险主题作为可展开分组头，风险维度作为可勾选项。 | | 触发器展示 | 主题摘要标签 | 触发器以主题分组摘要标签形式展示已选内容，格式为"主题名称(N)"，N为该主题下已选维度数量。标签 × 可移除整个主题（取消该主题下所有已选维度）。 | | 业务域筛选 | 胶囊按钮栏 | 下拉面板顶部设有业务域筛选栏，以胶囊按钮形式列出所有业务域（含"全部"），点击可按业务域过滤主题列表。 | | 搜索 | 搜索框 | 组件内含搜索框，可按主题名称或维度名称实时过滤。搜索主题名时展开该主题下所有维度。 | | 主题分组头 | 分组头 | 每个主题分组头显示主题名称和所属业务域名称（小字灰色）。 | | 管理入口 | 文字链接 | 字段标签旁设"管理主题/维度"链接，新窗口打开风险主题管理页 | #### 交互流程 ``` 用户在新建/编辑规则页 → 点击"归属风险主题和维度"触发器，展开树状多选面板 → 面板顶部显示业务域筛选栏（胶囊按钮） → 点击业务域按钮筛选主题，或通过搜索框快速定位 → 展开目标主题分组，勾选维度（可跨多个主题勾选） → 触发器区域实时显示主题摘要标签（如"围串标(3)"） → 点击标签 × 可移除整个主题下的所有已选维度 → 若无合适选项，点击"管理主题/维度"链接 → 新窗口打开风险主题管理页 → 新增主题/维度（或关联规则） → 返回原窗口，刷新下拉列表 → 完成选择，保存规则 ``` --- ### 4.5 规则详情页（修改） | 改动项 | 说明 | |--------|------| | 基本信息区 | 新增展示"归属风险主题和维度"字段。 | | 查看模式 | 以**主题卡片+维度标签**形式展示。每个已关联的主题显示为一个浅灰卡片（`#fafbfc` 背景），卡片内包含主题名称（加粗）和该主题下已关联的维度标签（绿色圆角标签）。多个主题时纵向排列，间距 8px。 | | 编辑模式 | 切换为树状多选组件，与新建规则页一致：含业务域筛选栏、主题分组摘要标签触发器、搜索框。 | --- ### 4.6 风险场景详情页 — 覆盖图谱（新增） #### 文件 - `fengkong/风险场景详情和编辑页面.html`（Demo 原型，新增"覆盖图谱"Tab） #### 页面布局 复用规则图谱的布局结构，新增场景信息横幅和视角切换。整体布局为：顶部场景信息横幅（紫蓝渐变）+ 下方左侧导航树 + 右侧图谱区域。 ``` ┌──────────────── 场景信息横幅（紫蓝渐变） ─────────────────────────────┐ │ 差旅费报销单审核 CJ-2026.. · 9条规则 · 3个主题 │ │ [差旅费用合规(4)] [采购合规(3)] [人员诚信(2)] ← 可点击主题标签 │ └───────────────────────────────────────────────────────────────────────┘ ┌─── 左侧导航 ───┐ ┌────── 右侧图谱区域 ────────────────────────────────┐ │ │ │ [主题→规则] [规则→主题] ← 视角切换 │ │ 关联的风险主题 │ │ │ │ 差旅费用合规 财│ │ ┌──────────┐ │ │ 务域 4条 ← │ │ │差旅费用合规│ │ │ 采购合规 采购域│ │ │ 4条规则 │ │ │ 3条 │ │ └────┬─────┘ │ │ 人员诚信 人力域│ │ ┌────┴────┐ ┌────────┐ ┌────────┐ │ │ 2条 │ │ │ 费用标准 │ │审批流程│ │报销时效│ │ │ │ │ │ 2条 │ │ 1条 │ │ 1条 │ │ │ │ │ └────┬────┘ └───┬────┘ └───┬────┘ │ │ │ │ ┌────┴────┐ ┌───┴────┐ │ │ │ │ │ │🟢差旅费│ │🟢审批 │ ┌───┴─────┐ │ │ │ │ │ 超标预警│ │流程缺失│ │🟢报销 │ │ │ │ │ │🟢城市 │ │检查 │ │ 时效超期│ │ │ │ │ │ 住宿 │ └────────┘ │ 检测 │ │ │ │ │ │ 标准超限│ └─────────┘ │ │ │ │ └────────┘ │ └──────────────────┘ └─────────────────────────────────────────────────────┘ ``` #### 改动点 | 改动项 | 说明 | |--------|------| | Tab 导航 | 页面新增"基础信息"和"覆盖图谱"两个Tab，点击切换 | | 场景横幅 | 顶部紫蓝渐变横幅，显示场景名称、编号、风险规则数、风险主题数 | | 左侧导航 | 仅显示主题列表（场景信息在横幅中），每个主题后附业务域标签和规则数量 | | 右侧图谱 | 复用规则图谱布局：主题卡片→维度+规则展开全部，连线为div实现 | | 鱼骨连线 | 主题→维度、维度→规则之间有鱼骨连线（div绝对定位，与规则图谱一致） | | 视角切换 | 图谱区域内分段控制器，支持"主题→规则"和"规则→主题"两种视角。规则视角下左侧为规则列表（橙色选中态），右侧以选中规则为橙色聚焦根节点，通过鱼骨图展示关联的主题和维度 | | 实体配色 | 场景=#667eea渐变，规则=#E6A23C橙色，主题=#409EFF蓝色，维度=#67C23A绿色 | | 聚焦态 | 选中主题/规则节点有浅色背景填充（主题#e8f0ff，规则#fff3e0），未选中为白底+彩色边框 | | 规则详情面板 | 点击规则卡片弹出右侧滑出面板，展示规则基本信息（状态、提交人、提交单位、上线时间）和关联的风险主题/维度（样式与规则图谱页一致） | #### 接口依赖 | 接口 | 方法 | 说明 | |------|------|------| | `/core/riskScene/coverage` | GET | 按场景ID查询覆盖的主题和维度（含规则数量统计） | | `/core/riskRule/themeDimList` | GET | 按规则ID查询该规则关联的所有主题和维度（用于反向关联图谱） | --- ## 5. 数据模型变更 | 变更 | 表名 | 说明 | |------|------|------| | 新建 | `RISK_THEME` | 风险主题表 | | 新建 | `RISK_DIMENSION` | 风险维度表（THEME_ID 必填） | | 新建 | `RULE_THEME_REL` | 规则-主题多对多关联 | | 新建 | `RULE_DIMENSION_REL` | 规则-维度多对多关联 | | 不改动 | `RISK_RULE` | 现有规则表保持不变，关联通过关联表实现 | --- ## 6. 改动统计 | 类别 | 数量 | 说明 | |------|------|------| | 新建页面 | 2 | 规则图谱.html、主题与维度管理.html | | 修改页面 | 30 | 统一左侧菜单结构（含规则图谱、风险主题管理两个新菜单项）+ 风险场景详情页增加覆盖图谱Tab | | 菜单新增 | 2 | 规则图谱（风险规则库下）、风险主题管理（风控运营管理下） | | 新建数据表 | 4 | RISK_THEME / RISK_DIMENSION / RULE_THEME_REL / RULE_DIMENSION_REL | | 新建接口 | 15 | 主题CRUD 5个 + 维度CRUD 5个 + 规则关联 2个 + 场景覆盖查询1个 + 规则反向关联查询1个 + 规则搜索1个 | | 字段合并 | 1 | "归属风险主题"+"归属风险维度"合并为"归属风险主题和维度"（树状多选） | | 触发器方案A | 1 | 触发器以主题分组摘要标签展示（"主题名(N)"），× 可移除整个主题 | | 业务域筛选栏 | 1 | 归属字段下拉面板顶部增加业务域胶囊筛选栏 | | 详情页方案1 | 1 | 规则详情查看模式以主题卡片+维度标签形式展示归属信息 | | 规则关联面板 | 1 | 图谱页点击规则卡片弹出详情面板，展示多对多关联关系，支持跳转 | | 跨维度规则标识 | 1 | 有跨维度关联的规则卡片右上角显示圆形角标（内含 fa-link 图标，橙色底白字） | | 主题规则摘要 | 1 | 主题卡片下方独立摘要行显示规则总数和跨维度标记 | | 维度数量标签 | 1 | 维度卡片以浅灰色圆角标签显示规则数量 | | 编码字段移除 | 1 | 主题和维度表单中移除了编码字段 | | 规则类型 | 1 | 管理页规则列表新增规则类型列，取值为 AI规则、普通规则 | | 添加规则弹窗 | 1 | 自定义弹窗样式（同规则分组管理），含搜索、业务域筛选、状态筛选，9列表格，底部已选计数。去掉风险等级筛选 | | 规则状态扩展 | 1 | 新增"上线中"状态（绿色），规则现支持已上线（橙色）/上线中（绿色）/已下线（灰色）三种状态 | | 覆盖图谱 | 1 | 风险场景详情页新增"覆盖图谱"Tab，顶部紫蓝渐变场景横幅+左侧导航+右侧鱼骨图谱，场景作为最上层节点 | | 视角切换 | 1 | 覆盖图谱支持"主题→规则"和"规则→主题"两种视角，通过分段控制器切换 | | 实体配色 | 1 | 场景=#667eea渐变，规则=#E6A23C橙色，主题=#409EFF蓝色，维度=#67C23A绿色，聚焦态有浅色背景填充 | | 场景横幅 | 1 | 覆盖图谱顶部场景信息横幅，含可点击主题标签，点击可切换选中主题和视角 | | 左侧导航树扩展 | 1 | 规则图谱左侧导航树从两级（业务域→主题）扩展为三级（公司→业务域→主题），公司为固定值 | | 右侧联动展示 | 1 | 右侧图谱区域根据左侧选中节点联动展示下级层级，支持就地展开 | | 规则图谱视角切换 | 1 | 规则图谱页新增"层级视图"和"规则视角"两种视角，通过分段控制器切换 | | 规则视角左侧树 | 1 | 规则视角下左侧为业务域→规则列表（两级），顶部搜索框支持按规则名称/编号搜索 | | 规则视角右侧图谱 | 1 | 规则视角下右侧以选中规则为橙色聚焦根节点，通过鱼骨图展示关联的主题和维度 | | 搜索功能 | 1 | 规则视角左侧搜索框支持按规则名称/编号实时过滤（层级视图暂不实现搜索） | | 搜索框图标 | 1 | 规则视角搜索框左侧带搜索图标（fa-search），输入文字后右侧显示清除按钮（fa-times） | | 规则视角水平鱼骨 | 1 | 规则视角右侧图谱改用 gc-tree-row + gc-children 递归结构，与层级视图一致的水平鱼骨布局 | | 视角描述文字 | 1 | 视角切换按钮右侧显示当前视角的简要描述文字，切换时同步更新 |