视觉升级：为三大独立服务子页与联系我们页定制并嵌入现代中式高精科技矢量视窗插画
这个提交包含在：
wikiboss
@@ -99,8 +99,14 @@
|
||||
<!-- 右侧：直通热线、实体地址与地图 (5列) -->
|
||||
<div class="nhc-contact-info-wrap">
|
||||
|
||||
<!-- 贵阳双基地地理拓扑与接待视窗 -->
|
||||
<div style="margin-bottom: 24px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);">
|
||||
<img src="__ADDON__/images/showcases/contact_headquarters.svg" alt="纳海川贵阳双基地拓扑与快速建联视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
|
||||
</div>
|
||||
|
||||
<!-- 直通热线与响应 SLA 卡片 -->
|
||||
<div class="nhc-contact-card nhc-corner-card" style="margin-bottom: 24px;">
|
||||
|
||||
<div class="nhc-info-badge">快速直联</div>
|
||||
<h3 class="nhc-info-card-title">业务咨询与技术支持</h3>
|
||||
|
||||
|
||||
@@ -19,7 +19,13 @@
|
||||
|
||||
<!-- 2. 直通热线与 SLA 响应卡片 -->
|
||||
<div style="padding: 16px;">
|
||||
<!-- 贵阳双基地地理拓扑视窗 -->
|
||||
<div style="margin-bottom: 16px; border-radius: 6px; overflow: hidden; border: 1px solid #E2E8F0; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);">
|
||||
<img src="__ADDON__/images/showcases/contact_headquarters.svg" alt="纳海川贵阳双基地拓扑视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
|
||||
</div>
|
||||
|
||||
<div style="background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E8F0; padding: 18px; margin-bottom: 16px;">
|
||||
|
||||
<div style="font-size: 11px; font-weight: 700; color: #2563EB; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 6px;">快速直联通道</div>
|
||||
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;">
|
||||
<div>
|
||||
|
||||
@@ -26,9 +26,13 @@
|
||||
<span>了解技术架构</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nhc-service-hero-img" style="margin-top: 36px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);">
|
||||
<img src="__ADDON__/images/showcases/service_agent_hero.svg" alt="纳海川纯内网物理隔离企业级AI智能体与知识工程架构视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- 2. 智能体应用矩阵与业务场景 (分类板块) -->
|
||||
<section id="categories" class="nhc-service-detail-section nhc-services-categories" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
|
||||
@@ -27,9 +27,13 @@
|
||||
<span>了解技术性能</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nhc-service-hero-img" style="margin-top: 36px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);">
|
||||
<img src="__ADDON__/images/showcases/service_app_hero.svg" alt="纳海川多端跨平台移动应用与IoT协同视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- 2. 全渠道终端覆盖矩阵 (分类板块) -->
|
||||
<section id="categories" class="nhc-service-detail-section nhc-services-categories" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
|
||||
@@ -26,9 +26,13 @@
|
||||
<span>查看交付标准</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="nhc-service-hero-img" style="margin-top: 36px; border-radius: 6px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);">
|
||||
<img src="__ADDON__/images/showcases/service_software_hero.svg" alt="纳海川高可用微服务分布式架构中枢视窗" style="width: 100%; height: auto; display: block;" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- 2. 软件开发分类与业务场景 (分类板块) -->
|
||||
<section id="categories" class="nhc-service-detail-section nhc-services-categories" style="padding: 70px 0; background: #FFFFFF;">
|
||||
<div class="nhc-container">
|
||||
|
||||
@@ -0,0 +1,94 @@
|
||||
<svg width="600" height="340" viewBox="0 0 600 340" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#FFFFFF"/>
|
||||
<stop offset="100%" stop-color="#F8FAFC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#2563EB"/>
|
||||
<stop offset="100%" stop-color="#1D4ED8"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cyanGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#06B6D4"/>
|
||||
<stop offset="100%" stop-color="#0284C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="purpleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#7C3AED"/>
|
||||
<stop offset="100%" stop-color="#6D28D9"/>
|
||||
</linearGradient>
|
||||
<pattern id="lattice" width="24" height="24" patternUnits="userSpaceOnUse">
|
||||
<path d="M 24 0 L 0 0 0 24" fill="none" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="2,2"/>
|
||||
</pattern>
|
||||
<filter id="softShadow" x="-10%" y="-10%" width="120%" height="120%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#0F172A" flood-opacity="0.05"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<rect width="600" height="340" rx="6" fill="url(#bgGrad)"/>
|
||||
<rect width="600" height="340" rx="6" fill="url(#lattice)" opacity="0.6"/>
|
||||
<rect x="1" y="1" width="598" height="338" rx="5" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
|
||||
|
||||
<!-- 视窗顶栏 -->
|
||||
<g transform="translate(20, 18)">
|
||||
<circle cx="8" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="24" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="40" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<text x="60" y="12" fill="#64748B" font-family="'Inter', sans-serif" font-size="12" font-weight="600">NAHAICHUAN · GUIYANG DUAL HEADQUARTERS & R&D BASE</text>
|
||||
</g>
|
||||
|
||||
<!-- 现代中式印章 -->
|
||||
<g class="nhc-seal" transform="translate(545, 16)">
|
||||
<rect width="36" height="36" rx="4" fill="#FEF2F2" stroke="#DC2626" stroke-width="1.2"/>
|
||||
<rect x="3" y="3" width="30" height="30" rx="2" fill="none" stroke="#DC2626" stroke-width="0.5" stroke-opacity="0.6"/>
|
||||
<text x="18" y="24" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="16" font-weight="700" text-anchor="middle">立足</text>
|
||||
</g>
|
||||
|
||||
<!-- 经纬线与双基地地理拓扑图 -->
|
||||
<g transform="translate(300, 180)">
|
||||
<!-- 坐标雷达圈 -->
|
||||
<circle cx="0" cy="0" r="140" fill="none" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4,4"/>
|
||||
<circle cx="0" cy="0" r="90" fill="none" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<line x1="-160" y1="0" x2="160" y2="0" stroke="#CBD5E1" stroke-width="0.75" stroke-dasharray="3,3"/>
|
||||
<line x1="0" y1="-120" x2="0" y2="120" stroke="#CBD5E1" stroke-width="0.75" stroke-dasharray="3,3"/>
|
||||
|
||||
<!-- 双基地连接弧线 -->
|
||||
<path d="M -110 -20 Q 0 -60 110 30" fill="none" stroke="#2563EB" stroke-width="2" stroke-dasharray="5,5"/>
|
||||
</g>
|
||||
|
||||
<!-- 基地 1：营销中心与商务基地 (花果园中环广场) -->
|
||||
<g transform="translate(40, 75)" filter="url(#softShadow)">
|
||||
<rect width="240" height="150" rx="6" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<rect x="0" y="0" width="240" height="32" rx="5" fill="#EFF6FF"/>
|
||||
<circle cx="16" cy="16" r="4" fill="#2563EB"/>
|
||||
<text x="28" y="21" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">商务营销中心 · 花果园</text>
|
||||
|
||||
<text x="16" y="55" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">贵阳花果园中环广场 2号楼26层</text>
|
||||
<text x="16" y="75" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">商务洽谈 · 解决方案研讨 · 产品演示</text>
|
||||
|
||||
<rect x="16" y="90" width="208" height="44" rx="4" fill="#F8FAFC"/>
|
||||
<text x="24" y="108" fill="#475569" font-family="'Inter', sans-serif" font-size="10">贵阳火车站 / 市中心 10分钟车程</text>
|
||||
<text x="24" y="124" fill="#2563EB" font-family="'Inter', sans-serif" font-size="10" font-weight="600">西南客户当面沟通 · 随到随接</text>
|
||||
</g>
|
||||
|
||||
<!-- 基地 2：核心研发中心 (大数据安全产业园) -->
|
||||
<g transform="translate(320, 115)" filter="url(#softShadow)">
|
||||
<rect width="240" height="150" rx="6" fill="#FFFFFF" stroke="#06B6D4" stroke-width="1.5"/>
|
||||
<rect x="0" y="0" width="240" height="32" rx="5" fill="#ECFEFF"/>
|
||||
<circle cx="16" cy="16" r="4" fill="#06B6D4"/>
|
||||
<text x="28" y="21" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">核心研发中心 · 经开大数据</text>
|
||||
|
||||
<text x="16" y="55" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">经开区大数据安全产业园数楼 4层</text>
|
||||
<text x="16" y="75" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">架构研发 · 私有AI算力调优 · 安全攻防</text>
|
||||
|
||||
<rect x="16" y="90" width="208" height="44" rx="4" fill="#F8FAFC"/>
|
||||
<text x="24" y="108" fill="#475569" font-family="'Inter', sans-serif" font-size="10">局域网物理隔离机房 · 等保三级规范</text>
|
||||
<text x="24" y="124" fill="#06B6D4" font-family="'Inter', sans-serif" font-size="10" font-weight="600">支持客户技术专家现场源码审查验收</text>
|
||||
</g>
|
||||
|
||||
<!-- 底部 SLA 承诺栏 -->
|
||||
<g transform="translate(40, 280)">
|
||||
<rect width="520" height="40" rx="4" fill="#0F172A"/>
|
||||
<text x="260" y="25" fill="#FFFFFF" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="600" text-anchor="middle">
|
||||
工作日 2小时内极速响应 · 24小时内免费出具初步方案与评估报告
|
||||
</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
之后 宽度: | 高度: | 大小: 5.7 KiB |
@@ -0,0 +1,156 @@
|
||||
<svg width="800" height="460" viewBox="0 0 800 460" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#FFFFFF"/>
|
||||
<stop offset="100%" stop-color="#F8FAFC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#2563EB"/>
|
||||
<stop offset="100%" stop-color="#1D4ED8"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cyanGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#06B6D4"/>
|
||||
<stop offset="100%" stop-color="#0284C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="purpleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#7C3AED"/>
|
||||
<stop offset="100%" stop-color="#6D28D9"/>
|
||||
</linearGradient>
|
||||
<pattern id="lattice" width="24" height="24" patternUnits="userSpaceOnUse">
|
||||
<path d="M 24 0 L 0 0 0 24" fill="none" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="2,2"/>
|
||||
</pattern>
|
||||
<filter id="softShadow" x="-10%" y="-10%" width="120%" height="120%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#0F172A" flood-opacity="0.05"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<rect width="800" height="460" rx="6" fill="url(#bgGrad)"/>
|
||||
<rect width="800" height="460" rx="6" fill="url(#lattice)" opacity="0.7"/>
|
||||
<rect x="1" y="1" width="798" height="458" rx="5" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
|
||||
|
||||
<!-- 视窗顶部装饰控制栏 -->
|
||||
<g transform="translate(24, 20)">
|
||||
<circle cx="8" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="24" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="40" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<text x="60" y="12" fill="#64748B" font-family="'Inter', sans-serif" font-size="12" font-weight="600">NAHAICHUAN · PRIVATE ON-PREMISES AI AGENT & RAG ENGINE</text>
|
||||
</g>
|
||||
|
||||
<!-- 现代中式印章 -->
|
||||
<g class="nhc-seal" transform="translate(740, 20)">
|
||||
<rect width="36" height="36" rx="4" fill="#FEF2F2" stroke="#DC2626" stroke-width="1.2"/>
|
||||
<rect x="3" y="3" width="30" height="30" rx="2" fill="none" stroke="#DC2626" stroke-width="0.5" stroke-opacity="0.6"/>
|
||||
<text x="18" y="24" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="16" font-weight="700" text-anchor="middle">安全</text>
|
||||
</g>
|
||||
|
||||
<!-- 纯内网物理隔离标志 (拔掉外网网线) -->
|
||||
<g transform="translate(28, 55)">
|
||||
<rect width="300" height="32" rx="4" fill="#FEF2F2" stroke="#FCA5A5" stroke-width="1"/>
|
||||
<circle cx="16" cy="16" r="5" fill="#DC2626"/>
|
||||
<text x="32" y="20" fill="#991B1B" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="700">纯内网物理隔离部署 · 拔掉外网网线依然可靠运行</text>
|
||||
</g>
|
||||
|
||||
<!-- 架构主拓扑：非结构化文档结构化 -> 向量知识库 -> 多智能体协同问答 -->
|
||||
<!-- 1. 左侧：企业私域文档输入与切片 -->
|
||||
<g transform="translate(28, 105)" filter="url(#softShadow)">
|
||||
<rect width="220" height="325" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="0" y="0" width="220" height="36" rx="5" fill="#F8FAFC"/>
|
||||
<text x="14" y="23" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">01. 企业私有知识入库</text>
|
||||
|
||||
<g transform="translate(14, 50)">
|
||||
<rect width="192" height="48" rx="4" fill="#EFF6FF" stroke="#BFDBFE" stroke-width="1"/>
|
||||
<text x="12" y="22" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11" font-weight="700">制度条例 / 政策规范 (PDF)</text>
|
||||
<text x="12" y="38" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">版面分析 · 表格还原提取</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 110)">
|
||||
<rect width="192" height="48" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="12" y="22" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">产品手册 / 合同文书 (Word)</text>
|
||||
<text x="12" y="38" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">语义段落递归分块切片</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 170)">
|
||||
<rect width="192" height="48" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="12" y="22" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">业务系统历史审核案例库</text>
|
||||
<text x="12" y="38" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">专家经验正负反馈打标</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 235)">
|
||||
<rect width="192" height="70" rx="4" fill="#F1F5F9"/>
|
||||
<text x="12" y="24" fill="#334155" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">数据安全保护底线</text>
|
||||
<text x="12" y="44" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">0 外部网络调用 · 数据零外泄</text>
|
||||
<text x="12" y="58" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">严格符合等保三级物理隔离规范</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- 2. 中间：向量引擎与语义检索 RAG 核心 -->
|
||||
<g transform="translate(268, 105)" filter="url(#softShadow)">
|
||||
<rect width="250" height="325" rx="6" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<rect x="0" y="0" width="250" height="36" rx="5" fill="#EFF6FF"/>
|
||||
<text x="14" y="23" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">02. 混合精准语义检索 (RAG)</text>
|
||||
|
||||
<!-- 向量计算矩阵图示 -->
|
||||
<g transform="translate(15, 52)">
|
||||
<rect width="220" height="85" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="12" y="20" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">向量检索 + 关键词全文双路召回</text>
|
||||
<!-- 坐标系点阵 -->
|
||||
<line x1="20" y1="65" x2="200" y2="65" stroke="#CBD5E1" stroke-width="1"/>
|
||||
<circle cx="50" cy="50" r="4" fill="#2563EB"/>
|
||||
<circle cx="90" cy="40" r="5" fill="#06B6D4"/>
|
||||
<circle cx="150" cy="55" r="4" fill="#7C3AED"/>
|
||||
<line x1="50" y1="50" x2="90" y2="40" stroke="#06B6D4" stroke-width="1" stroke-dasharray="2,2"/>
|
||||
<text x="100" y="44" fill="#0284C7" font-family="'Inter', sans-serif" font-size="9" font-weight="700">余弦相似度 0.94</text>
|
||||
</g>
|
||||
|
||||
<!-- 问答置信度过滤 -->
|
||||
<g transform="translate(15, 148)">
|
||||
<rect width="220" height="75" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="12" y="20" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">严格依据原文回答 · 拒绝幻觉</text>
|
||||
<text x="12" y="40" fill="#475569" font-family="'Inter', sans-serif" font-size="10">未命中知识库时明确回复“未查到”</text>
|
||||
<rect x="12" y="50" width="196" height="14" rx="2" fill="#E2E8F0"/>
|
||||
<rect x="12" y="50" width="180" height="14" rx="2" fill="#2563EB" opacity="0.3"/>
|
||||
<text x="16" y="61" fill="#2563EB" font-family="'Inter', sans-serif" font-size="9" font-weight="700">准确率实测 > 98.5%</text>
|
||||
</g>
|
||||
|
||||
<!-- 底座模型 -->
|
||||
<g transform="translate(15, 235)">
|
||||
<rect width="220" height="80" rx="4" fill="#F8FAFC" stroke="#CBD5E1" stroke-width="1"/>
|
||||
<text x="12" y="20" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">开源大模型专有量化微调</text>
|
||||
<text x="12" y="38" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">DeepSeek / Qwen / Llama 适配</text>
|
||||
<text x="12" y="54" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">普通单张消费级显卡即可部署推理</text>
|
||||
<text x="12" y="70" fill="#059669" font-family="'Inter', sans-serif" font-size="10" font-weight="700">低算力成本 · 极高响应性价比</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- 3. 右侧：多智能体自主协同输出视窗 -->
|
||||
<g transform="translate(538, 105)" filter="url(#softShadow)">
|
||||
<rect width="234" height="325" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="0" y="0" width="234" height="36" rx="5" fill="#F8FAFC"/>
|
||||
<text x="14" y="23" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">03. 业务协同与带出处交付</text>
|
||||
|
||||
<!-- 模拟智能体对话核查窗口 -->
|
||||
<g transform="translate(12, 50)">
|
||||
<rect width="210" height="60" rx="4" fill="#F1F5F9"/>
|
||||
<text x="10" y="20" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">企业业务人员提问：</text>
|
||||
<text x="10" y="40" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">“按2026采购标准，该标的超限吗？”</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(12, 120)">
|
||||
<rect width="210" height="110" rx="4" fill="#EFF6FF" stroke="#BFDBFE" stroke-width="1"/>
|
||||
<text x="10" y="20" fill="#2563EB" font-family="'Inter', sans-serif" font-size="10" font-weight="700">专属智能体回复：</text>
|
||||
<text x="10" y="40" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="600">“不超限。符合第3章第12条规定。”</text>
|
||||
|
||||
<!-- 自动标注文档出处 -->
|
||||
<rect x="10" y="55" width="190" height="44" rx="3" fill="#FFFFFF" stroke="#93C5FD" stroke-width="0.75"/>
|
||||
<text x="16" y="72" fill="#1D4ED8" font-family="'Inter', sans-serif" font-size="10" font-weight="700">依据文档原文：</text>
|
||||
<text x="16" y="88" fill="#475569" font-family="'Inter', sans-serif" font-size="9">《2026采购管理制度汇编.pdf》第28页</text>
|
||||
</g>
|
||||
|
||||
<!-- 底部保障 -->
|
||||
<g transform="translate(12, 245)">
|
||||
<rect width="210" height="65" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="22" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">多 Agent 工作流自动联动</text>
|
||||
<text x="10" y="40" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">初审校验 -> 依据比对 -> 报告生成</text>
|
||||
<text x="10" y="54" fill="#059669" font-family="'Inter', sans-serif" font-size="10" font-weight="700">全流程操作日志审计留痕</text>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
之后 宽度: | 高度: | 大小: 10 KiB |
@@ -0,0 +1,145 @@
|
||||
<svg width="800" height="460" viewBox="0 0 800 460" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#FFFFFF"/>
|
||||
<stop offset="100%" stop-color="#F8FAFC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#2563EB"/>
|
||||
<stop offset="100%" stop-color="#1D4ED8"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cyanGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#06B6D4"/>
|
||||
<stop offset="100%" stop-color="#0284C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="purpleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#7C3AED"/>
|
||||
<stop offset="100%" stop-color="#6D28D9"/>
|
||||
</linearGradient>
|
||||
<pattern id="lattice" width="24" height="24" patternUnits="userSpaceOnUse">
|
||||
<path d="M 24 0 L 0 0 0 24" fill="none" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="2,2"/>
|
||||
</pattern>
|
||||
<filter id="softShadow" x="-10%" y="-10%" width="120%" height="120%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#0F172A" flood-opacity="0.05"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<rect width="800" height="460" rx="6" fill="url(#bgGrad)"/>
|
||||
<rect width="800" height="460" rx="6" fill="url(#lattice)" opacity="0.7"/>
|
||||
<rect x="1" y="1" width="798" height="458" rx="5" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
|
||||
|
||||
<!-- 视窗顶部装饰控制栏 -->
|
||||
<g transform="translate(24, 20)">
|
||||
<circle cx="8" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="24" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="40" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<text x="60" y="12" fill="#64748B" font-family="'Inter', sans-serif" font-size="12" font-weight="600">NAHAICHUAN · MULTI-PLATFORM MOBILE & IOT APPS</text>
|
||||
</g>
|
||||
|
||||
<!-- 现代中式印章 -->
|
||||
<g class="nhc-seal" transform="translate(740, 20)">
|
||||
<rect width="36" height="36" rx="4" fill="#FEF2F2" stroke="#DC2626" stroke-width="1.2"/>
|
||||
<rect x="3" y="3" width="30" height="30" rx="2" fill="none" stroke="#DC2626" stroke-width="0.5" stroke-opacity="0.6"/>
|
||||
<text x="18" y="24" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="16" font-weight="700" text-anchor="middle">互联</text>
|
||||
</g>
|
||||
|
||||
<!-- 东方天圆地方经纬轨道背景 -->
|
||||
<g transform="translate(400, 240)">
|
||||
<ellipse cx="0" cy="20" rx="280" ry="110" fill="none" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5"/>
|
||||
</g>
|
||||
|
||||
<!-- 主视觉布局：原生 App 手机端 (左) + 微信/多端小程序视窗 (中) + 蓝牙/IoT外设直连 (右) -->
|
||||
|
||||
<!-- 1. 左侧：iOS / Android 原生移动端应用 -->
|
||||
<g transform="translate(70, 75)" filter="url(#softShadow)">
|
||||
<!-- 手机外框 -->
|
||||
<rect width="180" height="340" rx="24" fill="#FFFFFF" stroke="#0F172A" stroke-width="2"/>
|
||||
<rect x="10" y="10" width="160" height="320" rx="16" fill="#F8FAFC"/>
|
||||
<!-- 顶部听筒与摄像头 -->
|
||||
<rect x="65" y="16" width="50" height="6" rx="3" fill="#CBD5E1"/>
|
||||
<!-- 屏幕顶部指标 -->
|
||||
<rect x="22" y="34" width="136" height="28" rx="4" fill="#EFF6FF"/>
|
||||
<text x="32" y="52" fill="#2563EB" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">原生 60FPS 极速渲染</text>
|
||||
<!-- 卡片内容 -->
|
||||
<rect x="22" y="72" width="136" height="60" rx="4" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<circle cx="40" cy="94" r="10" fill="#2563EB"/>
|
||||
<rect x="58" y="86" width="88" height="8" rx="2" fill="#E2E8F0"/>
|
||||
<rect x="58" y="100" width="60" height="6" rx="2" fill="#F1F5F9"/>
|
||||
<!-- 数据列表行 -->
|
||||
<rect x="22" y="142" width="136" height="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="32" y="164" fill="#475569" font-family="'Inter', sans-serif" font-size="10">离线数据本地秒存</text>
|
||||
<rect x="22" y="188" width="136" height="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="32" y="210" fill="#475569" font-family="'Inter', sans-serif" font-size="10">弱网恢复自动同步</text>
|
||||
<!-- 底部功能按钮 -->
|
||||
<rect x="22" y="280" width="136" height="32" rx="6" fill="#2563EB"/>
|
||||
<text x="90" y="300" fill="#FFFFFF" font-family="'Inter', sans-serif" font-size="11" font-weight="600" text-anchor="middle">iOS & Android 原生</text>
|
||||
</g>
|
||||
|
||||
<!-- 2. 中间：微信小程序与企业生态跨端看板 -->
|
||||
<g transform="translate(285, 75)" filter="url(#softShadow)">
|
||||
<rect width="260" height="340" rx="8" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<!-- 顶栏 -->
|
||||
<rect x="0" y="0" width="260" height="42" rx="7" fill="#EFF6FF"/>
|
||||
<circle cx="20" cy="21" r="5" fill="#06B6D4"/>
|
||||
<text x="34" y="26" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">微信小程序 · 跨端协同</text>
|
||||
<!-- 业务模块网格 -->
|
||||
<g transform="translate(18, 56)">
|
||||
<rect width="106" height="74" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="24" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="700">扫码即用</text>
|
||||
<text x="10" y="44" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">免下载秒开响应</text>
|
||||
<text x="10" y="60" fill="#06B6D4" font-family="'Inter', sans-serif" font-size="10" font-weight="600">< 0.8s 启动</text>
|
||||
</g>
|
||||
<g transform="translate(136, 56)">
|
||||
<rect width="106" height="74" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="24" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="700">微信生态</text>
|
||||
<text x="10" y="44" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">微信支付/订阅通知</text>
|
||||
<text x="10" y="60" fill="#2563EB" font-family="'Inter', sans-serif" font-size="10" font-weight="600">服务号互通</text>
|
||||
</g>
|
||||
<!-- 跨端代码流线示意 -->
|
||||
<g transform="translate(18, 145)">
|
||||
<rect width="224" height="120" rx="4" fill="#F8FAFC" stroke="#CBD5E1" stroke-width="1"/>
|
||||
<text x="14" y="24" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="700">一套代码 · 多端同步发布</text>
|
||||
<path d="M 20 45 L 80 45 M 100 45 L 200 45" stroke="#2563EB" stroke-width="2"/>
|
||||
<circle cx="90" cy="45" r="4" fill="#2563EB"/>
|
||||
<text x="14" y="70" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">支持 Uni-app / Flutter 跨端技术体系</text>
|
||||
<text x="14" y="90" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">无缝覆盖支付宝、抖音及百度小程序</text>
|
||||
<rect x="14" y="98" width="196" height="14" rx="2" fill="#E2E8F0"/>
|
||||
<rect x="14" y="98" width="160" height="14" rx="2" fill="#06B6D4" opacity="0.3"/>
|
||||
</g>
|
||||
<!-- 底部状态 -->
|
||||
<rect x="18" y="280" width="224" height="38" rx="6" fill="#0F172A"/>
|
||||
<text x="130" y="304" fill="#FFFFFF" font-family="'Inter', sans-serif" font-size="12" font-weight="600" text-anchor="middle">多平台组件库全开源交付</text>
|
||||
</g>
|
||||
|
||||
<!-- 3. 右侧：低功耗蓝牙 BLE 与 IoT 硬件互联 -->
|
||||
<g transform="translate(575, 75)" filter="url(#softShadow)">
|
||||
<rect width="160" height="340" rx="8" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="0" y="0" width="160" height="36" rx="7" fill="#F8FAFC"/>
|
||||
<text x="14" y="23" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="700">IoT 硬件协议互联</text>
|
||||
|
||||
<g transform="translate(14, 52)">
|
||||
<!-- 蓝牙连接指示 -->
|
||||
<circle cx="20" cy="20" r="14" fill="#EFF6FF"/>
|
||||
<path d="M 17 12 L 23 18 L 19 22 L 23 26 L 17 32 M 19 12 L 19 32" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<text x="44" y="18" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">低功耗蓝牙</text>
|
||||
<text x="44" y="32" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">BLE 5.0 毫秒直连</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 110)">
|
||||
<rect width="132" height="60" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="22" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">智能条码称重秤</text>
|
||||
<text x="10" y="42" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">自动取重与金额回传</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 185)">
|
||||
<rect width="132" height="60" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="22" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">移动热敏打印机</text>
|
||||
<text x="10" y="42" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">脱机连续高速出票</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 260)">
|
||||
<rect width="132" height="60" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="22" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">扫码支付终端</text>
|
||||
<text x="10" y="42" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">毫秒聚合识别通道</text>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
之后 宽度: | 高度: | 大小: 9.2 KiB |
@@ -0,0 +1,133 @@
|
||||
<svg width="800" height="460" viewBox="0 0 800 460" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#FFFFFF"/>
|
||||
<stop offset="100%" stop-color="#F8FAFC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#2563EB"/>
|
||||
<stop offset="100%" stop-color="#1D4ED8"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cyanGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#06B6D4"/>
|
||||
<stop offset="100%" stop-color="#0284C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="purpleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#7C3AED"/>
|
||||
<stop offset="100%" stop-color="#6D28D9"/>
|
||||
</linearGradient>
|
||||
<pattern id="lattice" width="24" height="24" patternUnits="userSpaceOnUse">
|
||||
<path d="M 24 0 L 0 0 0 24" fill="none" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="2,2"/>
|
||||
</pattern>
|
||||
<filter id="softShadow" x="-10%" y="-10%" width="120%" height="120%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#0F172A" flood-opacity="0.05"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<rect width="800" height="460" rx="6" fill="url(#bgGrad)"/>
|
||||
<rect width="800" height="460" rx="6" fill="url(#lattice)" opacity="0.7"/>
|
||||
<rect x="1" y="1" width="798" height="458" rx="5" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
|
||||
|
||||
<!-- 视窗顶部装饰控制栏 -->
|
||||
<g transform="translate(24, 20)">
|
||||
<circle cx="8" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="24" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="40" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<text x="60" y="12" fill="#64748B" font-family="'Inter', sans-serif" font-size="12" font-weight="600">NAHAICHUAN · HIGH-AVAILABILITY MICROSERVICE ARCHITECTURE</text>
|
||||
</g>
|
||||
|
||||
<!-- 现代中式印章 -->
|
||||
<g class="nhc-seal" transform="translate(740, 20)">
|
||||
<rect width="36" height="36" rx="4" fill="#FEF2F2" stroke="#DC2626" stroke-width="1.2"/>
|
||||
<rect x="3" y="3" width="30" height="30" rx="2" fill="none" stroke="#DC2626" stroke-width="0.5" stroke-opacity="0.6"/>
|
||||
<text x="18" y="24" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="16" font-weight="700" text-anchor="middle">自研</text>
|
||||
</g>
|
||||
|
||||
<!-- 东方天圆地方经纬轨道背景 -->
|
||||
<g transform="translate(400, 240)">
|
||||
<circle cx="0" cy="0" r="180" fill="none" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4,4"/>
|
||||
<circle cx="0" cy="0" r="130" fill="none" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<line x1="-220" y1="0" x2="220" y2="0" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="3,3"/>
|
||||
<line x1="0" y1="-160" x2="0" y2="160" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="3,3"/>
|
||||
</g>
|
||||
|
||||
<!-- 架构主拓扑：API网关层 -> 核心微服务集群 -> 数据库主从与缓存 -->
|
||||
<!-- 1. API 网关中心 -->
|
||||
<g transform="translate(180, 80)" filter="url(#softShadow)">
|
||||
<rect width="440" height="64" rx="6" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<rect x="0" y="0" width="6" height="64" rx="2" fill="#2563EB"/>
|
||||
<text x="24" y="28" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="15" font-weight="700">分布式统一 API 安全网关</text>
|
||||
<text x="24" y="48" fill="#64748B" font-family="'Inter', sans-serif" font-size="12">流量限流熔断 · TLS 1.3 强加密 · JWT 鉴权校验 · 全流程审计</text>
|
||||
<rect x="340" y="20" width="80" height="24" rx="4" fill="#EFF6FF"/>
|
||||
<text x="380" y="36" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="700" text-anchor="middle">ACTIVE</text>
|
||||
</g>
|
||||
|
||||
<!-- 导流线 -->
|
||||
<path d="M 400 144 L 400 180" stroke="#2563EB" stroke-width="1.5" stroke-dasharray="3,3"/>
|
||||
<polygon points="396,180 404,180 400,186" fill="#2563EB"/>
|
||||
|
||||
<!-- 2. 核心业务微服务集群 -->
|
||||
<g transform="translate(60, 190)">
|
||||
<!-- 节点 1：会员与权益中心 -->
|
||||
<g transform="translate(0, 0)" filter="url(#softShadow)">
|
||||
<rect width="150" height="100" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="12" y="14" width="28" height="28" rx="4" fill="#EFF6FF"/>
|
||||
<circle cx="26" cy="28" r="6" fill="#2563EB"/>
|
||||
<text x="12" y="62" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">会员权益中心</text>
|
||||
<text x="12" y="82" fill="#64748B" font-family="'Inter', sans-serif" font-size="11">多端等级统一</text>
|
||||
</g>
|
||||
|
||||
<!-- 节点 2：交易与防重对账 -->
|
||||
<g transform="translate(176, 0)" filter="url(#softShadow)">
|
||||
<rect width="168" height="100" rx="6" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<rect x="12" y="14" width="28" height="28" rx="4" fill="#EEF2FF"/>
|
||||
<path d="M 22 28 L 30 28 M 26 24 L 26 32" stroke="#7C3AED" stroke-width="2"/>
|
||||
<text x="12" y="62" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">交易对账中心</text>
|
||||
<text x="12" y="82" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="600">防重复扣款与对账</text>
|
||||
</g>
|
||||
|
||||
<!-- 节点 3：供应链与物料调度 -->
|
||||
<g transform="translate(364, 0)" filter="url(#softShadow)">
|
||||
<rect width="150" height="100" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="12" y="14" width="28" height="28" rx="4" fill="#ECFEFF"/>
|
||||
<rect x="22" y="24" width="8" height="8" rx="2" fill="#06B6D4"/>
|
||||
<text x="12" y="62" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">供应链调度</text>
|
||||
<text x="12" y="82" fill="#64748B" font-family="'Inter', sans-serif" font-size="11">多仓实时分配</text>
|
||||
</g>
|
||||
|
||||
<!-- 节点 4：开放连接与外部ERP -->
|
||||
<g transform="translate(534, 0)" filter="url(#softShadow)">
|
||||
<rect width="146" height="100" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="12" y="14" width="28" height="28" rx="4" fill="#F8FAFC"/>
|
||||
<circle cx="26" cy="28" r="4" stroke="#475569" stroke-width="2"/>
|
||||
<text x="12" y="62" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">开放互联中心</text>
|
||||
<text x="12" y="82" fill="#64748B" font-family="'Inter', sans-serif" font-size="11">金蝶/用友/第三方</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- 3. 数据层：主从读写分离与高并发缓存集群 -->
|
||||
<g transform="translate(80, 325)">
|
||||
<!-- 读写分离集群 -->
|
||||
<g transform="translate(0, 0)" filter="url(#softShadow)">
|
||||
<rect width="300" height="95" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="16" y="16" width="36" height="36" rx="4" fill="#EFF6FF"/>
|
||||
<path d="M 30 26 L 38 34 M 38 26 L 30 34" stroke="#2563EB" stroke-width="2"/>
|
||||
<text x="64" y="32" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">MySQL 主从读写分离集群</text>
|
||||
<text x="64" y="50" fill="#64748B" font-family="'Inter', sans-serif" font-size="11">分库分表 · 毫秒级主备延迟自动剔除</text>
|
||||
<rect x="64" y="62" width="216" height="16" rx="3" fill="#F1F5F9"/>
|
||||
<rect x="64" y="62" width="180" height="16" rx="3" fill="#2563EB" opacity="0.15"/>
|
||||
<text x="70" y="74" fill="#2563EB" font-family="'Inter', sans-serif" font-size="10" font-weight="600">健康度 100% · QPS 15,000+</text>
|
||||
</g>
|
||||
|
||||
<!-- Redis 分布式集群 -->
|
||||
<g transform="translate(340, 0)" filter="url(#softShadow)">
|
||||
<rect width="300" height="95" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="16" y="16" width="36" height="36" rx="4" fill="#ECFEFF"/>
|
||||
<circle cx="34" cy="34" r="8" fill="none" stroke="#06B6D4" stroke-width="2"/>
|
||||
<text x="64" y="32" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">Redis 高可用哨兵分片缓存</text>
|
||||
<text x="64" y="50" fill="#64748B" font-family="'Inter', sans-serif" font-size="11">热点商品防击穿 · 分布式分布式锁</text>
|
||||
<rect x="64" y="62" width="216" height="16" rx="3" fill="#F1F5F9"/>
|
||||
<rect x="64" y="62" width="200" height="16" rx="3" fill="#06B6D4" opacity="0.2"/>
|
||||
<text x="70" y="74" fill="#0284C7" font-family="'Inter', sans-serif" font-size="10" font-weight="600">命中率 99.4% · 响应 < 2ms</text>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
之后 宽度: | 高度: | 大小: 8.4 KiB |
@@ -0,0 +1,500 @@
|
||||
# -*- coding: utf-8 -*-
|
||||
"""
|
||||
生成全站独立页面专属精美现代中式科技矢量视窗插画
|
||||
规范：
|
||||
- 浅色专业风：背景 #FFFFFF / #F8FAFC，主色 #2563EB，辅助 #06B6D4 与 #7C3AED，文字 #0F172A / #475569
|
||||
- 严谨商务、现代中式、大留白、细线窗棂点阵、朱红宋体印章点缀、圆角 4~6px
|
||||
- 严禁 emoji、卡通、霓虹、赛博朋克
|
||||
"""
|
||||
import os
|
||||
|
||||
OUTPUT_DIR = os.path.join(os.path.dirname(os.path.dirname(os.path.abspath(__file__))), 'public/assets/addons/official/images/showcases')
|
||||
os.makedirs(OUTPUT_DIR, exist_ok=True)
|
||||
|
||||
COMMON_DEFS = """
|
||||
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#FFFFFF"/>
|
||||
<stop offset="100%" stop-color="#F8FAFC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#2563EB"/>
|
||||
<stop offset="100%" stop-color="#1D4ED8"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="cyanGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#06B6D4"/>
|
||||
<stop offset="100%" stop-color="#0284C7"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="purpleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#7C3AED"/>
|
||||
<stop offset="100%" stop-color="#6D28D9"/>
|
||||
</linearGradient>
|
||||
<pattern id="lattice" width="24" height="24" patternUnits="userSpaceOnUse">
|
||||
<path d="M 24 0 L 0 0 0 24" fill="none" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="2,2"/>
|
||||
</pattern>
|
||||
<filter id="softShadow" x="-10%" y="-10%" width="120%" height="120%">
|
||||
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#0F172A" flood-opacity="0.05"/>
|
||||
</filter>
|
||||
"""
|
||||
|
||||
def generate_software_hero():
|
||||
svg = f"""<svg width="800" height="460" viewBox="0 0 800 460" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>{COMMON_DEFS}</defs>
|
||||
<rect width="800" height="460" rx="6" fill="url(#bgGrad)"/>
|
||||
<rect width="800" height="460" rx="6" fill="url(#lattice)" opacity="0.7"/>
|
||||
<rect x="1" y="1" width="798" height="458" rx="5" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
|
||||
|
||||
<!-- 视窗顶部装饰控制栏 -->
|
||||
<g transform="translate(24, 20)">
|
||||
<circle cx="8" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="24" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="40" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<text x="60" y="12" fill="#64748B" font-family="'Inter', sans-serif" font-size="12" font-weight="600">NAHAICHUAN · HIGH-AVAILABILITY MICROSERVICE ARCHITECTURE</text>
|
||||
</g>
|
||||
|
||||
<!-- 现代中式印章 -->
|
||||
<g class="nhc-seal" transform="translate(740, 20)">
|
||||
<rect width="36" height="36" rx="4" fill="#FEF2F2" stroke="#DC2626" stroke-width="1.2"/>
|
||||
<rect x="3" y="3" width="30" height="30" rx="2" fill="none" stroke="#DC2626" stroke-width="0.5" stroke-opacity="0.6"/>
|
||||
<text x="18" y="24" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="16" font-weight="700" text-anchor="middle">自研</text>
|
||||
</g>
|
||||
|
||||
<!-- 东方天圆地方经纬轨道背景 -->
|
||||
<g transform="translate(400, 240)">
|
||||
<circle cx="0" cy="0" r="180" fill="none" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4,4"/>
|
||||
<circle cx="0" cy="0" r="130" fill="none" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<line x1="-220" y1="0" x2="220" y2="0" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="3,3"/>
|
||||
<line x1="0" y1="-160" x2="0" y2="160" stroke="#E2E8F0" stroke-width="0.75" stroke-dasharray="3,3"/>
|
||||
</g>
|
||||
|
||||
<!-- 架构主拓扑：API网关层 -> 核心微服务集群 -> 数据库主从与缓存 -->
|
||||
<!-- 1. API 网关中心 -->
|
||||
<g transform="translate(180, 80)" filter="url(#softShadow)">
|
||||
<rect width="440" height="64" rx="6" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<rect x="0" y="0" width="6" height="64" rx="2" fill="#2563EB"/>
|
||||
<text x="24" y="28" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="15" font-weight="700">分布式统一 API 安全网关</text>
|
||||
<text x="24" y="48" fill="#64748B" font-family="'Inter', sans-serif" font-size="12">流量限流熔断 · TLS 1.3 强加密 · JWT 鉴权校验 · 全流程审计</text>
|
||||
<rect x="340" y="20" width="80" height="24" rx="4" fill="#EFF6FF"/>
|
||||
<text x="380" y="36" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="700" text-anchor="middle">ACTIVE</text>
|
||||
</g>
|
||||
|
||||
<!-- 导流线 -->
|
||||
<path d="M 400 144 L 400 180" stroke="#2563EB" stroke-width="1.5" stroke-dasharray="3,3"/>
|
||||
<polygon points="396,180 404,180 400,186" fill="#2563EB"/>
|
||||
|
||||
<!-- 2. 核心业务微服务集群 -->
|
||||
<g transform="translate(60, 190)">
|
||||
<!-- 节点 1：会员与权益中心 -->
|
||||
<g transform="translate(0, 0)" filter="url(#softShadow)">
|
||||
<rect width="150" height="100" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="12" y="14" width="28" height="28" rx="4" fill="#EFF6FF"/>
|
||||
<circle cx="26" cy="28" r="6" fill="#2563EB"/>
|
||||
<text x="12" y="62" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">会员权益中心</text>
|
||||
<text x="12" y="82" fill="#64748B" font-family="'Inter', sans-serif" font-size="11">多端等级统一</text>
|
||||
</g>
|
||||
|
||||
<!-- 节点 2：交易与防重对账 -->
|
||||
<g transform="translate(176, 0)" filter="url(#softShadow)">
|
||||
<rect width="168" height="100" rx="6" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<rect x="12" y="14" width="28" height="28" rx="4" fill="#EEF2FF"/>
|
||||
<path d="M 22 28 L 30 28 M 26 24 L 26 32" stroke="#7C3AED" stroke-width="2"/>
|
||||
<text x="12" y="62" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">交易对账中心</text>
|
||||
<text x="12" y="82" fill="#2563EB" font-family="'Inter', sans-serif" font-size="11" font-weight="600">防重复扣款与对账</text>
|
||||
</g>
|
||||
|
||||
<!-- 节点 3：供应链与物料调度 -->
|
||||
<g transform="translate(364, 0)" filter="url(#softShadow)">
|
||||
<rect width="150" height="100" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="12" y="14" width="28" height="28" rx="4" fill="#ECFEFF"/>
|
||||
<rect x="22" y="24" width="8" height="8" rx="2" fill="#06B6D4"/>
|
||||
<text x="12" y="62" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">供应链调度</text>
|
||||
<text x="12" y="82" fill="#64748B" font-family="'Inter', sans-serif" font-size="11">多仓实时分配</text>
|
||||
</g>
|
||||
|
||||
<!-- 节点 4：开放连接与外部ERP -->
|
||||
<g transform="translate(534, 0)" filter="url(#softShadow)">
|
||||
<rect width="146" height="100" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="12" y="14" width="28" height="28" rx="4" fill="#F8FAFC"/>
|
||||
<circle cx="26" cy="28" r="4" stroke="#475569" stroke-width="2"/>
|
||||
<text x="12" y="62" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">开放互联中心</text>
|
||||
<text x="12" y="82" fill="#64748B" font-family="'Inter', sans-serif" font-size="11">金蝶/用友/第三方</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- 3. 数据层：主从读写分离与高并发缓存集群 -->
|
||||
<g transform="translate(80, 325)">
|
||||
<!-- 读写分离集群 -->
|
||||
<g transform="translate(0, 0)" filter="url(#softShadow)">
|
||||
<rect width="300" height="95" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="16" y="16" width="36" height="36" rx="4" fill="#EFF6FF"/>
|
||||
<path d="M 30 26 L 38 34 M 38 26 L 30 34" stroke="#2563EB" stroke-width="2"/>
|
||||
<text x="64" y="32" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">MySQL 主从读写分离集群</text>
|
||||
<text x="64" y="50" fill="#64748B" font-family="'Inter', sans-serif" font-size="11">分库分表 · 毫秒级主备延迟自动剔除</text>
|
||||
<rect x="64" y="62" width="216" height="16" rx="3" fill="#F1F5F9"/>
|
||||
<rect x="64" y="62" width="180" height="16" rx="3" fill="#2563EB" opacity="0.15"/>
|
||||
<text x="70" y="74" fill="#2563EB" font-family="'Inter', sans-serif" font-size="10" font-weight="600">健康度 100% · QPS 15,000+</text>
|
||||
</g>
|
||||
|
||||
<!-- Redis 分布式集群 -->
|
||||
<g transform="translate(340, 0)" filter="url(#softShadow)">
|
||||
<rect width="300" height="95" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="16" y="16" width="36" height="36" rx="4" fill="#ECFEFF"/>
|
||||
<circle cx="34" cy="34" r="8" fill="none" stroke="#06B6D4" stroke-width="2"/>
|
||||
<text x="64" y="32" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="14" font-weight="700">Redis 高可用哨兵分片缓存</text>
|
||||
<text x="64" y="50" fill="#64748B" font-family="'Inter', sans-serif" font-size="11">热点商品防击穿 · 分布式分布式锁</text>
|
||||
<rect x="64" y="62" width="216" height="16" rx="3" fill="#F1F5F9"/>
|
||||
<rect x="64" y="62" width="200" height="16" rx="3" fill="#06B6D4" opacity="0.2"/>
|
||||
<text x="70" y="74" fill="#0284C7" font-family="'Inter', sans-serif" font-size="10" font-weight="600">命中率 99.4% · 响应 < 2ms</text>
|
||||
</g>
|
||||
</g>
|
||||
</svg>"""
|
||||
with open(os.path.join(OUTPUT_DIR, 'service_software_hero.svg'), 'w', encoding='utf-8') as f:
|
||||
f.write(svg)
|
||||
print("Generated: service_software_hero.svg")
|
||||
|
||||
def generate_app_hero():
|
||||
svg = f"""<svg width="800" height="460" viewBox="0 0 800 460" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>{COMMON_DEFS}</defs>
|
||||
<rect width="800" height="460" rx="6" fill="url(#bgGrad)"/>
|
||||
<rect width="800" height="460" rx="6" fill="url(#lattice)" opacity="0.7"/>
|
||||
<rect x="1" y="1" width="798" height="458" rx="5" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
|
||||
|
||||
<!-- 视窗顶部装饰控制栏 -->
|
||||
<g transform="translate(24, 20)">
|
||||
<circle cx="8" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="24" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="40" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<text x="60" y="12" fill="#64748B" font-family="'Inter', sans-serif" font-size="12" font-weight="600">NAHAICHUAN · MULTI-PLATFORM MOBILE & IOT APPS</text>
|
||||
</g>
|
||||
|
||||
<!-- 现代中式印章 -->
|
||||
<g class="nhc-seal" transform="translate(740, 20)">
|
||||
<rect width="36" height="36" rx="4" fill="#FEF2F2" stroke="#DC2626" stroke-width="1.2"/>
|
||||
<rect x="3" y="3" width="30" height="30" rx="2" fill="none" stroke="#DC2626" stroke-width="0.5" stroke-opacity="0.6"/>
|
||||
<text x="18" y="24" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="16" font-weight="700" text-anchor="middle">互联</text>
|
||||
</g>
|
||||
|
||||
<!-- 东方天圆地方经纬轨道背景 -->
|
||||
<g transform="translate(400, 240)">
|
||||
<ellipse cx="0" cy="20" rx="280" ry="110" fill="none" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="5,5"/>
|
||||
</g>
|
||||
|
||||
<!-- 主视觉布局：原生 App 手机端 (左) + 微信/多端小程序视窗 (中) + 蓝牙/IoT外设直连 (右) -->
|
||||
|
||||
<!-- 1. 左侧：iOS / Android 原生移动端应用 -->
|
||||
<g transform="translate(70, 75)" filter="url(#softShadow)">
|
||||
<!-- 手机外框 -->
|
||||
<rect width="180" height="340" rx="24" fill="#FFFFFF" stroke="#0F172A" stroke-width="2"/>
|
||||
<rect x="10" y="10" width="160" height="320" rx="16" fill="#F8FAFC"/>
|
||||
<!-- 顶部听筒与摄像头 -->
|
||||
<rect x="65" y="16" width="50" height="6" rx="3" fill="#CBD5E1"/>
|
||||
<!-- 屏幕顶部指标 -->
|
||||
<rect x="22" y="34" width="136" height="28" rx="4" fill="#EFF6FF"/>
|
||||
<text x="32" y="52" fill="#2563EB" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">原生 60FPS 极速渲染</text>
|
||||
<!-- 卡片内容 -->
|
||||
<rect x="22" y="72" width="136" height="60" rx="4" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<circle cx="40" cy="94" r="10" fill="#2563EB"/>
|
||||
<rect x="58" y="86" width="88" height="8" rx="2" fill="#E2E8F0"/>
|
||||
<rect x="58" y="100" width="60" height="6" rx="2" fill="#F1F5F9"/>
|
||||
<!-- 数据列表行 -->
|
||||
<rect x="22" y="142" width="136" height="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="32" y="164" fill="#475569" font-family="'Inter', sans-serif" font-size="10">离线数据本地秒存</text>
|
||||
<rect x="22" y="188" width="136" height="36" rx="4" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="32" y="210" fill="#475569" font-family="'Inter', sans-serif" font-size="10">弱网恢复自动同步</text>
|
||||
<!-- 底部功能按钮 -->
|
||||
<rect x="22" y="280" width="136" height="32" rx="6" fill="#2563EB"/>
|
||||
<text x="90" y="300" fill="#FFFFFF" font-family="'Inter', sans-serif" font-size="11" font-weight="600" text-anchor="middle">iOS & Android 原生</text>
|
||||
</g>
|
||||
|
||||
<!-- 2. 中间：微信小程序与企业生态跨端看板 -->
|
||||
<g transform="translate(285, 75)" filter="url(#softShadow)">
|
||||
<rect width="260" height="340" rx="8" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<!-- 顶栏 -->
|
||||
<rect x="0" y="0" width="260" height="42" rx="7" fill="#EFF6FF"/>
|
||||
<circle cx="20" cy="21" r="5" fill="#06B6D4"/>
|
||||
<text x="34" y="26" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">微信小程序 · 跨端协同</text>
|
||||
<!-- 业务模块网格 -->
|
||||
<g transform="translate(18, 56)">
|
||||
<rect width="106" height="74" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="24" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="700">扫码即用</text>
|
||||
<text x="10" y="44" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">免下载秒开响应</text>
|
||||
<text x="10" y="60" fill="#06B6D4" font-family="'Inter', sans-serif" font-size="10" font-weight="600">< 0.8s 启动</text>
|
||||
</g>
|
||||
<g transform="translate(136, 56)">
|
||||
<rect width="106" height="74" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="24" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="700">微信生态</text>
|
||||
<text x="10" y="44" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">微信支付/订阅通知</text>
|
||||
<text x="10" y="60" fill="#2563EB" font-family="'Inter', sans-serif" font-size="10" font-weight="600">服务号互通</text>
|
||||
</g>
|
||||
<!-- 跨端代码流线示意 -->
|
||||
<g transform="translate(18, 145)">
|
||||
<rect width="224" height="120" rx="4" fill="#F8FAFC" stroke="#CBD5E1" stroke-width="1"/>
|
||||
<text x="14" y="24" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="700">一套代码 · 多端同步发布</text>
|
||||
<path d="M 20 45 L 80 45 M 100 45 L 200 45" stroke="#2563EB" stroke-width="2"/>
|
||||
<circle cx="90" cy="45" r="4" fill="#2563EB"/>
|
||||
<text x="14" y="70" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">支持 Uni-app / Flutter 跨端技术体系</text>
|
||||
<text x="14" y="90" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">无缝覆盖支付宝、抖音及百度小程序</text>
|
||||
<rect x="14" y="98" width="196" height="14" rx="2" fill="#E2E8F0"/>
|
||||
<rect x="14" y="98" width="160" height="14" rx="2" fill="#06B6D4" opacity="0.3"/>
|
||||
</g>
|
||||
<!-- 底部状态 -->
|
||||
<rect x="18" y="280" width="224" height="38" rx="6" fill="#0F172A"/>
|
||||
<text x="130" y="304" fill="#FFFFFF" font-family="'Inter', sans-serif" font-size="12" font-weight="600" text-anchor="middle">多平台组件库全开源交付</text>
|
||||
</g>
|
||||
|
||||
<!-- 3. 右侧：低功耗蓝牙 BLE 与 IoT 硬件互联 -->
|
||||
<g transform="translate(575, 75)" filter="url(#softShadow)">
|
||||
<rect width="160" height="340" rx="8" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="0" y="0" width="160" height="36" rx="7" fill="#F8FAFC"/>
|
||||
<text x="14" y="23" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="700">IoT 硬件协议互联</text>
|
||||
|
||||
<g transform="translate(14, 52)">
|
||||
<!-- 蓝牙连接指示 -->
|
||||
<circle cx="20" cy="20" r="14" fill="#EFF6FF"/>
|
||||
<path d="M 17 12 L 23 18 L 19 22 L 23 26 L 17 32 M 19 12 L 19 32" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<text x="44" y="18" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">低功耗蓝牙</text>
|
||||
<text x="44" y="32" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">BLE 5.0 毫秒直连</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 110)">
|
||||
<rect width="132" height="60" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="22" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">智能条码称重秤</text>
|
||||
<text x="10" y="42" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">自动取重与金额回传</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 185)">
|
||||
<rect width="132" height="60" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="22" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">移动热敏打印机</text>
|
||||
<text x="10" y="42" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">脱机连续高速出票</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 260)">
|
||||
<rect width="132" height="60" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="22" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">扫码支付终端</text>
|
||||
<text x="10" y="42" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">毫秒聚合识别通道</text>
|
||||
</g>
|
||||
</g>
|
||||
</svg>"""
|
||||
with open(os.path.join(OUTPUT_DIR, 'service_app_hero.svg'), 'w', encoding='utf-8') as f:
|
||||
f.write(svg)
|
||||
print("Generated: service_app_hero.svg")
|
||||
|
||||
def generate_agent_hero():
|
||||
svg = f"""<svg width="800" height="460" viewBox="0 0 800 460" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>{COMMON_DEFS}</defs>
|
||||
<rect width="800" height="460" rx="6" fill="url(#bgGrad)"/>
|
||||
<rect width="800" height="460" rx="6" fill="url(#lattice)" opacity="0.7"/>
|
||||
<rect x="1" y="1" width="798" height="458" rx="5" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
|
||||
|
||||
<!-- 视窗顶部装饰控制栏 -->
|
||||
<g transform="translate(24, 20)">
|
||||
<circle cx="8" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="24" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="40" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<text x="60" y="12" fill="#64748B" font-family="'Inter', sans-serif" font-size="12" font-weight="600">NAHAICHUAN · PRIVATE ON-PREMISES AI AGENT & RAG ENGINE</text>
|
||||
</g>
|
||||
|
||||
<!-- 现代中式印章 -->
|
||||
<g class="nhc-seal" transform="translate(740, 20)">
|
||||
<rect width="36" height="36" rx="4" fill="#FEF2F2" stroke="#DC2626" stroke-width="1.2"/>
|
||||
<rect x="3" y="3" width="30" height="30" rx="2" fill="none" stroke="#DC2626" stroke-width="0.5" stroke-opacity="0.6"/>
|
||||
<text x="18" y="24" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="16" font-weight="700" text-anchor="middle">安全</text>
|
||||
</g>
|
||||
|
||||
<!-- 纯内网物理隔离标志 (拔掉外网网线) -->
|
||||
<g transform="translate(28, 55)">
|
||||
<rect width="300" height="32" rx="4" fill="#FEF2F2" stroke="#FCA5A5" stroke-width="1"/>
|
||||
<circle cx="16" cy="16" r="5" fill="#DC2626"/>
|
||||
<text x="32" y="20" fill="#991B1B" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="700">纯内网物理隔离部署 · 拔掉外网网线依然可靠运行</text>
|
||||
</g>
|
||||
|
||||
<!-- 架构主拓扑：非结构化文档结构化 -> 向量知识库 -> 多智能体协同问答 -->
|
||||
<!-- 1. 左侧：企业私域文档输入与切片 -->
|
||||
<g transform="translate(28, 105)" filter="url(#softShadow)">
|
||||
<rect width="220" height="325" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="0" y="0" width="220" height="36" rx="5" fill="#F8FAFC"/>
|
||||
<text x="14" y="23" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">01. 企业私有知识入库</text>
|
||||
|
||||
<g transform="translate(14, 50)">
|
||||
<rect width="192" height="48" rx="4" fill="#EFF6FF" stroke="#BFDBFE" stroke-width="1"/>
|
||||
<text x="12" y="22" fill="#1E40AF" font-family="'Inter', sans-serif" font-size="11" font-weight="700">制度条例 / 政策规范 (PDF)</text>
|
||||
<text x="12" y="38" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">版面分析 · 表格还原提取</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 110)">
|
||||
<rect width="192" height="48" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="12" y="22" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">产品手册 / 合同文书 (Word)</text>
|
||||
<text x="12" y="38" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">语义段落递归分块切片</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 170)">
|
||||
<rect width="192" height="48" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="12" y="22" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">业务系统历史审核案例库</text>
|
||||
<text x="12" y="38" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">专家经验正负反馈打标</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(14, 235)">
|
||||
<rect width="192" height="70" rx="4" fill="#F1F5F9"/>
|
||||
<text x="12" y="24" fill="#334155" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">数据安全保护底线</text>
|
||||
<text x="12" y="44" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">0 外部网络调用 · 数据零外泄</text>
|
||||
<text x="12" y="58" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">严格符合等保三级物理隔离规范</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- 2. 中间：向量引擎与语义检索 RAG 核心 -->
|
||||
<g transform="translate(268, 105)" filter="url(#softShadow)">
|
||||
<rect width="250" height="325" rx="6" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<rect x="0" y="0" width="250" height="36" rx="5" fill="#EFF6FF"/>
|
||||
<text x="14" y="23" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">02. 混合精准语义检索 (RAG)</text>
|
||||
|
||||
<!-- 向量计算矩阵图示 -->
|
||||
<g transform="translate(15, 52)">
|
||||
<rect width="220" height="85" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="12" y="20" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">向量检索 + 关键词全文双路召回</text>
|
||||
<!-- 坐标系点阵 -->
|
||||
<line x1="20" y1="65" x2="200" y2="65" stroke="#CBD5E1" stroke-width="1"/>
|
||||
<circle cx="50" cy="50" r="4" fill="#2563EB"/>
|
||||
<circle cx="90" cy="40" r="5" fill="#06B6D4"/>
|
||||
<circle cx="150" cy="55" r="4" fill="#7C3AED"/>
|
||||
<line x1="50" y1="50" x2="90" y2="40" stroke="#06B6D4" stroke-width="1" stroke-dasharray="2,2"/>
|
||||
<text x="100" y="44" fill="#0284C7" font-family="'Inter', sans-serif" font-size="9" font-weight="700">余弦相似度 0.94</text>
|
||||
</g>
|
||||
|
||||
<!-- 问答置信度过滤 -->
|
||||
<g transform="translate(15, 148)">
|
||||
<rect width="220" height="75" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="12" y="20" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">严格依据原文回答 · 拒绝幻觉</text>
|
||||
<text x="12" y="40" fill="#475569" font-family="'Inter', sans-serif" font-size="10">未命中知识库时明确回复“未查到”</text>
|
||||
<rect x="12" y="50" width="196" height="14" rx="2" fill="#E2E8F0"/>
|
||||
<rect x="12" y="50" width="180" height="14" rx="2" fill="#2563EB" opacity="0.3"/>
|
||||
<text x="16" y="61" fill="#2563EB" font-family="'Inter', sans-serif" font-size="9" font-weight="700">准确率实测 > 98.5%</text>
|
||||
</g>
|
||||
|
||||
<!-- 底座模型 -->
|
||||
<g transform="translate(15, 235)">
|
||||
<rect width="220" height="80" rx="4" fill="#F8FAFC" stroke="#CBD5E1" stroke-width="1"/>
|
||||
<text x="12" y="20" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">开源大模型专有量化微调</text>
|
||||
<text x="12" y="38" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">DeepSeek / Qwen / Llama 适配</text>
|
||||
<text x="12" y="54" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">普通单张消费级显卡即可部署推理</text>
|
||||
<text x="12" y="70" fill="#059669" font-family="'Inter', sans-serif" font-size="10" font-weight="700">低算力成本 · 极高响应性价比</text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- 3. 右侧：多智能体自主协同输出视窗 -->
|
||||
<g transform="translate(538, 105)" filter="url(#softShadow)">
|
||||
<rect width="234" height="325" rx="6" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.2"/>
|
||||
<rect x="0" y="0" width="234" height="36" rx="5" fill="#F8FAFC"/>
|
||||
<text x="14" y="23" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">03. 业务协同与带出处交付</text>
|
||||
|
||||
<!-- 模拟智能体对话核查窗口 -->
|
||||
<g transform="translate(12, 50)">
|
||||
<rect width="210" height="60" rx="4" fill="#F1F5F9"/>
|
||||
<text x="10" y="20" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">企业业务人员提问：</text>
|
||||
<text x="10" y="40" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">“按2026采购标准，该标的超限吗？”</text>
|
||||
</g>
|
||||
|
||||
<g transform="translate(12, 120)">
|
||||
<rect width="210" height="110" rx="4" fill="#EFF6FF" stroke="#BFDBFE" stroke-width="1"/>
|
||||
<text x="10" y="20" fill="#2563EB" font-family="'Inter', sans-serif" font-size="10" font-weight="700">专属智能体回复：</text>
|
||||
<text x="10" y="40" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="600">“不超限。符合第3章第12条规定。”</text>
|
||||
|
||||
<!-- 自动标注文档出处 -->
|
||||
<rect x="10" y="55" width="190" height="44" rx="3" fill="#FFFFFF" stroke="#93C5FD" stroke-width="0.75"/>
|
||||
<text x="16" y="72" fill="#1D4ED8" font-family="'Inter', sans-serif" font-size="10" font-weight="700">依据文档原文：</text>
|
||||
<text x="16" y="88" fill="#475569" font-family="'Inter', sans-serif" font-size="9">《2026采购管理制度汇编.pdf》第28页</text>
|
||||
</g>
|
||||
|
||||
<!-- 底部保障 -->
|
||||
<g transform="translate(12, 245)">
|
||||
<rect width="210" height="65" rx="4" fill="#F8FAFC" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<text x="10" y="22" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="11" font-weight="700">多 Agent 工作流自动联动</text>
|
||||
<text x="10" y="40" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">初审校验 -> 依据比对 -> 报告生成</text>
|
||||
<text x="10" y="54" fill="#059669" font-family="'Inter', sans-serif" font-size="10" font-weight="700">全流程操作日志审计留痕</text>
|
||||
</g>
|
||||
</g>
|
||||
</svg>"""
|
||||
with open(os.path.join(OUTPUT_DIR, 'service_agent_hero.svg'), 'w', encoding='utf-8') as f:
|
||||
f.write(svg)
|
||||
print("Generated: service_agent_hero.svg")
|
||||
|
||||
def generate_contact_headquarters():
|
||||
svg = f"""<svg width="600" height="340" viewBox="0 0 600 340" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>{COMMON_DEFS}</defs>
|
||||
<rect width="600" height="340" rx="6" fill="url(#bgGrad)"/>
|
||||
<rect width="600" height="340" rx="6" fill="url(#lattice)" opacity="0.6"/>
|
||||
<rect x="1" y="1" width="598" height="338" rx="5" fill="none" stroke="#E2E8F0" stroke-width="1.5"/>
|
||||
|
||||
<!-- 视窗顶栏 -->
|
||||
<g transform="translate(20, 18)">
|
||||
<circle cx="8" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="24" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<circle cx="40" cy="8" r="4" fill="#CBD5E1"/>
|
||||
<text x="60" y="12" fill="#64748B" font-family="'Inter', sans-serif" font-size="12" font-weight="600">NAHAICHUAN · GUIYANG DUAL HEADQUARTERS & R&D BASE</text>
|
||||
</g>
|
||||
|
||||
<!-- 现代中式印章 -->
|
||||
<g class="nhc-seal" transform="translate(545, 16)">
|
||||
<rect width="36" height="36" rx="4" fill="#FEF2F2" stroke="#DC2626" stroke-width="1.2"/>
|
||||
<rect x="3" y="3" width="30" height="30" rx="2" fill="none" stroke="#DC2626" stroke-width="0.5" stroke-opacity="0.6"/>
|
||||
<text x="18" y="24" fill="#DC2626" font-family="'Noto Serif SC', 'SimSun', serif" font-size="16" font-weight="700" text-anchor="middle">立足</text>
|
||||
</g>
|
||||
|
||||
<!-- 经纬线与双基地地理拓扑图 -->
|
||||
<g transform="translate(300, 180)">
|
||||
<!-- 坐标雷达圈 -->
|
||||
<circle cx="0" cy="0" r="140" fill="none" stroke="#E2E8F0" stroke-width="1" stroke-dasharray="4,4"/>
|
||||
<circle cx="0" cy="0" r="90" fill="none" stroke="#E2E8F0" stroke-width="1"/>
|
||||
<line x1="-160" y1="0" x2="160" y2="0" stroke="#CBD5E1" stroke-width="0.75" stroke-dasharray="3,3"/>
|
||||
<line x1="0" y1="-120" x2="0" y2="120" stroke="#CBD5E1" stroke-width="0.75" stroke-dasharray="3,3"/>
|
||||
|
||||
<!-- 双基地连接弧线 -->
|
||||
<path d="M -110 -20 Q 0 -60 110 30" fill="none" stroke="#2563EB" stroke-width="2" stroke-dasharray="5,5"/>
|
||||
</g>
|
||||
|
||||
<!-- 基地 1：营销中心与商务基地 (花果园中环广场) -->
|
||||
<g transform="translate(40, 75)" filter="url(#softShadow)">
|
||||
<rect width="240" height="150" rx="6" fill="#FFFFFF" stroke="#2563EB" stroke-width="1.5"/>
|
||||
<rect x="0" y="0" width="240" height="32" rx="5" fill="#EFF6FF"/>
|
||||
<circle cx="16" cy="16" r="4" fill="#2563EB"/>
|
||||
<text x="28" y="21" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">商务营销中心 · 花果园</text>
|
||||
|
||||
<text x="16" y="55" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">贵阳花果园中环广场 2号楼26层</text>
|
||||
<text x="16" y="75" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">商务洽谈 · 解决方案研讨 · 产品演示</text>
|
||||
|
||||
<rect x="16" y="90" width="208" height="44" rx="4" fill="#F8FAFC"/>
|
||||
<text x="24" y="108" fill="#475569" font-family="'Inter', sans-serif" font-size="10">贵阳火车站 / 市中心 10分钟车程</text>
|
||||
<text x="24" y="124" fill="#2563EB" font-family="'Inter', sans-serif" font-size="10" font-weight="600">西南客户当面沟通 · 随到随接</text>
|
||||
</g>
|
||||
|
||||
<!-- 基地 2：核心研发中心 (大数据安全产业园) -->
|
||||
<g transform="translate(320, 115)" filter="url(#softShadow)">
|
||||
<rect width="240" height="150" rx="6" fill="#FFFFFF" stroke="#06B6D4" stroke-width="1.5"/>
|
||||
<rect x="0" y="0" width="240" height="32" rx="5" fill="#ECFEFF"/>
|
||||
<circle cx="16" cy="16" r="4" fill="#06B6D4"/>
|
||||
<text x="28" y="21" fill="#0F172A" font-family="'Noto Serif SC', 'SimSun', serif" font-size="13" font-weight="700">核心研发中心 · 经开大数据</text>
|
||||
|
||||
<text x="16" y="55" fill="#0F172A" font-family="'Inter', sans-serif" font-size="11" font-weight="700">经开区大数据安全产业园数楼 4层</text>
|
||||
<text x="16" y="75" fill="#64748B" font-family="'Inter', sans-serif" font-size="10">架构研发 · 私有AI算力调优 · 安全攻防</text>
|
||||
|
||||
<rect x="16" y="90" width="208" height="44" rx="4" fill="#F8FAFC"/>
|
||||
<text x="24" y="108" fill="#475569" font-family="'Inter', sans-serif" font-size="10">局域网物理隔离机房 · 等保三级规范</text>
|
||||
<text x="24" y="124" fill="#06B6D4" font-family="'Inter', sans-serif" font-size="10" font-weight="600">支持客户技术专家现场源码审查验收</text>
|
||||
</g>
|
||||
|
||||
<!-- 底部 SLA 承诺栏 -->
|
||||
<g transform="translate(40, 280)">
|
||||
<rect width="520" height="40" rx="4" fill="#0F172A"/>
|
||||
<text x="260" y="25" fill="#FFFFFF" font-family="'Noto Serif SC', 'SimSun', serif" font-size="12" font-weight="600" text-anchor="middle">
|
||||
工作日 2小时内极速响应 · 24小时内免费出具初步方案与评估报告
|
||||
</text>
|
||||
</g>
|
||||
</svg>"""
|
||||
with open(os.path.join(OUTPUT_DIR, 'contact_headquarters.svg'), 'w', encoding='utf-8') as f:
|
||||
f.write(svg)
|
||||
print("Generated: contact_headquarters.svg")
|
||||
|
||||
if __name__ == '__main__':
|
||||
generate_software_hero()
|
||||
generate_app_hero()
|
||||
generate_agent_hero()
|
||||
generate_contact_headquarters()
|
||||
print("All dedicated page illustration showcases generated successfully!")
|
||||
@@ -297,6 +297,15 @@ def test_plain_and_concise_copywriting_suite():
|
||||
res.assert_true(test_result.wasSuccessful(), f"通俗易懂与去AI味去啰嗦断言全部通过 (共 {test_result.testsRun} 项)")
|
||||
return res.summary()
|
||||
|
||||
def test_dedicated_page_illustrations_suite():
|
||||
res = TestResult("独立页面精美视觉配图专项测试 (DedicatedPageIllustrations)")
|
||||
from tests.test_dedicated_page_illustrations import TestDedicatedPageIllustrations
|
||||
suite = unittest.TestLoader().loadTestsFromTestCase(TestDedicatedPageIllustrations)
|
||||
runner = unittest.TextTestRunner(verbosity=0)
|
||||
test_result = runner.run(suite)
|
||||
res.assert_true(test_result.wasSuccessful(), f"独立页面精美视觉配图全部通过 (共 {test_result.testsRun} 项)")
|
||||
return res.summary()
|
||||
|
||||
def main():
|
||||
import unittest
|
||||
results = [
|
||||
@@ -314,10 +323,12 @@ def main():
|
||||
test_journalism_and_articles_suite(),
|
||||
test_dedicated_service_pages_suite(),
|
||||
test_concise_showcase_images_suite(),
|
||||
test_plain_and_concise_copywriting_suite()
|
||||
test_plain_and_concise_copywriting_suite(),
|
||||
test_dedicated_page_illustrations_suite()
|
||||
]
|
||||
sys.exit(0 if all(results) else 1)
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
main()
|
||||
|
||||
|
||||
@@ -0,0 +1,53 @@
|
||||
# -*- coding: utf-8 -*-
|
||||
"""
|
||||
全站独立页面精美视觉配图规范专项测试 (Dedicated Page Illustrations Test)
|
||||
严格遵循 TDD 模式：
|
||||
1. 验证软件定制独立页、APP定制独立页、智能体独立页、联系我们页均配有专属高品质现代中式矢量视窗图；
|
||||
2. 验证所有图片文件真实存在于资源目录且尺寸有效；
|
||||
3. 验证图片符合浅色专业风规范（背景 #FFFFFF/#F8FAFC、主色 #2563EB、无 emoji、有印章点缀与细线窗棂）。
|
||||
"""
|
||||
import os
|
||||
import unittest
|
||||
|
||||
ROOT_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
|
||||
|
||||
class TestDedicatedPageIllustrations(unittest.TestCase):
|
||||
|
||||
def setUp(self):
|
||||
self.img_dir = os.path.join(ROOT_DIR, 'public/assets/addons/official/images/showcases')
|
||||
self.template_dir = os.path.join(ROOT_DIR, 'addons/official/view/web')
|
||||
|
||||
def test_illustration_assets_exist(self):
|
||||
"""测试 4 张专属精美视觉插图文件存在且内容有效"""
|
||||
required_images = [
|
||||
'service_software_hero.svg',
|
||||
'service_app_hero.svg',
|
||||
'service_agent_hero.svg',
|
||||
'contact_headquarters.svg',
|
||||
]
|
||||
for img_name in required_images:
|
||||
path = os.path.join(self.img_dir, img_name)
|
||||
self.assertTrue(os.path.exists(path), f"缺少专属精美配图: {img_name}")
|
||||
with open(path, 'r', encoding='utf-8') as f:
|
||||
content = f.read()
|
||||
self.assertIn('<svg', content, f"{img_name} 必须是有效矢量 SVG")
|
||||
self.assertIn('#2563EB', content, f"{img_name} 必须包含主色 #2563EB 科技蓝")
|
||||
self.assertIn('nhc-seal', content, f"{img_name} 必须包含现代中式印章点缀")
|
||||
|
||||
def test_pages_embed_dedicated_illustrations(self):
|
||||
"""测试各独立页面均正确嵌入对应的精美配图"""
|
||||
pages = {
|
||||
'software': ('official_product/service_software.html', 'service_software_hero.svg'),
|
||||
'app': ('official_product/service_app.html', 'service_app_hero.svg'),
|
||||
'agent': ('official_product/service_agent.html', 'service_agent_hero.svg'),
|
||||
'contact_pc': ('official_online_message/list.html', 'contact_headquarters.svg'),
|
||||
'contact_m': ('official_online_message/list_e.html', 'contact_headquarters.svg'),
|
||||
}
|
||||
for key, (tpl_rel, img_name) in pages.items():
|
||||
tpl_path = os.path.join(self.template_dir, tpl_rel)
|
||||
with open(tpl_path, 'r', encoding='utf-8') as f:
|
||||
html = f.read()
|
||||
self.assertIn(img_name, html, f"页面 {tpl_rel} 必须正确引用专属配图 {img_name}")
|
||||
|
||||
if __name__ == '__main__':
|
||||
unittest.main()
|
||||
在新工单中引用
屏蔽一个用户