316 lines
16 KiB
HTML
316 lines
16 KiB
HTML
|
<!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>
|