AIRegulation/AIRegulations-doc
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add detailed architecture HTML and README for AI+合规智能中枢 V2

Browse Source 
- Created a new HTML file for the detailed architecture diagram (02_详细技术架构图_v2.html) with comprehensive layout and styling.
- Added a README.md file to provide navigation and descriptions for the architecture diagrams, including original and V2 versions, as well as specialized views.
This commit is contained in:
guangfei.zhao
2026-04-16 23:02:05 +08:00
parent af392c2d9b
commit 58050e7696
6 changed files with 2167 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

554
01_分层次技术架构图_v2.html Normal file
View File

@@ -0,0 +1,554 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI+合规智能中枢 - 分层技术架构 V2</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--bg: #eef3f8;
--text: #16324f;
--muted: #607080;
--line: #d7e0ea;
--blue: #2b5f8a;
--green: #2d8b57;
--amber: #c27a1d;
--purple: #7d3cb5;
--teal: #148f77;
--gray: #5d6d7e;
--red: #c0392b;
}
body {
font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
background: linear-gradient(160deg, #f2f6fb 0%, #e8eef5 100%);
color: var(--text);
min-height: 100vh;
padding: 34px 22px 42px;
}
.page { max-width: 1680px; margin: 0 auto; }
.header { text-align: center; margin-bottom: 20px; }
.header h1 {
font-size: 34px;
font-weight: 900;
letter-spacing: 1.5px;
color: #18385b;
}
.header .sub {
font-size: 16px;
color: var(--muted);
margin-top: 8px;
font-weight: 500;
}
.header .tag {
display: inline-block;
margin-top: 12px;
padding: 6px 18px;
border-radius: 999px;
background: linear-gradient(135deg, #1a3a5c, #2b5f8a);
color: #fff;
font-size: 12px;
letter-spacing: 0.4px;
}
.highlights {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 0 auto 24px;
}
.pill {
padding: 9px 14px;
background: rgba(255, 255, 255, 0.88);
border: 1px solid var(--line);
border-radius: 999px;
font-size: 12px;
color: #38506a;
box-shadow: 0 10px 26px rgba(21, 42, 68, 0.05);
}
.board {
display: grid;
grid-template-columns: 240px minmax(0, 1fr) 240px;
gap: 18px;
align-items: start;
}
.rail {
background: rgba(255, 255, 255, 0.95);
border: 1px solid var(--line);
border-radius: 18px;
padding: 18px 16px;
box-shadow: 0 14px 32px rgba(22, 50, 79, 0.08);
}
.rail h3 {
font-size: 16px;
margin-bottom: 6px;
color: #173756;
}
.rail .sub {
font-size: 12px;
color: #7d8d9f;
margin-bottom: 14px;
line-height: 1.55;
}
.rail-item {
padding: 10px 10px 10px 12px;
border-radius: 12px;
background: #f8fbfd;
border: 1px solid #e4ebf2;
margin-bottom: 10px;
}
.rail-item .name {
font-size: 13px;
font-weight: 700;
color: #1d4368;
}
.rail-item .desc {
font-size: 11px;
color: #6d7d8d;
line-height: 1.55;
margin-top: 3px;
}
.stack { display: flex; flex-direction: column; gap: 10px; }
.layer {
border-radius: 18px;
border: 2px solid;
overflow: hidden;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 16px 34px rgba(20, 45, 74, 0.07);
}
.layer-head {
padding: 14px 20px;
color: #fff;
display: flex;
align-items: center;
gap: 10px;
}
.layer-head .title { font-size: 18px; font-weight: 800; }
.layer-head .en { font-size: 12px; opacity: 0.78; font-weight: 400; }
.layer-head .idx {
width: 28px;
height: 28px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.14);
font-size: 13px;
font-weight: 800;
}
.layer-body {
padding: 16px 18px 18px;
display: grid;
gap: 12px;
}
.grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.card {
background: rgba(255, 255, 255, 0.96);
border-radius: 13px;
border: 1.5px solid;
padding: 12px 14px;
min-height: 88px;
}
.card .name {
font-size: 14px;
font-weight: 800;
margin-bottom: 4px;
}
.card .desc {
font-size: 11.5px;
color: #70808f;
line-height: 1.55;
}
.flow-arrow {
width: 2px;
height: 18px;
background: #afbcc8;
margin: 0 auto;
position: relative;
}
.flow-arrow::after {
content: '';
position: absolute;
left: -4px;
bottom: -6px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #afbcc8;
}
.loop-box {
border-radius: 18px;
border: 2px solid #d35749;
background: linear-gradient(180deg, #fff7f5 0%, #fff 100%);
overflow: hidden;
box-shadow: 0 16px 34px rgba(192, 57, 43, 0.09);
}
.loop-head {
padding: 14px 20px;
color: #fff;
background: linear-gradient(135deg, #8b2018, #c0392b);
display: flex;
align-items: center;
gap: 10px;
}
.loop-head .title { font-size: 17px; font-weight: 800; }
.loop-head .en { font-size: 12px; opacity: 0.8; }
.loop-body {
padding: 16px;
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 10px;
align-items: stretch;
}
.step {
background: #fff;
border: 1.5px solid #efb0a9;
border-radius: 14px;
padding: 12px 12px 14px;
position: relative;
}
.step .num {
width: 24px;
height: 24px;
border-radius: 50%;
background: #c0392b;
color: #fff;
font-size: 12px;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 7px;
}
.step .name {
font-size: 13px;
font-weight: 800;
color: #8e281e;
margin-bottom: 4px;
}
.step .desc {
font-size: 11px;
color: #7b7b87;
line-height: 1.55;
}
.legend {
margin-top: 18px;
padding: 16px 18px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.95);
border: 1px solid var(--line);
display: flex;
flex-wrap: wrap;
gap: 10px 14px;
}
.legend-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: #617283;
}
.dot {
width: 12px;
height: 12px;
border-radius: 50%;
}
.footer {
text-align: center;
margin-top: 18px;
font-size: 12px;
color: #8a98a7;
}
.c1 { border-color: #2b5f8a; background: #edf4fb; }
.c1 .layer-head { background: linear-gradient(135deg, #1a3a5c, #2b5f8a); }
.c1 .card { border-color: #a8c8e8; }
.c1 .card .name { color: #1a3a5c; }
.c2 { border-color: #2d8b57; background: #ebf7f0; }
.c2 .layer-head { background: linear-gradient(135deg, #1b5e3b, #2d8b57); }
.c2 .card { border-color: #aedbbe; }
.c2 .card .name { color: #1b5e3b; }
.c3 { border-color: #c27a1d; background: #fff5e9; }
.c3 .layer-head { background: linear-gradient(135deg, #91580e, #c27a1d); }
.c3 .card { border-color: #efcf9d; }
.c3 .card .name { color: #8f570f; }
.c4 { border-color: #7d3cb5; background: #f4ecfb; }
.c4 .layer-head { background: linear-gradient(135deg, #5b2c8b, #7d3cb5); }
.c4 .card { border-color: #d3b5ef; }
.c4 .card .name { color: #5b2c8b; }
.c5 { border-color: #148f77; background: #e8f8f4; }
.c5 .layer-head { background: linear-gradient(135deg, #0e6655, #148f77); }
.c5 .card { border-color: #a8ddcf; }
.c5 .card .name { color: #0e6655; }
.c6 { border-color: #5d6d7e; background: #eef1f5; }
.c6 .layer-head { background: linear-gradient(135deg, #334150, #5d6d7e); }
.c6 .card { border-color: #c2ccd4; }
.c6 .card .name { color: #334150; }
@media (max-width: 1480px) {
.board { grid-template-columns: 1fr; }
.loop-body { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
.grid-5, .grid-4, .grid-6, .loop-body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.header h1 { font-size: 28px; }
}
@media (max-width: 680px) {
body { padding: 20px 14px 28px; }
.grid-5, .grid-4, .grid-6, .loop-body { grid-template-columns: 1fr; }
}
</style>
</head>
<body>
<div class="page">
<div class="header">
<h1>AI+合规智能中枢 - 分层技术架构 V2</h1>
<div class="sub">补齐规则与工作流层、法规发布门、证据链与 AI 治理能力</div>
<div class="tag">T-Systems AI Regulations Team | V2 Blueprint | 2026.04</div>
</div>
<div class="highlights">
<div class="pill">新增 规则与工作流层</div>
<div class="pill">新增 法规确认与发布门</div>
<div class="pill">新增 证据链与版本血缘</div>
<div class="pill">增强 AI 评测与 Guardrails</div>
<div class="pill">增强 IAM / ABAC / 租户隔离</div>
</div>
<div class="board">
<aside class="rail">
<h3>横切能力 A</h3>
<div class="sub">安全与数据治理全链路覆盖，不再只放在基础设施层。</div>
<div class="rail-item">
<div class="name">IAM / SSO / ABAC</div>
<div class="desc">AD/LDAP/企业微信统一身份，角色 + 属性双重授权，工作区与租户隔离。</div>
</div>
<div class="rail-item">
<div class="name">数据分级与脱敏</div>
<div class="desc">法规公开数据、企业制度、审计记录、供应商材料分区存储与最小权限访问。</div>
</div>
<div class="rail-item">
<div class="name">证据留痕与审计</div>
<div class="desc">结论、引用、模型版本、审批动作、整改轨迹统一写入审计与证据库。</div>
</div>
<div class="rail-item">
<div class="name">密钥与数据主权</div>
<div class="desc">KMS/Secrets、私有化部署、PIPL/DSL 数据主权控制，支持数据不出厂。</div>
</div>
</aside>
<main class="stack">
<section class="layer c1">
<div class="layer-head">
<span class="idx">L1</span>
<div>
<div class="title">渠道与身份接入层</div>
<div class="en">Channels, Identity and Access Layer</div>
</div>
</div>
<div class="layer-body grid-5">
<div class="card"><div class="name">Web 门户与大屏</div><div class="desc">知识问答、文档审查、EHS 看板、法规影响分析与管理报表。</div></div>
<div class="card"><div class="name">移动端与企业 Bot</div><div class="desc">飞书、钉钉、Teams、巡检 App、消息摘要与待办提醒。</div></div>
<div class="card"><div class="name">外部供应商门户</div><div class="desc">供应商声明上传、证据回传、整改协同、访问域隔离。</div></div>
<div class="card"><div class="name">企业集成与 ESB</div><div class="desc">PLM、ERP、MES、OA、SharePoint、Confluence、Webhook / Event Bus。</div></div>
<div class="card"><div class="name">IAM / API Gateway</div><div class="desc">SSO、WAF、TLS、限流、路由、OpenAPI、服务调用审计。</div></div>
</div>
</section>
<div class="flow-arrow"></div>
<section class="layer c2">
<div class="layer-head">
<span class="idx">L2</span>
<div>
<div class="title">业务场景层</div>
<div class="en">Business Scenario Layer</div>
</div>
</div>
<div class="layer-body grid-6">
<div class="card"><div class="name">合规知识问答</div><div class="desc">中英双语问答、引文回溯、法规研究助手、专题空间。</div></div>
<div class="card"><div class="name">文档审查与声明校验</div><div class="desc">条款比对、风险标注、供应商声明校验、整改建议。</div></div>
<div class="card"><div class="name">法规感知与影响分析</div><div class="desc">法规监控、版本 Diff、影响范围分析、变更摘要发布。</div></div>
<div class="card"><div class="name">EHS 隐患与体系审计</div><div class="desc">隐患识别、SIF 风险评分、ISO 45001 / IATF 16949 审计支持。</div></div>
<div class="card"><div class="name">供应商合规协同</div><div class="desc">外部材料收集、证据追踪、差距闭环、跨组织整改协同。</div></div>
<div class="card"><div class="name">管理层报表与预警</div><div class="desc">风险热力图、整改 SLA、法规影响看板、月度合规报告。</div></div>
</div>
</section>
<div class="flow-arrow"></div>
<section class="layer c3">
<div class="layer-head">
<span class="idx">L3</span>
<div>
<div class="title">规则与工作流层</div>
<div class="en">Rules, Decision and Workflow Layer</div>
</div>
</div>
<div class="layer-body grid-5">
<div class="card"><div class="name">规则引擎</div><div class="desc">法规条款映射成义务、控制项、适用条件、判定逻辑与风险阈值。</div></div>
<div class="card"><div class="name">义务-控制-证据模型</div><div class="desc">把法规要求、企业控制措施、证明材料与审查结论串成可审计证据链。</div></div>
<div class="card"><div class="name">工单与案例管理</div><div class="desc">整改任务、责任人、SLA、升级策略、复审节点与归档。</div></div>
<div class="card"><div class="name">人工复核与审批</div><div class="desc">专家确认、法务发布门、例外豁免、变更生效审批、双人复核。</div></div>
<div class="card"><div class="name">通知编排与模板</div><div class="desc">按角色、组织、业务域推送摘要、待办、报告与整改指令。</div></div>
</div>
</section>
<div class="flow-arrow"></div>
<section class="layer c4">
<div class="layer-head">
<span class="idx">L4</span>
<div>
<div class="title">AI 与决策引擎层</div>
<div class="en">AI, Retrieval and Decision Engine Layer</div>
</div>
</div>
<div class="layer-body grid-5">
<div class="card"><div class="name">混合检索与精排</div><div class="desc">BM25 + 向量召回 + Cross-Encoder 精排，支持专题空间与权限过滤。</div></div>
<div class="card"><div class="name">Model Gateway</div><div class="desc">统一接入 DeepSeek / Qwen / 本地模型，管理 Prompt、模板、版本与路由策略。</div></div>
<div class="card"><div class="name">LLM 生成与推理</div><div class="desc">引用锚定输出、结构化 JSON 结果、摘要生成、整改建议与问答生成。</div></div>
<div class="card"><div class="name">NLP 与图谱推理</div><div class="desc">条款分类、实体抽取、义务识别、多跳图谱推理、影响范围分析。</div></div>
<div class="card"><div class="name">Guardrails 与评测</div><div class="desc">幻觉检查、注入防护、引用一致性校验、离线数据集评测与在线反馈闭环。</div></div>
</div>
</section>
<div class="flow-arrow"></div>
<section class="layer c5">
<div class="layer-head">
<span class="idx">L5</span>
<div>
<div class="title">数据与知识资产层</div>
<div class="en">Data, Knowledge and Evidence Layer</div>
</div>
</div>
<div class="layer-body grid-5">
<div class="card"><div class="name">法规知识库</div><div class="desc">车辆安全、数据安全、EHS、碳排放、质量体系、处罚案例与最佳实践。</div></div>
<div class="card"><div class="name">证据库与版本血缘</div><div class="desc">原文引用、条款版本、模型运行记录、审批动作、整改闭环全量留存。</div></div>
<div class="card"><div class="name">向量 / 图谱 / 关系库</div><div class="desc">Milvus、Neo4j、PostgreSQL 承载语义检索、实体关系和业务状态。</div></div>
<div class="card"><div class="name">对象存储与档案库</div><div class="desc">MinIO / S3 保存原始文件、解析产物、报告、截图与归档材料。</div></div>
<div class="card"><div class="name">主数据与标签体系</div><div class="desc">法规域、产品线、工厂、供应商、责任部门、风险等级、控制目录。</div></div>
</div>
</section>
<div class="flow-arrow"></div>
<section class="layer c6">
<div class="layer-head">
<span class="idx">L6</span>
<div>
<div class="title">运行与集成底座层</div>
<div class="en">Runtime, Orchestration and Platform Layer</div>
</div>
</div>
<div class="layer-body grid-5">
<div class="card"><div class="name">Worker 与调度编排</div><div class="desc">Celery / Cron / DAG 统一执行解析、索引、对比、推送与报表任务。</div></div>
<div class="card"><div class="name">消息队列与缓存</div><div class="desc">RabbitMQ / Kafka 异步分发，Redis 用于热数据、会话、分布式锁。</div></div>
<div class="card"><div class="name">容器与推理集群</div><div class="desc">Kubernetes、Docker、GPU 集群、vLLM / TGI 推理加速与弹性扩缩容。</div></div>
<div class="card"><div class="name">观测与可靠性</div><div class="desc">日志、指标、Tracing、SLA 告警、容量规划、备份与灾备演练。</div></div>
<div class="card"><div class="name">DevSecOps</div><div class="desc">CI/CD、镜像治理、配置管理、密钥轮换、环境隔离与发布回滚。</div></div>
</div>
</section>
<section class="loop-box">
<div class="loop-head">
<div class="title">法规感知与发布闭环</div>
<div class="en">Regulation Awareness, Approval and Remediation Loop</div>
</div>
<div class="loop-body">
<div class="step"><div class="num">1</div><div class="name">法规源监控</div><div class="desc">国标网、工信部、UN-ECE、EUR-Lex、碳平台、行业通报定时采集。</div></div>
<div class="step"><div class="num">2</div><div class="name">Diff 变更感知</div><div class="desc">新旧版本比对，识别新增、修订、废止条款与适用对象。</div></div>
<div class="step"><div class="num">3</div><div class="name">解析与结构化</div><div class="desc">OCR / MinerU 解析，条款级切分、嵌入、索引、实体抽取与标签化。</div></div>
<div class="step"><div class="num">4</div><div class="name">影响范围分析</div><div class="desc">映射到产品、工厂、制度、供应商与历史问题单，形成影响评估。</div></div>
<div class="step"><div class="num">5</div><div class="name">人工复核与发布</div><div class="desc">专家校验权威性、确定生效范围、审批发布版本，避免自动误推。</div></div>
<div class="step"><div class="num">6</div><div class="name">分角色推送</div><div class="desc">向研发、EHS、采购、法务和管理层推送摘要、待办与制度更新建议。</div></div>
<div class="step"><div class="num">7</div><div class="name">整改复审归档</div><div class="desc">自动建单、跟踪整改、复审关闭、证据归档，再回到源头持续监控。</div></div>
</div>
</section>
</main>
<aside class="rail">
<h3>横切能力 B</h3>
<div class="sub">AI 治理与平台可靠性作为控制面独立表达。</div>
<div class="rail-item">
<div class="name">模型治理</div>
<div class="desc">模型注册、版本切换、灰度路由、成本治理、推理配额与模型可用性策略。</div>
</div>
<div class="rail-item">
<div class="name">评测与回归</div>
<div class="desc">引用准确率、命中率、误报漏报、回答稳定性、法规更新回归测试。</div>
</div>
<div class="rail-item">
<div class="name">内容安全与 Guardrails</div>
<div class="desc">Prompt Injection 防护、越权访问拦截、敏感输出过滤、置信度门槛控制。</div>
</div>
<div class="rail-item">
<div class="name">服务可靠性</div>
<div class="desc">SLO/SLA、链路追踪、容量治理、热备容灾、跨地域恢复与演练。</div>
</div>
</aside>
</div>
<div class="legend">
<div class="legend-item"><div class="dot" style="background:#2b5f8a"></div>接入与身份层强调 SSO、ABAC、Partner Portal 与 ESB 集成</div>
<div class="legend-item"><div class="dot" style="background:#2d8b57"></div>业务层面向知识问答、审查、EHS、供应商与管理报表</div>
<div class="legend-item"><div class="dot" style="background:#c27a1d"></div>规则与工作流层补齐人工复核、审批、例外豁免与整改闭环</div>
<div class="legend-item"><div class="dot" style="background:#7d3cb5"></div>AI 引擎层增加 Model Gateway、评测和 Guardrails</div>
<div class="legend-item"><div class="dot" style="background:#148f77"></div>数据层补齐证据库、版本血缘和主数据标签体系</div>
<div class="legend-item"><div class="dot" style="background:#c0392b"></div>法规感知闭环新增发布门，避免未经确认直接进入整改流程</div>
</div>
<div class="footer">AI+合规智能中枢 V2 | 面向车企与工厂的可审计合规智能平台 | 2026.04</div>
</div>
</body>
</html>

315
02A_逻辑架构图_v2.html Normal file
View File

@@ -0,0 +1,315 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI+合规智能中枢 - 逻辑架构图 V2</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
background: linear-gradient(180deg, #f4f7fb 0%, #edf3f8 100%);
color: #173552;
padding: 30px 18px 34px;
}
.page { max-width: 1720px; margin: 0 auto; }
.header { text-align: center; margin-bottom: 18px; }
.header h1 { font-size: 34px; font-weight: 900; color: #18385b; }
.header .sub { margin-top: 8px; font-size: 16px; color: #66798b; }
.chips {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 18px;
}
.chip {
padding: 8px 12px;
border-radius: 999px;
border: 1px solid #dce4ec;
background: rgba(255, 255, 255, 0.92);
font-size: 12px;
color: #536678;
box-shadow: 0 8px 22px rgba(23, 44, 70, 0.05);
}
.board {
display: grid;
grid-template-columns: 240px minmax(0, 1fr) 240px;
gap: 16px;
align-items: start;
}
.rail,
.layer,
.summary {
background: rgba(255, 255, 255, 0.95);
border-radius: 18px;
border: 1px solid #dde5ee;
box-shadow: 0 12px 28px rgba(20, 40, 66, 0.07);
}
.rail { padding: 16px 14px; }
.rail h3 { font-size: 16px; color: #18385b; margin-bottom: 6px; }
.rail .sub { font-size: 12px; color: #708190; margin-bottom: 12px; line-height: 1.55; }
.rail-item {
background: #f8fbfd;
border: 1px solid #e5ebf2;
border-radius: 12px;
padding: 10px 11px;
margin-bottom: 10px;
}
.rail-item .name { font-size: 13px; font-weight: 800; color: #1f4569; }
.rail-item .desc { font-size: 11px; color: #70818f; line-height: 1.55; margin-top: 4px; }
.main { display: flex; flex-direction: column; gap: 10px; }
.layer { overflow: hidden; border: 2px solid; }
.layer-head {
padding: 13px 18px;
color: #fff;
display: flex;
align-items: center;
gap: 10px;
}
.layer-head .idx {
width: 28px;
height: 28px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.16);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 800;
}
.layer-head .title { font-size: 18px; font-weight: 800; }
.layer-head .en { font-size: 11px; font-weight: 400; opacity: 0.8; }
.layer-body {
padding: 15px 16px 16px;
display: grid;
gap: 12px;
}
.grid-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.grid-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.card {
background: rgba(255, 255, 255, 0.96);
border-radius: 13px;
border: 1.5px solid;
padding: 12px 13px;
min-height: 88px;
}
.card .name { font-size: 14px; font-weight: 800; margin-bottom: 4px; }
.card .desc { font-size: 11px; line-height: 1.58; color: #6f808f; }
.arrow {
width: 2px;
height: 18px;
background: #b3c0cc;
margin: 0 auto;
position: relative;
}
.arrow::after {
content: '';
position: absolute;
left: -4px;
bottom: -6px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #b3c0cc;
}
.summary {
padding: 15px 16px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.summary-item {
background: #f9fbfd;
border: 1px solid #e4ebf2;
border-radius: 12px;
padding: 11px 12px;
}
.summary-item .name { font-size: 13px; font-weight: 800; color: #1f4569; }
.summary-item .desc { font-size: 11px; color: #6e808f; line-height: 1.55; margin-top: 4px; }
.c-blue { border-color: #a8c8e8; background: #edf4fb; }
.c-blue .layer-head { background: linear-gradient(135deg, #1a3a5c, #2b5f8a); }
.c-blue .card { border-color: #a8c8e8; }
.c-blue .card .name { color: #1a3a5c; }
.c-gray { border-color: #c8d1da; background: #f2f5f8; }
.c-gray .layer-head { background: linear-gradient(135deg, #334150, #5d6d7e); }
.c-gray .card { border-color: #c9d2da; }
.c-gray .card .name { color: #334150; }
.c-green { border-color: #b7dec6; background: #ebf7f0; }
.c-green .layer-head { background: linear-gradient(135deg, #1b5e3b, #2d8b57); }
.c-green .card { border-color: #b7dec6; }
.c-green .card .name { color: #1b5e3b; }
.c-orange { border-color: #efd19d; background: #fff5e8; }
.c-orange .layer-head { background: linear-gradient(135deg, #91580e, #c27a1d); }
.c-orange .card { border-color: #efd19d; }
.c-orange .card .name { color: #8d560f; }
.c-purple { border-color: #d5beea; background: #f5edfb; }
.c-purple .layer-head { background: linear-gradient(135deg, #5b2c8b, #7d3cb5); }
.c-purple .card { border-color: #d5beea; }
.c-purple .card .name { color: #5b2c8b; }
.c-teal { border-color: #abdccd; background: #ebf8f5; }
.c-teal .layer-head { background: linear-gradient(135deg, #0e6655, #148f77); }
.c-teal .card { border-color: #abdccd; }
.c-teal .card .name { color: #0e6655; }
.footer { text-align: center; margin-top: 18px; font-size: 12px; color: #8a98a7; }
@media (max-width: 1480px) {
.board { grid-template-columns: 1fr; }
}
@media (max-width: 1100px) {
.grid-6, .grid-5, .summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
body { padding: 18px 12px 24px; }
.grid-6, .grid-5, .summary { grid-template-columns: 1fr; }
.header h1 { font-size: 28px; }
}
</style>
</head>
<body>
<div class="page">
<div class="header">
<h1>AI+合规智能中枢 - 逻辑架构图 V2</h1>
<div class="sub">聚焦职责边界、核心能力关系与横切治理，不表达具体部署节点</div>
</div>
<div class="chips">
<div class="chip">逻辑视图</div>
<div class="chip">规则与工作流独立成层</div>
<div class="chip">AI 治理与安全治理横切表达</div>
<div class="chip">证据链与版本血缘进入核心数据面</div>
</div>
<div class="board">
<aside class="rail">
<h3>横切治理 A</h3>
<div class="sub">所有逻辑层统一受身份、安全、数据主权和审计控制。</div>
<div class="rail-item"><div class="name">IAM / SSO / ABAC</div><div class="desc">统一身份、工作区隔离、Partner Zone 与属性级授权。</div></div>
<div class="rail-item"><div class="name">数据治理</div><div class="desc">敏感分级、脱敏、水印、保留删除策略与数据主权控制。</div></div>
<div class="rail-item"><div class="name">审计与证据</div><div class="desc">查询、审批、模型调用、整改动作和外部访问全量留痕。</div></div>
<div class="rail-item"><div class="name">合规策略</div><div class="desc">PIPL / DSL / 私有化策略和跨域访问控制统一下发。</div></div>
</aside>
<main class="main">
<section class="layer c-blue">
<div class="layer-head"><span class="idx">L1</span><div><div class="title">渠道与接入层</div><div class="en">Channels and Access Layer</div></div></div>
<div class="layer-body grid-6">
<div class="card"><div class="name">Web 门户</div><div class="desc">法规研究、问答、文档审查、EHS 看板和管理报表。</div></div>
<div class="card"><div class="name">移动端 / Bot</div><div class="desc">巡检、待办提醒、风险摘要和整改通知。</div></div>
<div class="card"><div class="name">外部供应商门户</div><div class="desc">上传声明、补证、问答和整改协同。</div></div>
<div class="card"><div class="name">企业系统集成</div><div class="desc">PLM、ERP、MES、OA、SharePoint、Confluence。</div></div>
<div class="card"><div class="name">OpenAPI / Event Bus</div><div class="desc">提供 API、Webhook 和事件订阅能力。</div></div>
<div class="card"><div class="name">API Gateway / BFF</div><div class="desc">WAF、TLS、限流、路由、会话编排与请求审计。</div></div>
</div>
</section>
<div class="arrow"></div>
<section class="layer c-gray">
<div class="layer-head"><span class="idx">L2</span><div><div class="title">身份与集成控制平面</div><div class="en">Identity and Integration Control Plane</div></div></div>
<div class="layer-body grid-5">
<div class="card"><div class="name">SSO / AD / LDAP</div><div class="desc">统一身份源、多组织访问、MFA 与外部协作者接入。</div></div>
<div class="card"><div class="name">RBAC / ABAC</div><div class="desc">角色 + 属性授权，按法规域、工厂、项目、供应商隔离。</div></div>
<div class="card"><div class="name">Workspace / Tenant</div><div class="desc">知识空间、项目空间和合作方隔离域统一管理。</div></div>
<div class="card"><div class="name">Enterprise Connectors</div><div class="desc">接入企业内容库、业务系统和流程引擎。</div></div>
<div class="card"><div class="name">Policy / Audit Hook</div><div class="desc">所有服务调用和数据访问统一挂接策略检查与审计回写。</div></div>
</div>
</section>
<div class="arrow"></div>
<section class="layer c-green">
<div class="layer-head"><span class="idx">L3</span><div><div class="title">领域服务层</div><div class="en">Domain Services Layer</div></div></div>
<div class="layer-body grid-6">
<div class="card"><div class="name">知识问答与研究</div><div class="desc">法规问答、引文回溯、专题摘要和管理层简报。</div></div>
<div class="card"><div class="name">文档审查与声明校验</div><div class="desc">企业制度、供应商声明、合同附件的条款级对比和缺项识别。</div></div>
<div class="card"><div class="name">法规感知与发布</div><div class="desc">法规采集、版本 Diff、影响分析、发布审批与正式入库。</div></div>
<div class="card"><div class="name">EHS 与体系审计</div><div class="desc">隐患识别、SIF 风险评分、体系审计与事件闭环。</div></div>
<div class="card"><div class="name">整改与案例管理</div><div class="desc">Case、Task、SLA、责任人、复审归档和经验沉淀。</div></div>
<div class="card"><div class="name">通知与报表</div><div class="desc">按角色输出消息、待办、报告、仪表板和月报。</div></div>
</div>
</section>
<div class="arrow"></div>
<section class="layer c-orange">
<div class="layer-head"><span class="idx">L4</span><div><div class="title">规则、审批与工作流层</div><div class="en">Rules, Approval and Workflow Layer</div></div></div>
<div class="layer-body grid-5">
<div class="card"><div class="name">规则引擎</div><div class="desc">法规条款映射义务、控制点、适用条件和风险阈值。</div></div>
<div class="card"><div class="name">义务-控制-证据模型</div><div class="desc">连接法规要求、企业控制措施、证据材料和结论解释。</div></div>
<div class="card"><div class="name">人工复核台</div><div class="desc">法务、EHS 专家和知识管理员对高风险结论进行复核签发。</div></div>
<div class="card"><div class="name">法规发布门</div><div class="desc">仅正式发布版本进入主知识库、推送链路和整改闭环。</div></div>
<div class="card"><div class="name">Case / SLA 编排</div><div class="desc">自动建单、分派升级、复审关闭与跨组织协同。</div></div>
</div>
</section>
<div class="arrow"></div>
<section class="layer c-purple">
<div class="layer-head"><span class="idx">L5</span><div><div class="title">AI 能力与控制面</div><div class="en">AI Capability and Control Plane</div></div></div>
<div class="layer-body grid-5">
<div class="card"><div class="name">Model Gateway</div><div class="desc">统一接入 DeepSeek、Qwen、本地模型和推理路由策略。</div></div>
<div class="card"><div class="name">Hybrid Retrieval</div><div class="desc">BM25、向量召回、Reranker 精排和权限过滤。</div></div>
<div class="card"><div class="name">LLM 结构化输出</div><div class="desc">问答、摘要、Diff 分析和风险报告按固定 schema 输出。</div></div>
<div class="card"><div class="name">NLP / 图谱推理</div><div class="desc">实体抽取、义务识别、影响范围分析和多跳关联推理。</div></div>
<div class="card"><div class="name">Guardrails / Eval</div><div class="desc">引用一致性、越权防护、Prompt Injection 防护和评测回归。</div></div>
</div>
</section>
<div class="arrow"></div>
<section class="layer c-teal">
<div class="layer-head"><span class="idx">L6</span><div><div class="title">数据、知识与证据面</div><div class="en">Data, Knowledge and Evidence Plane</div></div></div>
<div class="layer-body grid-5">
<div class="card"><div class="name">法规知识库</div><div class="desc">车辆安全、数据安全、EHS、碳排放、质量体系和案例库。</div></div>
<div class="card"><div class="name">PostgreSQL</div><div class="desc">租户、权限、工作区、任务状态、版本和主数据。</div></div>
<div class="card"><div class="name">Milvus / Neo4j</div><div class="desc">向量检索、图谱关系、条款实体和影响链路。</div></div>
<div class="card"><div class="name">MinIO / Archive</div><div class="desc">原始文件、解析产物、报告快照、截图和归档包。</div></div>
<div class="card"><div class="name">Evidence Store / Lineage</div><div class="desc">引用片段、模型输入输出、审批动作和整改轨迹全量留存。</div></div>
</div>
</section>
<div class="summary">
<div class="summary-item"><div class="name">逻辑原则 1</div><div class="desc">法规感知、文档审查、问答三类能力共享同一套规则、证据和审批控制面。</div></div>
<div class="summary-item"><div class="name">逻辑原则 2</div><div class="desc">AI 只提供生成与分析能力，真正落地结论由规则、证据和人工复核共同约束。</div></div>
<div class="summary-item"><div class="name">逻辑原则 3</div><div class="desc">安全治理和 AI 治理横切全链路，不在图中被降级成底层附属说明。</div></div>
</div>
</main>
<aside class="rail">
<h3>横切治理 B</h3>
<div class="sub">逻辑层之外独立表达模型治理、可靠性和运行规范。</div>
<div class="rail-item"><div class="name">模型治理</div><div class="desc">模型注册、版本切换、灰度路由、配额和成本治理。</div></div>
<div class="rail-item"><div class="name">评测回归</div><div class="desc">引用准确率、误报漏报率、人工驳回率和任务完成率。</div></div>
<div class="rail-item"><div class="name">可靠性治理</div><div class="desc">SLO / SLA、降级策略、审计告警和备份恢复要求。</div></div>
<div class="rail-item"><div class="name">知识运营</div><div class="desc">模板治理、法规发布责任制、案例回灌和知识空间维护。</div></div>
</aside>
</div>
<div class="footer">AI+合规智能中枢 V2 | Logical Architecture | 2026.04</div>
</div>
</body>
</html>

316
02B_部署运行架构图_v2.html Normal file
View File

@@ -0,0 +1,316 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI+合规智能中枢 - 部署运行架构图 V2</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
background: linear-gradient(180deg, #f5f8fb 0%, #edf2f7 100%);
color: #173654;
padding: 28px 18px 34px;
}
.page { max-width: 1760px; margin: 0 auto; }
.header { text-align: center; margin-bottom: 18px; }
.header h1 { font-size: 34px; font-weight: 900; color: #18385b; }
.header .sub { margin-top: 8px; font-size: 16px; color: #67798b; }
.chips {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 18px;
}
.chip {
padding: 8px 12px;
border-radius: 999px;
background: rgba(255,255,255,0.92);
border: 1px solid #dce4ec;
font-size: 12px;
color: #54687a;
box-shadow: 0 8px 20px rgba(22, 42, 68, 0.05);
}
.external {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
margin-bottom: 14px;
}
.ext-card {
background: linear-gradient(145deg, #1a3a5c, #2b5f8a);
color: #fff;
border-radius: 15px;
padding: 13px 14px;
min-height: 94px;
box-shadow: 0 14px 28px rgba(21, 44, 72, 0.12);
}
.ext-card .name { font-size: 14px; font-weight: 800; }
.ext-card .desc { font-size: 11px; line-height: 1.55; opacity: 0.88; margin-top: 6px; }
.vpc {
background: rgba(255, 255, 255, 0.95);
border: 2px solid #dbe4ec;
border-radius: 24px;
padding: 16px;
box-shadow: 0 16px 34px rgba(20, 40, 66, 0.08);
}
.vpc-head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
margin-bottom: 14px;
padding: 0 2px;
}
.vpc-head .title { font-size: 18px; font-weight: 800; color: #18385b; }
.vpc-head .sub { font-size: 12px; color: #6f8191; }
.zone-grid {
display: grid;
grid-template-columns: 260px minmax(0, 1fr) 300px;
gap: 14px;
align-items: start;
}
.zone,
.cluster,
.note-box {
background: #fff;
border-radius: 18px;
border: 1.5px solid #dee6ee;
box-shadow: 0 10px 24px rgba(20, 40, 66, 0.05);
}
.zone-head,
.cluster-head,
.note-head {
padding: 11px 14px;
color: #fff;
font-size: 14px;
font-weight: 800;
}
.zone-body,
.cluster-body,
.note-body { padding: 13px 14px 14px; }
.blue-head { background: linear-gradient(135deg, #1a3a5c, #2b5f8a); }
.green-head { background: linear-gradient(135deg, #1b5e3b, #2d8b57); }
.orange-head { background: linear-gradient(135deg, #91580e, #c27a1d); }
.purple-head { background: linear-gradient(135deg, #5b2c8b, #7d3cb5); }
.teal-head { background: linear-gradient(135deg, #0e6655, #148f77); }
.gray-head { background: linear-gradient(135deg, #334150, #5d6d7e); }
.red-head { background: linear-gradient(135deg, #8b2018, #c0392b); }
.mini {
background: #f8fbfd;
border: 1px solid #e6edf4;
border-radius: 12px;
padding: 9px 10px;
margin-bottom: 9px;
}
.mini .name { font-size: 12.5px; font-weight: 800; color: #1f4569; }
.mini .desc { font-size: 11px; color: #70818f; line-height: 1.55; margin-top: 4px; }
.center { display: flex; flex-direction: column; gap: 14px; }
.cluster-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.infra-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
}
.node {
background: #f8fbfd;
border: 1px solid #e5ecf3;
border-radius: 12px;
padding: 10px 11px;
}
.node .name { font-size: 12.5px; font-weight: 800; color: #1e4569; }
.node .desc { font-size: 11px; color: #6f8090; line-height: 1.55; margin-top: 4px; }
.note-item {
font-size: 11.5px;
color: #627586;
line-height: 1.6;
padding: 8px 0 8px 14px;
position: relative;
border-bottom: 1px solid #eef2f6;
}
.note-item:last-child { border-bottom: none; }
.note-item::before {
content: '•';
position: absolute;
left: 0;
top: 7px;
color: #8ea1b3;
font-size: 14px;
}
.footer { text-align: center; margin-top: 18px; font-size: 12px; color: #8a98a7; }
@media (max-width: 1500px) {
.zone-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1100px) {
.external, .cluster-grid, .infra-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
body { padding: 18px 12px 24px; }
.external, .cluster-grid, .infra-grid { grid-template-columns: 1fr; }
.header h1 { font-size: 28px; }
}
</style>
</head>
<body>
<div class="page">
<div class="header">
<h1>AI+合规智能中枢 - 部署运行架构图 V2</h1>
<div class="sub">聚焦网络边界、运行分区、异步编排、模型推理与状态数据面的部署关系</div>
</div>
<div class="chips">
<div class="chip">部署视图</div>
<div class="chip">企业私有云 / VPC / 数据中心</div>
<div class="chip">服务、Worker、模型、数据分区运行</div>
<div class="chip">治理与观测面独立</div>
</div>
<div class="external">
<div class="ext-card"><div class="name">企业用户</div><div class="desc">Web 门户、管理后台、审计台、法规发布台。</div></div>
<div class="ext-card"><div class="name">移动端 / 企业 Bot</div><div class="desc">巡检、待办、消息摘要、整改跟踪。</div></div>
<div class="ext-card"><div class="name">外部供应商</div><div class="desc">Partner Portal、声明上传、补证与协同。</div></div>
<div class="ext-card"><div class="name">企业系统</div><div class="desc">PLM、ERP、MES、OA、SharePoint、Confluence。</div></div>
<div class="ext-card"><div class="name">外部法规源</div><div class="desc">国标网、工信部、UN-ECE、EUR-Lex、碳交易平台。</div></div>
</div>
<div class="vpc">
<div class="vpc-head">
<div class="title">企业专有云 / VPC / 数据中心边界</div>
<div class="sub">DMZ 接入区 -> 应用服务区 -> 异步编排区 -> AI 推理区 -> 状态数据区 -> 治理运维区</div>
</div>
<div class="zone-grid">
<div>
<div class="zone">
<div class="zone-head blue-head">接入与边界区</div>
<div class="zone-body">
<div class="mini"><div class="name">WAF / LB / API Gateway</div><div class="desc">南北向流量入口、TLS 终止、限流、审计与灰度。</div></div>
<div class="mini"><div class="name">SSO / AD / LDAP</div><div class="desc">统一身份认证、企业账户、外部协作者和 MFA。</div></div>
<div class="mini"><div class="name">Partner Zone</div><div class="desc">供应商隔离域、数据水印、访问有效期与文件控制。</div></div>
<div class="mini"><div class="name">OpenAPI / Event Bus</div><div class="desc">向企业系统暴露 API、Webhook 和事件订阅。</div></div>
</div>
</div>
<div class="zone" style="margin-top:14px;">
<div class="zone-head green-head">企业集成区</div>
<div class="zone-body">
<div class="mini"><div class="name">Connector Service</div><div class="desc">对接 PLM、ERP、MES、OA、SharePoint 和文档库。</div></div>
<div class="mini"><div class="name">Sync / Webhook Adapter</div><div class="desc">双向同步对象、事件、整改状态和审查结果。</div></div>
</div>
</div>
</div>
<div class="center">
<div class="cluster-grid">
<div class="cluster">
<div class="cluster-head green-head">应用服务命名空间</div>
<div class="cluster-body">
<div class="mini"><div class="name">Portal / BFF</div><div class="desc">页面聚合、会话上下文、角色视图适配。</div></div>
<div class="mini"><div class="name">Knowledge / Review Service</div><div class="desc">问答、研究摘要、文档审查、声明校验。</div></div>
<div class="mini"><div class="name">Regulation Awareness Service</div><div class="desc">法规感知、版本 Diff、影响分析、发布编排。</div></div>
</div>
</div>
<div class="cluster">
<div class="cluster-head orange-head">规则与工作流命名空间</div>
<div class="cluster-body">
<div class="mini"><div class="name">Rule Engine</div><div class="desc">义务、控制点、风险阈值与模板化判定逻辑。</div></div>
<div class="mini"><div class="name">Workflow / Case Service</div><div class="desc">整改工单、SLA、责任人、升级策略和归档。</div></div>
<div class="mini"><div class="name">Approval Console</div><div class="desc">法规发布门、人工复核、例外豁免和双人审批。</div></div>
</div>
</div>
</div>
<div class="cluster-grid">
<div class="cluster">
<div class="cluster-head purple-head">异步 Worker 与调度区</div>
<div class="cluster-body">
<div class="mini"><div class="name">Scheduler / Trigger</div><div class="desc">Cron、事件触发、批量重索引、超时提醒和月报任务。</div></div>
<div class="mini"><div class="name">Parse / Embedding Workers</div><div class="desc">文档解析、切分、向量化、索引写入和缓存预热。</div></div>
<div class="mini"><div class="name">Awareness / Notify Workers</div><div class="desc">法规 Diff、推送分发、整改催办和导出任务。</div></div>
</div>
</div>
<div class="cluster">
<div class="cluster-head red-head">AI 推理与解析区</div>
<div class="cluster-body">
<div class="mini"><div class="name">Model Gateway</div><div class="desc">统一接入 DeepSeek、Qwen、本地推理服务与模板版本。</div></div>
<div class="mini"><div class="name">vLLM / TGI / GPU Pool</div><div class="desc">在线生成与推理路由，支持配额、限速和弹性扩容。</div></div>
<div class="mini"><div class="name">OCR / MinerU Cluster</div><div class="desc">文档解析、复杂版面识别和回退链路。</div></div>
</div>
</div>
</div>
<div class="cluster">
<div class="cluster-head teal-head">状态数据与中间件区</div>
<div class="cluster-body infra-grid">
<div class="node"><div class="name">PostgreSQL</div><div class="desc">租户、权限、版本、任务、案例和主数据。</div></div>
<div class="node"><div class="name">Milvus</div><div class="desc">条款向量、文档向量和权限过滤标签。</div></div>
<div class="node"><div class="name">Neo4j</div><div class="desc">法规、义务、控制点、组织和案例图谱。</div></div>
<div class="node"><div class="name">MinIO / Archive</div><div class="desc">原始文件、解析产物、报告与归档包。</div></div>
<div class="node"><div class="name">RabbitMQ / Redis</div><div class="desc">队列、缓存、分布式锁和热点摘要。</div></div>
</div>
</div>
</div>
<div>
<div class="note-box">
<div class="note-head gray-head">治理与运维区</div>
<div class="note-body">
<div class="note-item">Prometheus、Grafana、Loki / ELK、Tracing 构成统一观测面。</div>
<div class="note-item">KMS / Secrets、镜像扫描、配置中心和审计告警独立运行。</div>
<div class="note-item">CI / CD、发布回滚、环境隔离和灾备恢复流程纳入平台控制面。</div>
<div class="note-item">模型治理台负责模型版本、路由策略、评测回归和成本监控。</div>
</div>
</div>
<div class="note-box" style="margin-top:14px;">
<div class="note-head purple-head">高可用设计</div>
<div class="note-body">
<div class="note-item">无状态服务多副本部署，入口网关支持灰度与故障摘除。</div>
<div class="note-item">Worker 可按任务类型水平扩展，法规感知和解析任务解耦运行。</div>
<div class="note-item">状态数据采用备份、快照、主从或托管高可用策略。</div>
<div class="note-item">GPU 池与解析集群独立扩容，避免在线问答被离线批任务挤占。</div>
</div>
</div>
<div class="note-box" style="margin-top:14px;">
<div class="note-head orange-head">运行边界说明</div>
<div class="note-body">
<div class="note-item">该图表达运行拓扑，不展开业务流程与详细时序。</div>
<div class="note-item">法规发布门与人工复核台作为独立运行组件保留，不下沉为线下动作。</div>
<div class="note-item">证据库存储和审计日志作为生产组件处理，不仅是报表输出附件。</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">AI+合规智能中枢 V2 | Deployment and Runtime Architecture | 2026.04</div>
</div>
</body>
</html>

250
02C_核心数据流闭环时序图_v2.html Normal file
View File

@@ -0,0 +1,250 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI+合规智能中枢 - 核心数据流闭环时序图 V2</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
background: linear-gradient(180deg, #f4f8fb 0%, #edf2f7 100%);
color: #183552;
padding: 28px 18px 34px;
}
.page { max-width: 1720px; margin: 0 auto; }
.header { text-align: center; margin-bottom: 18px; }
.header h1 { font-size: 34px; font-weight: 900; color: #18385b; }
.header .sub { margin-top: 8px; font-size: 16px; color: #687a8b; }
.chips {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 18px;
}
.chip {
padding: 8px 12px;
border-radius: 999px;
background: rgba(255,255,255,0.92);
border: 1px solid #dce4ec;
font-size: 12px;
color: #54687a;
box-shadow: 0 8px 20px rgba(22, 42, 68, 0.05);
}
.panel {
background: rgba(255,255,255,0.95);
border: 2px solid #dde5ee;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 14px 32px rgba(20, 40, 66, 0.08);
margin-bottom: 16px;
}
.panel-head {
padding: 13px 18px;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.panel-head .title { font-size: 17px; font-weight: 800; }
.panel-head .sub { font-size: 12px; opacity: 0.84; }
.head-red { background: linear-gradient(135deg, #8b2018, #c0392b); }
.head-green { background: linear-gradient(135deg, #1b5e3b, #2d8b57); }
.head-blue { background: linear-gradient(135deg, #1a3a5c, #2b5f8a); }
.panel-body { padding: 16px; }
.actors {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px;
margin-bottom: 12px;
}
.actor {
background: #f7fbfd;
border: 1px solid #e3ebf2;
border-radius: 13px;
padding: 10px 11px;
text-align: center;
}
.actor .name { font-size: 12.5px; font-weight: 800; color: #1f4569; }
.actor .role { font-size: 10.5px; color: #708291; margin-top: 4px; line-height: 1.5; }
.sequence {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 10px 12px;
align-items: start;
}
.event {
background: #fff;
border: 1.5px solid #e2e8ef;
border-radius: 13px;
padding: 10px 12px;
box-shadow: 0 6px 16px rgba(20, 40, 66, 0.04);
}
.event .step {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
color: #fff;
font-size: 11px;
font-weight: 800;
margin-right: 7px;
vertical-align: middle;
}
.event .name { font-size: 12.5px; font-weight: 800; color: #1e4569; }
.event .desc { font-size: 11px; color: #6e8090; line-height: 1.58; margin-top: 6px; }
.red { background: #c0392b; }
.green { background: #2d8b57; }
.blue { background: #2b5f8a; }
.orange { background: #c27a1d; }
.purple { background: #7d3cb5; }
.teal { background: #148f77; }
.legend {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 4px;
}
.legend-item {
background: rgba(255,255,255,0.95);
border: 1px solid #e1e8ef;
border-radius: 13px;
padding: 11px 12px;
}
.legend-item .name { font-size: 13px; font-weight: 800; color: #1f4569; }
.legend-item .desc { font-size: 11px; color: #70818f; line-height: 1.58; margin-top: 4px; }
.footer { text-align: center; margin-top: 18px; font-size: 12px; color: #8a98a7; }
@media (max-width: 1180px) {
.actors, .sequence, .legend { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.event[style] { grid-column: auto !important; }
}
@media (max-width: 720px) {
body { padding: 18px 12px 24px; }
.actors, .sequence, .legend { grid-template-columns: 1fr; }
.header h1 { font-size: 28px; }
}
</style>
</head>
<body>
<div class="page">
<div class="header">
<h1>AI+合规智能中枢 - 核心数据流闭环时序图 V2</h1>
<div class="sub">聚焦关键业务链路的时序责任分工，表达同步调用、异步处理、人工审批与证据回写</div>
</div>
<div class="chips">
<div class="chip">时序视图</div>
<div class="chip">法规发布闭环</div>
<div class="chip">文档审查闭环</div>
<div class="chip">问答证据闭环</div>
</div>
<section class="panel">
<div class="panel-head head-red">
<div class="title">A. 法规感知 -> 发布 -> 整改闭环</div>
<div class="sub">Regulation Awareness, Approval and Remediation Loop</div>
</div>
<div class="panel-body">
<div class="actors">
<div class="actor"><div class="name">法规源</div><div class="role">国标网 / 工信部 / UN-ECE / EUR-Lex</div></div>
<div class="actor"><div class="name">采集感知服务</div><div class="role">轮询、Diff、版本识别</div></div>
<div class="actor"><div class="name">解析 / AI 引擎</div><div class="role">OCR、抽取、影响分析</div></div>
<div class="actor"><div class="name">审批发布台</div><div class="role">专家 / 法务复核</div></div>
<div class="actor"><div class="name">工作流 / 通知</div><div class="role">建单、分派、推送</div></div>
<div class="actor"><div class="name">知识 / 证据库</div><div class="role">版本、引用、归档</div></div>
</div>
<div class="sequence">
<div class="event" style="grid-column:1 / 3;"><span class="step red">1</span><span class="name">法规源发布新版本，采集服务轮询命中</span><div class="desc">记录来源、发布日期、版本号和原始下载地址。</div></div>
<div class="event" style="grid-column:2 / 4;"><span class="step red">2</span><span class="name">执行 Diff 检测与适用范围初判</span><div class="desc">识别新增、修订、废止条款，并打上法规域与影响对象标签。</div></div>
<div class="event" style="grid-column:3 / 6;"><span class="step red">3</span><span class="name">OCR / 结构化 / 义务抽取 / 影响分析</span><div class="desc">触发解析、条款切分、义务识别、制度映射和影响范围分析。</div></div>
<div class="event" style="grid-column:3 / 7;"><span class="step red">4</span><span class="name">写入草稿版知识、Diff 结果和证据快照</span><div class="desc">草稿版本先进入证据库和待发布区，不直接进入生产检索与整改链路。</div></div>
<div class="event" style="grid-column:4 / 5;"><span class="step red">5</span><span class="name">专家 / 法务执行发布门审批</span><div class="desc">确认法规权威性、生效日期、适用范围和解析质量。</div></div>
<div class="event" style="grid-column:4 / 7;"><span class="step red">6</span><span class="name">正式发布版本生效并回写规则、索引和图谱</span><div class="desc">发布后更新主知识库、规则映射、向量索引和图谱关系。</div></div>
<div class="event" style="grid-column:5 / 6;"><span class="step red">7</span><span class="name">按角色推送摘要并自动创建整改任务</span><div class="desc">向研发、EHS、采购、法务和管理层分发差异摘要与待办。</div></div>
<div class="event" style="grid-column:5 / 7;"><span class="step red">8</span><span class="name">整改回执、复审结论和归档材料持续回写</span><div class="desc">所有整改证据、审批动作和关闭结论沉淀回证据库与案例库。</div></div>
</div>
</div>
</section>
<section class="panel">
<div class="panel-head head-green">
<div class="title">B. 文档审查 -> 人工复核 -> 整改闭环</div>
<div class="sub">Document Review, Human Validation and Remediation Loop</div>
</div>
<div class="panel-body">
<div class="actors">
<div class="actor"><div class="name">用户 / 供应商</div><div class="role">上传制度、声明、合同附件</div></div>
<div class="actor"><div class="name">Portal / API</div><div class="role">登记任务、选择模板</div></div>
<div class="actor"><div class="name">解析服务</div><div class="role">OCR、切分、结构化</div></div>
<div class="actor"><div class="name">规则 / AI 审查</div><div class="role">比对、评分、建议</div></div>
<div class="actor"><div class="name">专家复核台</div><div class="role">人工确认和签发</div></div>
<div class="actor"><div class="name">任务 / 证据库</div><div class="role">报告、整改、归档</div></div>
</div>
<div class="sequence">
<div class="event" style="grid-column:1 / 3;"><span class="step green">1</span><span class="name">上传文件并选择审查模板</span><div class="desc">输入材料类型、适用法规域和目标审查场景。</div></div>
<div class="event" style="grid-column:2 / 4;"><span class="step green">2</span><span class="name">Portal 登记任务并投递解析队列</span><div class="desc">保存原始文件、任务 ID、操作者和版本快照。</div></div>
<div class="event" style="grid-column:3 / 5;"><span class="step green">3</span><span class="name">解析、条款切分与领域识别</span><div class="desc">抽取结构化段落、表格和关键条款候选。</div></div>
<div class="event" style="grid-column:4 / 6;"><span class="step green">4</span><span class="name">规则判定 + 语义比对 + 风险评分</span><div class="desc">输出缺项、冲突条款、证据要求和整改建议草稿。</div></div>
<div class="event" style="grid-column:5 / 6;"><span class="step green">5</span><span class="name">专家复核高风险项与误报项</span><div class="desc">允许补充说明、人工修订和例外豁免说明。</div></div>
<div class="event" style="grid-column:5 / 7;"><span class="step green">6</span><span class="name">生成正式报告并固化证据快照</span><div class="desc">报告、引用、审批记录和材料版本统一写入证据库。</div></div>
<div class="event" style="grid-column:6 / 7;"><span class="step green">7</span><span class="name">触发整改任务、SLA 跟踪与复验关闭</span><div class="desc">整改轨迹和复审结果回灌到案例库和知识空间。</div></div>
</div>
</div>
</section>
<section class="panel">
<div class="panel-head head-blue">
<div class="title">C. 问答检索 -> 引用校验 -> 评测反馈闭环</div>
<div class="sub">Retrieval QA, Citation Validation and Evaluation Feedback Loop</div>
</div>
<div class="panel-body">
<div class="actors">
<div class="actor"><div class="name">用户</div><div class="role">法规提问、研究问题、场景问答</div></div>
<div class="actor"><div class="name">BFF / API</div><div class="role">权限注入、空间选择</div></div>
<div class="actor"><div class="name">检索引擎</div><div class="role">召回、精排、过滤</div></div>
<div class="actor"><div class="name">Model Gateway / LLM</div><div class="role">生成、结构化输出</div></div>
<div class="actor"><div class="name">Guardrails</div><div class="role">引用一致性、防越权、防注入</div></div>
<div class="actor"><div class="name">Evidence / Eval</div><div class="role">日志、反馈、评测集</div></div>
</div>
<div class="sequence">
<div class="event" style="grid-column:1 / 3;"><span class="step blue">1</span><span class="name">用户提问，BFF 注入身份、空间与权限上下文</span><div class="desc">确定问题所属法规域、项目空间和可访问知识边界。</div></div>
<div class="event" style="grid-column:2 / 4;"><span class="step blue">2</span><span class="name">执行关键词 + 向量混合召回</span><div class="desc">同时检索条款级和文档级候选，并应用权限过滤与版本过滤。</div></div>
<div class="event" style="grid-column:3 / 4;"><span class="step blue">3</span><span class="name">Reranker 精排并返回最佳上下文</span><div class="desc">确保进入生成环节的片段具备高相关性和可引用性。</div></div>
<div class="event" style="grid-column:4 / 5;"><span class="step blue">4</span><span class="name">LLM 生成结构化答案与引用</span><div class="desc">输出条款、页码、来源文件、版本号和结论摘要。</div></div>
<div class="event" style="grid-column:5 / 6;"><span class="step blue">5</span><span class="name">Guardrails 校验引用一致性与越权风险</span><div class="desc">发现引用不支撑、越权内容或注入风险时拒答或降级。</div></div>
<div class="event" style="grid-column:5 / 7;"><span class="step blue">6</span><span class="name">返回答案并写入证据日志与评测样本</span><div class="desc">保留输入、上下文、输出、模型版本和检索命中结果。</div></div>
<div class="event" style="grid-column:1 / 7;"><span class="step blue">7</span><span class="name">用户反馈回流到评测与模板优化闭环</span><div class="desc">用于回归测试、Prompt 优化、路由策略调整和知识空间清理。</div></div>
</div>
</div>
</section>
<div class="legend">
<div class="legend-item"><div class="name">时序图使用方式</div><div class="desc">适合汇报关键业务闭环、解释为什么需要规则层、审批门和证据库。</div></div>
<div class="legend-item"><div class="name">和逻辑图的关系</div><div class="desc">逻辑图讲职责边界，这张图讲跨组件协同顺序和关键回写动作。</div></div>
<div class="legend-item"><div class="name">和部署图的关系</div><div class="desc">部署图讲运行位置与网络分区，这张图不再展开 K8s、GPU 和状态数据部署细节。</div></div>
</div>
<div class="footer">AI+合规智能中枢 V2 | Core Flows and Sequence Loops | 2026.04</div>
</div>
</body>
</html>

657
02_详细技术架构图_v2.html Normal file
View File

@@ -0,0 +1,657 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI+合规智能中枢 - 详细技术架构图 V2</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
background: linear-gradient(180deg, #f3f7fb 0%, #edf2f7 100%);
color: #193655;
padding: 28px 18px 34px;
}
.page { max-width: 1820px; margin: 0 auto; }
.header { text-align: center; margin-bottom: 18px; }
.header h1 {
font-size: 33px;
font-weight: 900;
color: #18385b;
letter-spacing: 1px;
}
.header .sub {
margin-top: 8px;
font-size: 16px;
color: #66798b;
}
.legend-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-bottom: 18px;
}
.legend-chip {
padding: 8px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
border: 1px solid #dbe4ee;
font-size: 12px;
color: #516578;
box-shadow: 0 8px 20px rgba(20, 40, 66, 0.05);
}
.layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 18px;
align-items: start;
}
.main { display: flex; flex-direction: column; gap: 14px; }
.sidebar { display: flex; flex-direction: column; gap: 14px; }
.section {
background: rgba(255, 255, 255, 0.94);
border: 2px solid #dce4ec;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 14px 32px rgba(20, 42, 68, 0.07);
}
.section-head {
padding: 12px 18px;
color: #fff;
display: flex;
align-items: center;
gap: 10px;
}
.section-head .title { font-size: 16px; font-weight: 800; }
.section-head .en { font-size: 11px; opacity: 0.78; font-weight: 400; }
.section-body { padding: 15px 16px 16px; }
.c-blue { border-color: #a8c8e8; }
.c-blue .section-head { background: linear-gradient(135deg, #1a3a5c, #2b5f8a); }
.c-green { border-color: #b7dec6; }
.c-green .section-head { background: linear-gradient(135deg, #1b5e3b, #2d8b57); }
.c-purple { border-color: #d2b8ea; }
.c-purple .section-head { background: linear-gradient(135deg, #5b2c8b, #7d3cb5); }
.c-orange { border-color: #efd19d; }
.c-orange .section-head { background: linear-gradient(135deg, #91580e, #c27a1d); }
.c-teal { border-color: #abdccd; }
.c-teal .section-head { background: linear-gradient(135deg, #0e6655, #148f77); }
.c-red { border-color: #efb7af; }
.c-red .section-head { background: linear-gradient(135deg, #8b1f18, #c0392b); }
.c-gray { border-color: #c6ced7; }
.c-gray .section-head { background: linear-gradient(135deg, #334150, #5d6d7e); }
.persona-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px;
}
.persona {
background: linear-gradient(145deg, #1a3a5c, #2b5f8a);
color: #fff;
border-radius: 14px;
padding: 12px 14px;
min-height: 92px;
}
.persona .name { font-size: 14px; font-weight: 800; }
.persona .role { font-size: 11px; opacity: 0.82; margin-top: 4px; }
.persona .path { font-size: 11px; opacity: 0.9; margin-top: 7px; line-height: 1.5; }
.flow-arrow {
width: 2px;
height: 18px;
background: #b4c0cc;
margin: 0 auto;
position: relative;
}
.flow-arrow::after {
content: '';
position: absolute;
bottom: -6px;
left: -4px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #b4c0cc;
}
.access-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 10px;
}
.access-card,
.data-card,
.runtime-card {
background: #fbfcfe;
border: 1.5px solid #dde5ee;
border-radius: 13px;
padding: 12px 12px 13px;
}
.access-card .name,
.data-card .name,
.runtime-card .name {
font-size: 13px;
font-weight: 800;
color: #1f4569;
margin-bottom: 4px;
}
.access-card .desc,
.data-card .desc,
.runtime-card .desc {
font-size: 11px;
line-height: 1.55;
color: #6b7c8d;
}
.service-grid,
.ai-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.service-box,
.ai-box {
border: 1.5px solid #e0e7ef;
border-radius: 15px;
background: #fff;
overflow: hidden;
}
.service-box .box-head,
.ai-box .box-head {
padding: 11px 14px;
font-size: 14px;
font-weight: 800;
color: #fff;
}
.service-box .box-body,
.ai-box .box-body {
padding: 12px 13px 13px;
display: flex;
flex-direction: column;
gap: 8px;
}
.theme-blue .box-head { background: linear-gradient(135deg, #1a3a5c, #2b5f8a); }
.theme-green .box-head { background: linear-gradient(135deg, #1b5e3b, #2d8b57); }
.theme-red .box-head { background: linear-gradient(135deg, #8b2018, #c0392b); }
.theme-orange .box-head { background: linear-gradient(135deg, #91580e, #c27a1d); }
.theme-purple .box-head { background: linear-gradient(135deg, #5b2c8b, #7d3cb5); }
.theme-teal .box-head { background: linear-gradient(135deg, #0e6655, #148f77); }
.item {
background: #f9fbfd;
border: 1px solid #e7edf4;
border-radius: 11px;
padding: 9px 10px;
}
.item-title {
font-size: 12.5px;
font-weight: 800;
color: #1d4368;
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.item-desc {
font-size: 11px;
line-height: 1.55;
color: #70818f;
margin-top: 4px;
}
.tag {
display: inline-flex;
align-items: center;
padding: 2px 7px;
border-radius: 999px;
font-size: 10px;
font-weight: 700;
}
.sync { background: #e8f2fd; color: #2b5f8a; }
.async { background: #fff1e2; color: #a9650c; }
.manual { background: #fdeceb; color: #b12f22; }
.control { background: #efe5fb; color: #6c32a0; }
.lineage { background: #e8f7f3; color: #11715e; }
.data-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px;
}
.runtime-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
}
.flow-panel {
background: #fff;
border-radius: 14px;
border: 1.5px solid #dde5ee;
padding: 14px 16px;
}
.flow-title {
font-size: 14px;
font-weight: 800;
color: #1b3d61;
margin-bottom: 10px;
}
.flow-item {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 12px;
color: #5f7283;
margin-bottom: 9px;
line-height: 1.6;
}
.flow-num {
width: 22px;
height: 22px;
border-radius: 50%;
background: #2b5f8a;
color: #fff;
font-size: 11px;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 1px;
}
.side-box {
background: rgba(255, 255, 255, 0.95);
border: 2px solid #dce4ec;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 12px 28px rgba(20, 40, 66, 0.07);
}
.side-head {
padding: 10px 14px;
color: #fff;
font-size: 14px;
font-weight: 800;
}
.side-body { padding: 12px 14px 14px; }
.side-item {
padding: 8px 0 8px 14px;
position: relative;
font-size: 11.5px;
color: #617485;
line-height: 1.55;
border-bottom: 1px solid #eef2f6;
}
.side-item:last-child { border-bottom: none; }
.side-item::before {
content: '•';
position: absolute;
left: 0;
top: 7px;
color: #8ca0b3;
font-size: 14px;
}
.blue-head { background: linear-gradient(135deg, #1a3a5c, #2b5f8a); }
.green-head { background: linear-gradient(135deg, #1b5e3b, #2d8b57); }
.purple-head { background: linear-gradient(135deg, #5b2c8b, #7d3cb5); }
.red-head { background: linear-gradient(135deg, #8b2018, #c0392b); }
.orange-head { background: linear-gradient(135deg, #91580e, #c27a1d); }
.gray-head { background: linear-gradient(135deg, #334150, #5d6d7e); }
.footer {
text-align: center;
margin-top: 18px;
font-size: 12px;
color: #8a98a7;
}
@media (max-width: 1600px) {
.layout { grid-template-columns: 1fr; }
}
@media (max-width: 1200px) {
.persona-grid,
.access-grid,
.data-grid,
.runtime-grid,
.service-grid,
.ai-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
body { padding: 18px 12px 24px; }
.persona-grid,
.access-grid,
.data-grid,
.runtime-grid,
.service-grid,
.ai-grid { grid-template-columns: 1fr; }
.header h1 { font-size: 27px; }
}
</style>
</head>
<body>
<div class="page">
<div class="header">
<h1>AI+合规智能中枢 - 详细技术架构图 V2</h1>
<div class="sub">把规则、审批、证据链、模型治理和法规发布门都显式化到系统边界内</div>
</div>
<div class="legend-row">
<div class="legend-chip">蓝色标签: 同步 API / 在线查询</div>
<div class="legend-chip">橙色标签: 异步任务 / 编排执行</div>
<div class="legend-chip">红色标签: 人工复核 / 审批动作</div>
<div class="legend-chip">紫色标签: 控制面 / 治理能力</div>
<div class="legend-chip">绿色标签: 证据链 / 版本血缘</div>
</div>
<div class="layout">
<div class="main">
<div class="section c-blue">
<div class="section-head">
<div class="title">用户与渠道入口</div>
<div class="en">User Personas and Entry Channels</div>
</div>
<div class="section-body persona-grid">
<div class="persona"><div class="name">车企研发 / 法务</div><div class="role">法规研究、条款问答、方案审查</div><div class="path">Web 门户 / OpenAPI / 项目空间</div></div>
<div class="persona"><div class="name">工厂 EHS 工程师</div><div class="role">隐患识别、巡检记录、整改闭环</div><div class="path">移动端 / 企业 Bot / 巡检 App</div></div>
<div class="persona"><div class="name">采购 / 供应链</div><div class="role">供应商声明校验、外部材料追踪</div><div class="path">ERP / PLM / Partner Portal</div></div>
<div class="persona"><div class="name">管理层 / 审计</div><div class="role">风险热力图、整改 SLA、审计报告</div><div class="path">Dashboard / 报表中心 / 邮件订阅</div></div>
<div class="persona"><div class="name">外部供应商</div><div class="role">上传合规声明、补证、答复问题单</div><div class="path">外部门户 / 邮件链接 / API</div></div>
<div class="persona"><div class="name">平台运营 / 知识管理员</div><div class="role">法规发布、知识治理、模板管理</div><div class="path">管理后台 / 审批台 / 运维台</div></div>
</div>
</div>
<div class="flow-arrow"></div>
<div class="section c-gray">
<div class="section-head">
<div class="title">接入与身份控制平面</div>
<div class="en">Access, Identity and Integration Plane</div>
</div>
<div class="section-body access-grid">
<div class="access-card"><div class="name">Portal / Bot / BFF</div><div class="desc">统一承接 Web、移动端、Bot 与外部门户请求，适配不同交互界面。</div></div>
<div class="access-card"><div class="name">SSO / AD / LDAP</div><div class="desc">企业统一身份认证，支持多组织、外部协作账户与免密登录。</div></div>
<div class="access-card"><div class="name">IAM / RBAC / ABAC</div><div class="desc">角色 + 属性授权，按法规域、项目、工厂、供应商、文档敏感级别隔离。</div></div>
<div class="access-card"><div class="name">API Gateway / WAF</div><div class="desc">TLS 终止、限流、鉴权、熔断、请求审计、接口灰度与版本管理。</div></div>
<div class="access-card"><div class="name">OpenAPI / Event Bus</div><div class="desc">向 PLM、ERP、MES、OA、SharePoint、Confluence 暴露 API 与事件流。</div></div>
<div class="access-card"><div class="name">Partner Zone</div><div class="desc">外部供应商隔离域，支持数据水印、下载控制、访问有效期与行为追踪。</div></div>
</div>
</div>
<div class="flow-arrow"></div>
<div class="section c-green">
<div class="section-head">
<div class="title">领域服务层</div>
<div class="en">Domain Services</div>
</div>
<div class="section-body service-grid">
<div class="service-box theme-blue">
<div class="box-head">知识问答与研究服务</div>
<div class="box-body">
<div class="item"><div class="item-title">检索问答 <span class="tag sync">同步</span></div><div class="item-desc">基于专题空间、权限过滤和引用回溯，输出法规问答与条款解释。</div></div>
<div class="item"><div class="item-title">专题知识空间 <span class="tag control">控制面</span></div><div class="item-desc">按法规域、产品线、工厂、供应商维护检索边界和上下文。</div></div>
<div class="item"><div class="item-title">引用证据生成 <span class="tag lineage">证据链</span></div><div class="item-desc">把回答关联到条款、页码、版本、文件和解析任务 ID。</div></div>
<div class="item"><div class="item-title">研究摘要输出 <span class="tag sync">同步</span></div><div class="item-desc">输出结构化摘要、差异列表和管理层简报。</div></div>
</div>
</div>
<div class="service-box theme-green">
<div class="box-head">文档审查与声明校验服务</div>
<div class="box-body">
<div class="item"><div class="item-title">文档上传登记 <span class="tag async">异步</span></div><div class="item-desc">登记原始文件、选择审查模板、投递解析和索引任务。</div></div>
<div class="item"><div class="item-title">条款级比对 <span class="tag sync">同步</span></div><div class="item-desc">对企业制度、供应商声明、合同附件做语义比对和缺项检查。</div></div>
<div class="item"><div class="item-title">风险标注与建议 <span class="tag control">控制面</span></div><div class="item-desc">输出风险等级、触发规则、整改建议和复审要求。</div></div>
<div class="item"><div class="item-title">人工复核台 <span class="tag manual">人工审批</span></div><div class="item-desc">法务或业务专家确认误报、补充说明、签发审查结论。</div></div>
</div>
</div>
<div class="service-box theme-red">
<div class="box-head">法规感知与发布服务</div>
<div class="box-body">
<div class="item"><div class="item-title">法规源监控 <span class="tag async">异步</span></div><div class="item-desc">定时采集国标网、工信部、UN-ECE、EUR-Lex、碳交易平台等法规源。</div></div>
<div class="item"><div class="item-title">版本 Diff 检测 <span class="tag async">异步</span></div><div class="item-desc">识别新增、修订、废止条款，并提取适用范围和影响对象。</div></div>
<div class="item"><div class="item-title">影响分析 <span class="tag control">控制面</span></div><div class="item-desc">映射产品、工厂、制度、流程、供应商和历史问题单。</div></div>
<div class="item"><div class="item-title">法规发布门 <span class="tag manual">人工审批</span></div><div class="item-desc">专家确认权威性、生效日期和发布范围，再进入正式知识库与整改流程。</div></div>
</div>
</div>
<div class="service-box theme-orange">
<div class="box-head">规则与决策服务</div>
<div class="box-body">
<div class="item"><div class="item-title">规则引擎 <span class="tag control">控制面</span></div><div class="item-desc">将法规条款映射为义务、控制点、适用条件、风险阈值和判定逻辑。</div></div>
<div class="item"><div class="item-title">义务-控制-证据模型 <span class="tag lineage">证据链</span></div><div class="item-desc">把法规要求和企业证据材料关联，形成可解释的审查结论。</div></div>
<div class="item"><div class="item-title">例外豁免管理 <span class="tag manual">人工审批</span></div><div class="item-desc">对特殊场景设置有效期、补偿控制和审批链路。</div></div>
<div class="item"><div class="item-title">评分与分级策略 <span class="tag control">控制面</span></div><div class="item-desc">误报漏报容忍度、业务影响权重、风险等级和整改 SLA。</div></div>
</div>
</div>
<div class="service-box theme-purple">
<div class="box-head">工作流与整改服务</div>
<div class="box-body">
<div class="item"><div class="item-title">Case / Task 管理 <span class="tag control">控制面</span></div><div class="item-desc">从法规变更、文档审查、EHS 风险自动生成问题单和整改任务。</div></div>
<div class="item"><div class="item-title">责任人和 SLA <span class="tag sync">同步</span></div><div class="item-desc">关联责任部门、升级机制、超时提醒和闭环 KPI。</div></div>
<div class="item"><div class="item-title">复审与关闭 <span class="tag manual">人工审批</span></div><div class="item-desc">支持双人复核、补证、复验、关闭归档和经验沉淀。</div></div>
<div class="item"><div class="item-title">整改轨迹留存 <span class="tag lineage">证据链</span></div><div class="item-desc">保留每一步动作、附件、审批人、时间戳和结论依据。</div></div>
</div>
</div>
<div class="service-box theme-teal">
<div class="box-head">通知与报表服务</div>
<div class="box-body">
<div class="item"><div class="item-title">多渠道通知 <span class="tag async">异步</span></div><div class="item-desc">飞书、钉钉、Teams、邮件、站内消息、Webhook 分发。</div></div>
<div class="item"><div class="item-title">角色化摘要 <span class="tag sync">同步</span></div><div class="item-desc">按研发、EHS、采购、法务、管理层生成不同粒度的摘要。</div></div>
<div class="item"><div class="item-title">审计报告导出 <span class="tag lineage">证据链</span></div><div class="item-desc">导出带引用、审批记录、整改轨迹的审计与合规报告。</div></div>
<div class="item"><div class="item-title">看板与月报 <span class="tag sync">同步</span></div><div class="item-desc">风险热力图、法规变更影响面、整改达成率和模型效果趋势。</div></div>
</div>
</div>
</div>
</div>
<div class="flow-arrow"></div>
<div class="section c-purple">
<div class="section-head">
<div class="title">AI 能力与控制面</div>
<div class="en">AI Capability and Control Plane</div>
</div>
<div class="section-body ai-grid">
<div class="ai-box theme-purple">
<div class="box-head">Model Gateway & Prompt Hub</div>
<div class="box-body">
<div class="item"><div class="item-title">模型路由 <span class="tag control">控制面</span></div><div class="item-desc">统一接入 DeepSeek、Qwen、本地 vLLM/TGI 推理服务。</div></div>
<div class="item"><div class="item-title">Prompt / 模板版本</div><div class="item-desc">对问答、审查、摘要、Diff 分析模板做版本管理与回滚。</div></div>
</div>
</div>
<div class="ai-box theme-blue">
<div class="box-head">混合检索与精排</div>
<div class="box-body">
<div class="item"><div class="item-title">向量 + 关键词召回</div><div class="item-desc">BM25、BGE-M3、多工作区过滤、条款与文档双粒度检索。</div></div>
<div class="item"><div class="item-title">Reranker 精排</div><div class="item-desc">Cross-Encoder 对召回候选做相关性与引用质量重排。</div></div>
</div>
</div>
<div class="ai-box theme-green">
<div class="box-head">LLM 生成与结构化输出</div>
<div class="box-body">
<div class="item"><div class="item-title">引用锚定生成</div><div class="item-desc">要求输出带条款、页码、版本号和来源文档的答案。</div></div>
<div class="item"><div class="item-title">结构化 JSON</div><div class="item-desc">审查结论、风险评分、整改建议按固定 schema 输出。</div></div>
</div>
</div>
<div class="ai-box theme-orange">
<div class="box-head">文档解析与 OCR</div>
<div class="box-body">
<div class="item"><div class="item-title">MinerU / OCR</div><div class="item-desc">解析 PDF、Word、Excel、扫描件并恢复版面结构。</div></div>
<div class="item"><div class="item-title">解析回退策略</div><div class="item-desc">云解析、本地解析和回退链路统一编排，保障稳定性。</div></div>
</div>
</div>
<div class="ai-box theme-teal">
<div class="box-head">NLP 与知识图谱推理</div>
<div class="box-body">
<div class="item"><div class="item-title">实体与义务抽取</div><div class="item-desc">提取法规实体、适用对象、控制措施、隐患实体和责任主体。</div></div>
<div class="item"><div class="item-title">图谱关联推理</div><div class="item-desc">法规、制度、组织、供应商和整改案例做多跳关联分析。</div></div>
</div>
</div>
<div class="ai-box theme-red">
<div class="box-head">评测与 Guardrails</div>
<div class="box-body">
<div class="item"><div class="item-title">引用一致性校验 <span class="tag control">控制面</span></div><div class="item-desc">检查回答是否真正被引用内容支持，控制幻觉风险。</div></div>
<div class="item"><div class="item-title">注入与越权防护 <span class="tag control">控制面</span></div><div class="item-desc">Prompt Injection、防越权检索、敏感内容遮蔽和策略拒答。</div></div>
</div>
</div>
</div>
</div>
<div class="flow-arrow"></div>
<div class="section c-teal">
<div class="section-head">
<div class="title">数据、证据与存储平面</div>
<div class="en">Data, Evidence and Storage Plane</div>
</div>
<div class="section-body data-grid">
<div class="data-card"><div class="name">PostgreSQL</div><div class="desc">用户、租户、权限、工作区、法规版本、任务状态、案例与整改主数据。</div></div>
<div class="data-card"><div class="name">Evidence Store</div><div class="desc">保存引用片段、模型输入输出、审批动作、报告快照与整改附件。</div></div>
<div class="data-card"><div class="name">Milvus</div><div class="desc">条款级与文档级向量、混合检索索引、版本化嵌入与权限过滤标签。</div></div>
<div class="data-card"><div class="name">Neo4j</div><div class="desc">法规、义务、控制点、组织、供应商、案例与风险图谱关系。</div></div>
<div class="data-card"><div class="name">MinIO / S3</div><div class="desc">原始文件、解析产物、导出报告、截图、证据材料和归档包。</div></div>
<div class="data-card"><div class="name">RabbitMQ / Redis</div><div class="desc">异步任务队列、事件触发、缓存、分布式锁、会话与热点摘要。</div></div>
</div>
</div>
<div class="flow-arrow"></div>
<div class="section c-orange">
<div class="section-head">
<div class="title">运行平台与异步编排</div>
<div class="en">Runtime Platform and Async Orchestration</div>
</div>
<div class="section-body runtime-grid">
<div class="runtime-card"><div class="name">Worker Orchestrator</div><div class="desc">解析、向量化、法规 Diff、推送、报表、整改提醒等 Worker 分工执行。</div></div>
<div class="runtime-card"><div class="name">Scheduler / Event Trigger</div><div class="desc">Cron、事件订阅、法规轮询、批量重索引、定时月报与 SLA 超时触发。</div></div>
<div class="runtime-card"><div class="name">Kubernetes / GPU</div><div class="desc">容器编排、弹性扩缩容、模型推理资源池、节点隔离与资源配额。</div></div>
<div class="runtime-card"><div class="name">Observability</div><div class="desc">Prometheus、Grafana、Loki/ELK、Tracing、容量报表、SLO / SLA 监控。</div></div>
<div class="runtime-card"><div class="name">DevSecOps / DR</div><div class="desc">CI/CD、镜像安全、配置与密钥管理、备份容灾、回滚与恢复演练。</div></div>
</div>
</div>
<div class="section c-blue">
<div class="section-head">
<div class="title">核心数据流与闭环</div>
<div class="en">Core Flows and Closed Loops</div>
</div>
<div class="section-body">
<div class="flow-panel">
<div class="flow-title">V2 重点闭环</div>
<div class="flow-item"><div class="flow-num" style="background:#c0392b;">1</div><div><b style="color:#c0392b;">法规感知发布闭环</b> 监控法规源 -> 版本 Diff -> 解析入库 -> 影响分析 -> <b>人工发布门</b> -> 分角色推送 -> 自动建单 -> 复审归档 -> 回写知识与规则。</div></div>
<div class="flow-item"><div class="flow-num">2</div><div><b style="color:#1a3a5c;">问答证据闭环</b> 用户提问 -> 权限过滤 -> 混合检索 -> 精排 -> LLM 生成 -> 引用一致性校验 -> 返回答案 -> 用户反馈回流评测集。</div></div>
<div class="flow-item"><div class="flow-num" style="background:#c27a1d;">3</div><div><b style="color:#a9650c;">文档审查闭环</b> 上传材料 -> 解析/OCR -> 条款分块 -> 规则引擎判定 -> 风险标注 -> <b>人工复核</b> -> 生成报告 -> 整改任务 -> 复验关闭。</div></div>
<div class="flow-item"><div class="flow-num" style="background:#148f77;">4</div><div><b style="color:#0e6655;">供应商/EHS 闭环</b> 外部声明或巡检事件 -> 风险识别 -> 责任人分派 -> 补证或整改 -> SLA 跟踪 -> 验收关闭 -> 经验沉淀到案例库。</div></div>
</div>
</div>
</div>
</div>
<div class="sidebar">
<div class="side-box">
<div class="side-head gray-head">安全与数据治理</div>
<div class="side-body">
<div class="side-item">统一身份、MFA、RBAC + ABAC、工作区 / 租户 / Partner Zone 隔离。</div>
<div class="side-item">文档分级、敏感信息脱敏、下载水印、访问有效期与最小权限控制。</div>
<div class="side-item">KMS / Secrets 管理、私有化部署、PIPL / DSL 数据主权与跨境控制。</div>
<div class="side-item">全链路审计日志，覆盖查询、下载、审批、整改、模型调用和外部接口访问。</div>
</div>
</div>
<div class="side-box">
<div class="side-head purple-head">AI 治理与评测</div>
<div class="side-body">
<div class="side-item">模型注册、版本切换、灰度路由、成本监控和调用配额策略。</div>
<div class="side-item">离线评测集覆盖问答、审查、法规 Diff、供应商声明、EHS 事件等场景。</div>
<div class="side-item">重点指标包括引用准确率、误报漏报率、回答稳定性、任务完成率与人工驳回率。</div>
<div class="side-item">Prompt Injection、防越权检索、敏感内容输出控制与置信度门槛联动。</div>
</div>
</div>
<div class="side-box">
<div class="side-head red-head">法规发布门标准</div>
<div class="side-body">
<div class="side-item">确认法规来源权威性、发布日期、生效日期、适用范围和版本号。</div>
<div class="side-item">校验解析质量、关键条款抽取质量和影响分析结果是否可解释。</div>
<div class="side-item">发布前要求专家或法务审批，必要时双人复核或设置豁免说明。</div>
<div class="side-item">只有正式发布版本才进入正式知识库、推送链路和整改闭环。</div>
</div>
</div>
<div class="side-box">
<div class="side-head green-head">V2 关键增强点</div>
<div class="side-body">
<div class="side-item">从“通用 RAG 架构”升级为“可审计合规决策系统”。</div>
<div class="side-item">把规则引擎、人工复核、整改流程、证据链都纳入正式系统边界。</div>
<div class="side-item">把安全治理和 AI 治理作为横切控制面，而不是仅放在底层备注。</div>
<div class="side-item">法规自动感知不再直接入生产闭环，中间增加发布门和版本控制。</div>
</div>
</div>
<div class="side-box">
<div class="side-head orange-head">建议的技术映射</div>
<div class="side-body">
<div class="side-item">API / BFF: FastAPI + API Gateway + 企业 SSO 集成。</div>
<div class="side-item">编排与任务: Celery / Kafka / RabbitMQ / Cron / Worker 池。</div>
<div class="side-item">AI: BGE-M3、Cross-Encoder、DeepSeek、Qwen、vLLM / TGI。</div>
<div class="side-item">知识与证据: PostgreSQL、Milvus、Neo4j、MinIO、审计与证据存储。</div>
</div>
</div>
</div>
</div>
<div class="footer">AI+合规智能中枢 V2 | Detailed Architecture | 2026.04</div>
</div>
</body>
</html>

75
README.md Normal file
View File

@@ -0,0 +1,75 @@
# AI+合规智能中枢架构图导航
这个目录包含 `AI+合规智能中枢` 的多张架构图 HTML 页面，分为原始版本、V2 增强版本，以及将详细架构拆分后的 3 张专业视图。
## 快速入口
### 原始版本
- [01 分层次技术架构图](./01_%E5%88%86%E5%B1%82%E6%AC%A1%E6%8A%80%E6%9C%AF%E6%9E%B6%E6%9E%84%E5%9B%BE.html)
- [02 详细技术架构图](./02_%E8%AF%A6%E7%BB%86%E6%8A%80%E6%9C%AF%E6%9E%B6%E6%9E%84%E5%9B%BE.html)
### V2 版本
- [01 分层次技术架构图 V2](./01_%E5%88%86%E5%B1%82%E6%AC%A1%E6%8A%80%E6%9C%AF%E6%9E%B6%E6%9E%84%E5%9B%BE_v2.html)
- [02 详细技术架构图 V2](./02_%E8%AF%A6%E7%BB%86%E6%8A%80%E6%9C%AF%E6%9E%B6%E6%9E%84%E5%9B%BE_v2.html)
### V2 拆分专业版
- [02A 逻辑架构图 V2](./02A_%E9%80%BB%E8%BE%91%E6%9E%B6%E6%9E%84%E5%9B%BE_v2.html)
- [02B 部署运行架构图 V2](./02B_%E9%83%A8%E7%BD%B2%E8%BF%90%E8%A1%8C%E6%9E%B6%E6%9E%84%E5%9B%BE_v2.html)
- [02C 核心数据流闭环时序图 V2](./02C_%E6%A0%B8%E5%BF%83%E6%95%B0%E6%8D%AE%E6%B5%81%E9%97%AD%E7%8E%AF%E6%97%B6%E5%BA%8F%E5%9B%BE_v2.html)
## 文件说明
### `01_分层次技术架构图.html`
- 原始高层分层视图
- 适合快速介绍平台整体能力与技术栈
### `02_详细技术架构图.html`
- 原始详细架构总图
- 把用户、服务、AI、数据、闭环放在一张图里
### `01_分层次技术架构图_v2.html`
- V2 高层分层视图
- 增加了 `规则与工作流层`、`法规发布门`、`证据链与版本血缘`、`AI 治理` 和 `安全治理`
### `02_详细技术架构图_v2.html`
- V2 详细总图
- 适合完整汇报方案，信息最全
- 同时覆盖逻辑能力、运行支撑、核心闭环与治理要求
### `02A_逻辑架构图_v2.html`
- 逻辑架构视图
- 重点看系统职责边界、能力分层、横切治理能力
- 适合产品方案、售前交流、总体设计说明
### `02B_部署运行架构图_v2.html`
- 部署 / 运行视图
- 重点看接入区、应用服务区、Worker 编排区、AI 推理区、数据区、治理运维区
- 适合研发、架构师、运维、安全团队沟通部署方案
### `02C_核心数据流闭环时序图_v2.html`
- 核心流程 / 时序视图
- 重点展示 `法规感知发布闭环`、`文档审查闭环`、`问答证据闭环`
- 适合汇报“系统为什么可信、为什么可审计、为什么能闭环”
## 推荐阅读顺序
1. 先看 [01 分层次技术架构图 V2](./01_%E5%88%86%E5%B1%82%E6%AC%A1%E6%8A%80%E6%9C%AF%E6%9E%B6%E6%9E%84%E5%9B%BE_v2.html)
2. 再看 [02A 逻辑架构图 V2](./02A_%E9%80%BB%E8%BE%91%E6%9E%B6%E6%9E%84%E5%9B%BE_v2.html)
3. 然后看 [02B 部署运行架构图 V2](./02B_%E9%83%A8%E7%BD%B2%E8%BF%90%E8%A1%8C%E6%9E%B6%E6%9E%84%E5%9B%BE_v2.html)
4. 最后看 [02C 核心数据流闭环时序图 V2](./02C_%E6%A0%B8%E5%BF%83%E6%95%B0%E6%8D%AE%E6%B5%81%E9%97%AD%E7%8E%AF%E6%97%B6%E5%BA%8F%E5%9B%BE_v2.html)
## 使用建议
- 对外汇报：优先使用 `01_v2 + 02A + 02C`
- 对内设计评审：优先使用 `02A + 02B + 02C`
- 一页讲全：使用 `02_详细技术架构图_v2.html`