260 lines
15 KiB
HTML
260 lines
15 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+合规智能中枢 — 分层次技术架构图</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(160deg, #fef5f9 0%, #f8eaf0 100%);
|
||
|
|
min-height: 100vh;
|
||
|
|
padding: 50px 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container { max-width: 1300px; margin: 0 auto; }
|
||
|
|
|
||
|
|
/* ── 品牌色系 (T-systems PPT) ── */
|
||
|
|
:root {
|
||
|
|
--pink: #E20074;
|
||
|
|
--pink-dark: #B0005A;
|
||
|
|
--pink-light: #E20074;
|
||
|
|
--pink-bg: #FDF2F7;
|
||
|
|
--navy: #000E5E;
|
||
|
|
--navy-mid: #1A2B6B;
|
||
|
|
--blue-light: #D3E7F3;
|
||
|
|
--blue-pale: #EAF4FA;
|
||
|
|
--teal: #32B9AF;
|
||
|
|
--teal-dark: #1A8A82;
|
||
|
|
--teal-bg: #E0F7F5;
|
||
|
|
--orange: #F26B43;
|
||
|
|
--orange-dark:#D4532B;
|
||
|
|
--orange-bg: #FEF0EB;
|
||
|
|
--gray-text: #4B4B4B;
|
||
|
|
--gray-mid: #7B7B7B;
|
||
|
|
--gray-light: #B0B0B0;
|
||
|
|
--gray-bg: #F0F0F0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ── 标题 ── */
|
||
|
|
.header { text-align:center; margin-bottom:44px; }
|
||
|
|
.header h1 { font-size:34px; font-weight:900; color:var(--navy); letter-spacing:2px; }
|
||
|
|
.header .sub { font-size:16px; color:var(--gray-text); font-weight:500; margin-top:6px; }
|
||
|
|
.header .tag { display:inline-block; background:var(--pink); color:#fff; padding:4px 18px; border-radius:20px; font-size:12px; margin-top:10px; }
|
||
|
|
|
||
|
|
/* ── 层 ── */
|
||
|
|
.layer {
|
||
|
|
border-radius:14px; border:2px solid; overflow:hidden;
|
||
|
|
transition: transform .2s, box-shadow .2s;
|
||
|
|
}
|
||
|
|
.layer:hover { transform:translateY(-2px); box-shadow:0 6px 24px rgba(226,0,116,.1); }
|
||
|
|
|
||
|
|
.lh {
|
||
|
|
padding:12px 22px; color:#fff; font-size:17px; font-weight:700;
|
||
|
|
display:flex; align-items:center; gap:10px;
|
||
|
|
}
|
||
|
|
.lh .en { font-size:12px; font-weight:400; opacity:.75; }
|
||
|
|
.lh .ico { font-size:20px; }
|
||
|
|
|
||
|
|
.lb { padding:18px 22px; display:grid; gap:10px; }
|
||
|
|
.g5 { grid-template-columns:repeat(5,1fr); }
|
||
|
|
.lb.g5 { display:flex; justify-content:space-between; gap:0; }
|
||
|
|
.lb.g5 > .m { flex:0 0 18%; }
|
||
|
|
|
||
|
|
.m {
|
||
|
|
background:#fff; border-radius:9px; padding:12px 14px; border:1.5px solid;
|
||
|
|
transition: transform .12s, box-shadow .12s; cursor:default;
|
||
|
|
}
|
||
|
|
.m:hover { transform:translateY(-1px); box-shadow:0 3px 10px rgba(226,0,116,.08); }
|
||
|
|
.m .n { font-size:14px; font-weight:700; margin-bottom:3px; }
|
||
|
|
.m .d { font-size:11.5px; color:var(--gray-mid); line-height:1.55; }
|
||
|
|
|
||
|
|
/* ── 箭头 ── */
|
||
|
|
.arr-row { display:flex; justify-content:center; gap:180px; padding:5px 0; }
|
||
|
|
.arr { width:2px; height:18px; background:var(--pink-light); position:relative; }
|
||
|
|
.arr::after { content:''; position:absolute; bottom:-5px; left:-4px;
|
||
|
|
border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid var(--pink-light); }
|
||
|
|
|
||
|
|
/* ── 颜色主题 ── */
|
||
|
|
.c1 { border-color:var(--pink); background:var(--pink-bg); }
|
||
|
|
.c1 .lh { background:linear-gradient(135deg,var(--pink-dark),var(--pink)); }
|
||
|
|
.c1 .m { border-color:var(--pink-light); }
|
||
|
|
.c1 .m .n { color:var(--pink-dark); }
|
||
|
|
|
||
|
|
.c2 { border-color:var(--navy); background:var(--blue-pale); }
|
||
|
|
.c2 .lh { background:linear-gradient(135deg,var(--navy),var(--navy-mid)); }
|
||
|
|
.c2 .m { border-color:var(--blue-light); }
|
||
|
|
.c2 .m .n { color:var(--navy); }
|
||
|
|
|
||
|
|
.c3 { border-color:var(--pink); background:#FCEEF4; }
|
||
|
|
.c3 .lh { background:linear-gradient(135deg,#C40068,#E20074); }
|
||
|
|
.c3 .m { border-color:var(--pink-light); }
|
||
|
|
.c3 .m .n { color:#C40068; }
|
||
|
|
|
||
|
|
.c4 { border-color:var(--teal); background:var(--teal-bg); }
|
||
|
|
.c4 .lh { background:linear-gradient(135deg,var(--teal-dark),var(--teal)); }
|
||
|
|
.c4 .m { border-color:#A0E0DB; }
|
||
|
|
.c4 .m .n { color:var(--teal-dark); }
|
||
|
|
|
||
|
|
.c5 { border-color:var(--gray-text); background:var(--gray-bg); }
|
||
|
|
.c5 .lh { background:linear-gradient(135deg,#2C2C2C,var(--gray-text)); }
|
||
|
|
.c5 .m { border-color:#C8C8C8; }
|
||
|
|
.c5 .m .n { color:#2C2C2C; }
|
||
|
|
|
||
|
|
/* ── 图例 ── */
|
||
|
|
.legend {
|
||
|
|
margin-top:36px; padding:18px 24px; background:#fff;
|
||
|
|
border-radius:12px; border:1px solid #E0D0D8;
|
||
|
|
}
|
||
|
|
.legend h3 { font-size:15px; color:var(--navy); margin-bottom:10px; }
|
||
|
|
.lg { display:flex; flex-wrap:wrap; gap:14px; }
|
||
|
|
.li { display:flex; align-items:center; gap:7px; font-size:12.5px; color:var(--gray-text); }
|
||
|
|
.ld { width:11px; height:11px; border-radius:50%; }
|
||
|
|
|
||
|
|
.footer { text-align:center; margin-top:24px; font-size:12px; color:var(--gray-light); }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
|
||
|
|
<div class="header">
|
||
|
|
<h1>AI+合规智能中枢 — 分层技术架构</h1>
|
||
|
|
<div class="sub">面向车企与工厂 | 全链路合规智能平台</div>
|
||
|
|
<div class="tag">T-systems AI Regulations Team | 2026.04</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- ═══ L1 应用接入层 ═══ -->
|
||
|
|
<div class="layer c1">
|
||
|
|
<div class="lh"><span class="ico">🌐</span> 应用接入层 <span class="en">Application & Access Layer</span></div>
|
||
|
|
<div class="lb g5">
|
||
|
|
<div class="m"><div class="n">Web管理门户</div><div class="d">知识库问答 / 文档审查 / EHS管理</div></div>
|
||
|
|
<div class="m"><div class="n">移动端 & 企业Bot</div><div class="d">飞书 / 钉钉 / Teams / 巡检App</div></div>
|
||
|
|
<div class="m"><div class="n">企业系统集成</div><div class="d">风控中台 · PLM/ERP· Webhook</div></div>
|
||
|
|
<div class="m"><div class="n">API Gateway</div><div class="d">Nginx · 限流 · TLS · 路由</div></div>
|
||
|
|
<div class="m"><div class="n">RBAC权限网关</div><div class="d">四角色鉴权：研发 / 生产 / 采购 / 法务</div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="arr-row"><div class="arr"></div><div class="arr"></div><div class="arr"></div></div>
|
||
|
|
|
||
|
|
<!-- ═══ L2 业务能力层 ═══ -->
|
||
|
|
<div class="layer c2">
|
||
|
|
<div class="lh"><span class="ico">💼</span> 业务能力层 <span class="en">Business Capability Layer</span></div>
|
||
|
|
<div class="lb g5">
|
||
|
|
<div class="m"><div class="n">合规知识库问答</div><div class="d">混合检索 · 中英双语 · 引文溯源</div></div>
|
||
|
|
<div class="m"><div class="n">智能文档审查</div><div class="d">上传审查 · 条款比对 · 风险标注</div></div>
|
||
|
|
<div class="m"><div class="n">EHS隐患识别 & 体系审计</div><div class="d">SIF预测 · 四维根因 · ISO 45001扫描</div></div>
|
||
|
|
<div class="m"><div class="n">法规变更监控 & 推送</div><div class="d">自动检测 · 增量索引 · 精准推送</div></div>
|
||
|
|
<div class="m"><div class="n">个性化推荐 & 报告</div><div class="d">角色画像 · 风险等级 · 整改建议</div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="arr-row"><div class="arr"></div><div class="arr"></div><div class="arr"></div></div>
|
||
|
|
|
||
|
|
<!-- ═══ L3 法规感知 & 知识自动更新闭环 ═══ -->
|
||
|
|
<div class="layer" style="border-color:var(--orange);background:var(--orange-bg);">
|
||
|
|
<div class="lh" style="background:linear-gradient(135deg,var(--orange-dark),var(--orange));"><span class="ico">📡</span> 法规感知 & 知识自动更新闭环 <span class="en">Regulation Awareness & Auto-Update Loop</span></div>
|
||
|
|
<div class="lb" style="grid-template-columns:1fr; gap:0;">
|
||
|
|
<div style="display:flex;align-items:stretch;gap:0;background:#fff;border-radius:10px;border:1.5px solid #F5CCE0;padding:0;overflow:hidden;">
|
||
|
|
<div style="flex:1;padding:14px 18px;border-right:2px solid var(--pink-light);text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:var(--pink-dark);margin-bottom:4px;">① 法规源监控</div>
|
||
|
|
<div style="font-size:11px;color:var(--gray-mid);">定时爬取国标网 · 工信部 · UN-ECE<br>EUR-Lex · 碳交易平台 · 行业通报</div>
|
||
|
|
</div>
|
||
|
|
<div style="flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:var(--pink);font-size:18px;">→</div>
|
||
|
|
<div style="flex:1;padding:14px 18px;border-right:2px solid var(--pink-light);text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:var(--pink-dark);margin-bottom:4px;">② 智能变更感知</div>
|
||
|
|
<div style="font-size:11px;color:var(--gray-mid);">NLP比对新旧版本 · 版本Diff提取<br>自动识别新增/修订/废止条款</div>
|
||
|
|
</div>
|
||
|
|
<div style="flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:var(--pink);font-size:18px;">→</div>
|
||
|
|
<div style="flex:1;padding:14px 18px;border-right:2px solid var(--pink-light);text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:var(--pink-dark);margin-bottom:4px;">③ 自动解析入库</div>
|
||
|
|
<div style="font-size:11px;color:var(--gray-mid);">MinerU/OCR解析 · 条款级分块<br>BGE-M3嵌入 · Milvus+PostgreSQL写入</div>
|
||
|
|
</div>
|
||
|
|
<div style="flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:var(--pink);font-size:18px;">→</div>
|
||
|
|
<div style="flex:1;padding:14px 18px;border-right:2px solid var(--pink-light);text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:var(--pink-dark);margin-bottom:4px;">④ 知识图谱更新</div>
|
||
|
|
<div style="font-size:11px;color:var(--gray-mid);">Neo4j关系同步 · 条款义务映射<br>影响范围分析 · 关联企业制度</div>
|
||
|
|
</div>
|
||
|
|
<div style="flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:var(--pink);font-size:18px;">→</div>
|
||
|
|
<div style="flex:1;padding:14px 18px;border-right:2px solid var(--pink-light);text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:var(--pink-dark);margin-bottom:4px;">⑤ 差距分析 & 推送</div>
|
||
|
|
<div style="font-size:11px;color:var(--gray-mid);">AI对比企业现状与新法差距<br>按角色/业务域精准推送变更摘要</div>
|
||
|
|
</div>
|
||
|
|
<div style="flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:var(--pink);font-size:18px;">→</div>
|
||
|
|
<div style="flex:1;padding:14px 18px;text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:var(--pink-dark);margin-bottom:4px;">⑥ 触发整改闭环</div>
|
||
|
|
<div style="font-size:11px;color:var(--gray-mid);">自动生成整改任务 · 关联责任人<br>整改进度跟踪 → 复审归档 ↺ 回到①</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="arr-row"><div class="arr"></div><div class="arr"></div><div class="arr"></div></div>
|
||
|
|
|
||
|
|
<!-- ═══ L4 AI引擎层 ═══ -->
|
||
|
|
<div class="layer c3">
|
||
|
|
<div class="lh"><span class="ico">🧠</span> AI引擎层 <span class="en">AI Engine Layer</span></div>
|
||
|
|
<div class="lb g5">
|
||
|
|
<div class="m"><div class="n">RAG检索引擎</div><div class="d">BM25 + 向量双路召回 · Cross-Encoder精排</div></div>
|
||
|
|
<div class="m"><div class="n">LLM问答生成</div><div class="d">DeepSeek / Qwen2.5 · 引文锚定输出 · 引文置信度</div></div>
|
||
|
|
<div class="m"><div class="n">文档解析 & OCR</div><div class="d">MinerU · 阿里云解析 · 版面感知 109语言</div></div>
|
||
|
|
<div class="m"><div class="n">知识图谱推理</div><div class="d">Neo4j · 法规-条款-义务关系 · 多跳推理</div></div>
|
||
|
|
<div class="m"><div class="n">NLP & 合规比对</div><div class="d">实体识别 · 条款级语义对比 · 风险评分</div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="arr-row"><div class="arr"></div><div class="arr"></div><div class="arr"></div></div>
|
||
|
|
|
||
|
|
<!-- ═══ L5 数据 & 知识层 ═══ -->
|
||
|
|
<div class="layer c4">
|
||
|
|
<div class="lh"><span class="ico">💾</span> 数据 & 知识层 <span class="en">Data & Knowledge Layer</span></div>
|
||
|
|
<div class="lb g5">
|
||
|
|
<div class="m"><div class="n">Milvus 向量库</div><div class="d">Dense + Sparse + Hybrid 语义检索</div></div>
|
||
|
|
<div class="m"><div class="n">PostgreSQL</div><div class="d">元数据 · 权限 · 任务状态 · 法规版本</div></div>
|
||
|
|
<div class="m"><div class="n">Neo4j + S3/MinIO</div><div class="d">知识图谱存储 · 原始文件与解析产物</div></div>
|
||
|
|
<div class="m"><div class="n">消息队列 & 缓存</div><div class="d">RabbitMQ/Kafka 任务分发 · Redis 热数据</div></div>
|
||
|
|
<div class="m"><div class="n">法规知识库</div><div class="d">车辆安全 · 数据安全 · EHS · 碳排放 · 质量体系 · 案例库 · 术语库</div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="arr-row"><div class="arr"></div><div class="arr"></div><div class="arr"></div></div>
|
||
|
|
|
||
|
|
<!-- ═══ L6 基础设施层 ═══ -->
|
||
|
|
<div class="layer c5">
|
||
|
|
<div class="lh"><span class="ico">🏗️</span> 基础设施层 <span class="en">Infrastructure Layer</span></div>
|
||
|
|
<div class="lb g5">
|
||
|
|
<div class="m"><div class="n">安全与治理</div><div class="d">JWT/OAuth2 · RBAC · 数据脱敏 · 审计日志 · 私有化部署</div></div>
|
||
|
|
<div class="m"><div class="n">容器编排</div><div class="d">Docker · 弹性伸缩 · GPU集群</div></div>
|
||
|
|
<div class="m"><div class="n">运维观测</div><div class="d">Prometheus · Grafana · ELK · 链路追踪 · 告警</div></div>
|
||
|
|
<div class="m"><div class="n">CI/CD & 网络</div><div class="d">GitLab CI · VPC隔离 · VPN · 备份灾备</div></div>
|
||
|
|
<div class="m"><div class="n">多语言嵌入模型</div><div class="d">BGE-M3 · 中英双语 · 8192 tokens 上下文</div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- ═══ 图例 ═══ -->
|
||
|
|
<div class="legend">
|
||
|
|
<h3>核心技术选型</h3>
|
||
|
|
<div class="lg">
|
||
|
|
<div class="li"><div class="ld" style="background:#E20074"></div>API: FastAPI</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#000E5E"></div>RAG: LangChain / LlamaIndex</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#E20074"></div>嵌入: BGE-M3</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#32B9AF"></div>向量库: Milvus</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#E20074"></div>解析: MinerU + 阿里云</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#000E5E"></div>图谱: Neo4j</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#E20074"></div>LLM: DeepSeek / Qwen2.5</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#4B4B4B"></div>队列: Kafka + RabbitMQ</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#32B9AF"></div>关系库: PostgreSQL</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#F26B43"></div>对象存储: S3 / MinIO</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#4B4B4B"></div>缓存: Redis</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="footer">AI+合规智能中枢 v1.0 | T-systems AI Regulations Team | 2026.04</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|