238 lines
14 KiB
HTML
238 lines
14 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, #eef2f7 0%, #e2e8f0 100%);
|
||
|
|
min-height: 100vh;
|
||
|
|
padding: 50px 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container { max-width: 1300px; margin: 0 auto; }
|
||
|
|
|
||
|
|
/* ── 标题 ── */
|
||
|
|
.header { text-align:center; margin-bottom:44px; }
|
||
|
|
.header h1 { font-size:34px; font-weight:900; color:#1A3A5C; letter-spacing:2px; }
|
||
|
|
.header .sub { font-size:16px; color:#5D6D7E; font-weight:500; margin-top:6px; }
|
||
|
|
.header .tag { display:inline-block; background:#2B5F8A; 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(0,0,0,.08); }
|
||
|
|
|
||
|
|
.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); }
|
||
|
|
.g4 { grid-template-columns:repeat(4,1fr); }
|
||
|
|
|
||
|
|
.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(0,0,0,.06); }
|
||
|
|
.m .n { font-size:14px; font-weight:700; margin-bottom:3px; }
|
||
|
|
.m .d { font-size:11.5px; color:#7F8C8D; line-height:1.55; }
|
||
|
|
|
||
|
|
/* ── 箭头 ── */
|
||
|
|
.arr-row { display:flex; justify-content:center; gap:180px; padding:5px 0; }
|
||
|
|
.arr { width:2px; height:18px; background:#B0BEC5; 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 #B0BEC5; }
|
||
|
|
|
||
|
|
/* ── 颜色 ── */
|
||
|
|
.c1 { border-color:#2B5F8A; background:#EBF3FB; }
|
||
|
|
.c1 .lh { background:linear-gradient(135deg,#1A3A5C,#2B5F8A); }
|
||
|
|
.c1 .m { border-color:#A8C8E8; }
|
||
|
|
.c1 .m .n { color:#1A3A5C; }
|
||
|
|
|
||
|
|
.c2 { border-color:#2D8B57; background:#E8F6EF; }
|
||
|
|
.c2 .lh { background:linear-gradient(135deg,#1B5E3B,#2D8B57); }
|
||
|
|
.c2 .m { border-color:#A8D8B8; }
|
||
|
|
.c2 .m .n { color:#1B5E3B; }
|
||
|
|
|
||
|
|
.c3 { border-color:#7D3CB5; background:#F0E6F6; }
|
||
|
|
.c3 .lh { background:linear-gradient(135deg,#5B2C8B,#7D3CB5); }
|
||
|
|
.c3 .m { border-color:#C8A8E0; }
|
||
|
|
.c3 .m .n { color:#5B2C8B; }
|
||
|
|
|
||
|
|
.c4 { border-color:#148F77; background:#E0F7F3; }
|
||
|
|
.c4 .lh { background:linear-gradient(135deg,#0E6655,#148F77); }
|
||
|
|
.c4 .m { border-color:#A0D8C8; }
|
||
|
|
.c4 .m .n { color:#0E6655; }
|
||
|
|
|
||
|
|
.c5 { border-color:#5D6D7E; background:#EAEEF1; }
|
||
|
|
.c5 .lh { background:linear-gradient(135deg,#2C3E50,#5D6D7E); }
|
||
|
|
.c5 .m { border-color:#B0B8C0; }
|
||
|
|
.c5 .m .n { color:#2C3E50; }
|
||
|
|
|
||
|
|
/* ── 图例 ── */
|
||
|
|
.legend {
|
||
|
|
margin-top:36px; padding:18px 24px; background:#fff;
|
||
|
|
border-radius:12px; border:1px solid #DDE1E6;
|
||
|
|
}
|
||
|
|
.legend h3 { font-size:15px; color:#1A3A5C; margin-bottom:10px; }
|
||
|
|
.lg { display:flex; flex-wrap:wrap; gap:14px; }
|
||
|
|
.li { display:flex; align-items:center; gap:7px; font-size:12.5px; color:#5D6D7E; }
|
||
|
|
.ld { width:11px; height:11px; border-radius:50%; }
|
||
|
|
|
||
|
|
.footer { text-align:center; margin-top:24px; font-size:12px; color:#95A5A6; }
|
||
|
|
</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 · OA · MES 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:#C0392B;background:#FDF0EF;">
|
||
|
|
<div class="lh" style="background:linear-gradient(135deg,#922B21,#C0392B);"><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 #E6B0AA;padding:0;overflow:hidden;">
|
||
|
|
<div style="flex:1;padding:14px 18px;border-right:2px solid #F5B7B1;text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:#922B21;margin-bottom:4px;">① 法规源监控</div>
|
||
|
|
<div style="font-size:11px;color:#7F8C8D;">定时爬取国标网 · 工信部 · UN-ECE<br>EUR-Lex · 碳交易平台 · 行业通报</div>
|
||
|
|
</div>
|
||
|
|
<div style="flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:#C0392B;font-size:18px;">→</div>
|
||
|
|
<div style="flex:1;padding:14px 18px;border-right:2px solid #F5B7B1;text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:#922B21;margin-bottom:4px;">② 智能变更感知</div>
|
||
|
|
<div style="font-size:11px;color:#7F8C8D;">NLP比对新旧版本 · 版本Diff提取<br>自动识别新增/修订/废止条款</div>
|
||
|
|
</div>
|
||
|
|
<div style="flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:#C0392B;font-size:18px;">→</div>
|
||
|
|
<div style="flex:1;padding:14px 18px;border-right:2px solid #F5B7B1;text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:#922B21;margin-bottom:4px;">③ 自动解析入库</div>
|
||
|
|
<div style="font-size:11px;color:#7F8C8D;">MinerU/OCR解析 · 条款级分块<br>BGE-M3嵌入 · Milvus+PostgreSQL写入</div>
|
||
|
|
</div>
|
||
|
|
<div style="flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:#C0392B;font-size:18px;">→</div>
|
||
|
|
<div style="flex:1;padding:14px 18px;border-right:2px solid #F5B7B1;text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:#922B21;margin-bottom:4px;">④ 知识图谱更新</div>
|
||
|
|
<div style="font-size:11px;color:#7F8C8D;">Neo4j关系同步 · 条款义务映射<br>影响范围分析 · 关联企业制度</div>
|
||
|
|
</div>
|
||
|
|
<div style="flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:#C0392B;font-size:18px;">→</div>
|
||
|
|
<div style="flex:1;padding:14px 18px;border-right:2px solid #F5B7B1;text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:#922B21;margin-bottom:4px;">⑤ 差距分析 & 推送</div>
|
||
|
|
<div style="font-size:11px;color:#7F8C8D;">AI对比企业现状与新法差距<br>按角色/业务域精准推送变更摘要</div>
|
||
|
|
</div>
|
||
|
|
<div style="flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:#C0392B;font-size:18px;">→</div>
|
||
|
|
<div style="flex:1;padding:14px 18px;text-align:center;">
|
||
|
|
<div style="font-size:14px;font-weight:700;color:#922B21;margin-bottom:4px;">⑥ 触发整改闭环</div>
|
||
|
|
<div style="font-size:11px;color:#7F8C8D;">自动生成整改任务 · 关联责任人<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">Kubernetes · 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:#2B5F8A"></div>API: FastAPI</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#7D3CB5"></div>RAG: LangChain / LlamaIndex</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#0E6655"></div>嵌入: BGE-M3</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#D4782F"></div>向量库: Milvus</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#1B5E3B"></div>解析: MinerU + 阿里云</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#5B2C8B"></div>图谱: Neo4j</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#C0392B"></div>LLM: DeepSeek / Qwen2.5</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#2C3E50"></div>队列: Celery + RabbitMQ</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#336791"></div>关系库: PostgreSQL</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#A0522D"></div>对象存储: S3 / MinIO</div>
|
||
|
|
<div class="li"><div class="ld" style="background:#8B1A1A"></div>缓存: Redis</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="footer">AI+合规智能中枢 v1.0 | 面向车企与工厂 | 2026.04</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|