658 lines
30 KiB
HTML
658 lines
30 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, #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>
|