vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 10.10线上最新代码提交

Browse Source
This commit is contained in:
zdl
2025-10-11 16:16:02 +08:00
parent 4d0dc109bc
commit 495ad758ea
3338 changed files with 460147 additions and 152745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

670
public/htmls/英伟达液冷技术革新.html Normal file
View File

@@ -0,0 +1,670 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="apple-touch-icon" sizes="76x76" href="../../static/assets/img/apple-icon.png">
<link rel="icon" type="image/png" href="../../static/assets/img/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Nucleo Icons -->
<link href="../../static/assets/css/nucleo-icons.css" rel="stylesheet" />
<link href="../../static/assets/css/nucleo-svg.css" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- CSS Files -->
<link id="pagestyle" href="../../static/assets/css/soft-design-system-pro.css?v=1.2.0" rel="stylesheet" />
<script src="../../static/assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/perfect-scrollbar.min.js"></script>
<script src="../../static/assets/js/plugins/typedjs.js"></script>
<script src="../../static/assets/js/plugins/parallax.min.js"></script>
<script src="../../static/assets/js/plugins/smooth-scroll.min.js"></script>
<script src="../../static/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/glidejs.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/anime.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/chartjs.min.js"></script>
<script src="../../static/assets/js/soft-design-system-pro.min.js?v=1.2.0" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #0a1929 0%, #1a237e 100%);
color: #ffffff;
overflow-x: hidden;
}
.insight-card {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
transition: all 0.3s ease;
}
.insight-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.section-title {
background: linear-gradient(90deg, #00bcd4, #3f51b5);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 700;
}
.highlight {
color: #00e5ff;
font-weight: 600;
}
.table-container {
overflow-x: auto;
max-width: 100%;
}
.stock-table {
width: 100%;
border-collapse: collapse;
}
.stock-table th {
background: rgba(0, 188, 212, 0.2);
color: #ffffff;
font-weight: 600;
padding: 12px;
text-align: left;
position: sticky;
top: 0;
}
.stock-table td {
padding: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.stock-table tr:hover {
background: rgba(255, 255, 255, 0.05);
}
.category-badge {
display: inline-block;
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
margin-bottom: 16px;
background: linear-gradient(90deg, #00bcd4, #3f51b5);
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.timeline-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: #00e5ff;
display: inline-block;
margin-right: 8px;
}
.risk-item {
border-left: 3px solid #ff5252;
padding-left: 16px;
margin-bottom: 12px;
}
.opportunity-item {
border-left: 3px solid #69f0ae;
padding-left: 16px;
margin-bottom: 12px;
}
@media (max-width: 768px) {
.insight-card {
margin-bottom: 20px;
}
.table-container {
font-size: 14px;
}
.stock-table th, .stock-table td {
padding: 8px;
}
}
</style>
</head>
<body>
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8">
<!-- Header -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 section-title">英伟达液冷技术革新</h1>
<p class="text-xl text-gray-300 max-w-3xl mx-auto">AI算力需求爆发推动芯片功耗飙升，液冷成为唯一选择</p>
</div>
<!-- 概念事件 -->
<div class="insight-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">概念事件</h2>
<div class="mb-6">
<p class="text-lg mb-4"><span class="highlight">背景</span>：AI算力需求爆发推动芯片功耗飙升，英伟达GPU从H100（700W）到B100（1000W）再到GB200（2700W），单机柜功率密度突破<span class="highlight">143kW</span>（GB200 NVL72），传统风冷散热效率（0.3W/cm²）已无法满足需求，液冷成为唯一选择。</p>
<h3 class="text-xl font-semibold mb-3">催化事件</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li><span class="highlight">2024年3月GTC大会</span>：英伟达首次发布GB200 NVL72液冷系统，明确液冷为AI基础设施标配（黄仁勋原话）。</li>
<li><span class="highlight">2025年3月GB300升级</span>：冷板设计从"大面积覆盖"改为单芯片独立液冷板，快接头数量从GB200的126对增至252对（NVL72系统），单颗快接头价格从70-80美元降至40-50美元（UQD03型号）。</li>
<li><span class="highlight">政策强制</span>：中国2025年新建数据中心PUE≤1.3，单机柜>30kW强制液冷（工信部《行动计划》）。</li>
</ul>
<h3 class="text-xl font-semibold mb-3">时间轴</h3>
<div class="space-y-3">
<div><span class="timeline-dot"></span><span class="highlight">2022年</span>：英伟达推出首款液冷GPU（A100）。</div>
<div><span class="timeline-dot"></span><span class="highlight">2024年Q2</span>：GB200量产，液冷渗透率从<10%跃升至30%+。</div>
<div><span class="timeline-dot"></span><span class="highlight">2025年</span>：GB300全面导入液冷，Blackwell占英伟达高阶GPU出货80%（TrendForce预测）。</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="insight-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">核心观点摘要</h2>
<div class="space-y-4">
<div class="opportunity-item">
<p><span class="highlight">阶段判断</span>：液冷已从"主题炒作"进入产业爆发期（2024-2025年为渗透率拐点），由英伟达技术迭代+政策强制双轮驱动。</p>
</div>
<div class="opportunity-item">
<p><span class="highlight">核心驱动力</span>：芯片功耗指数级增长（1000W→2700W）倒逼散热技术革命，液冷是唯一可解路径。</p>
</div>
<div class="opportunity-item">
<p><span class="highlight">未来潜力</span>：2025年全球液冷市场规模超500亿元（中信证券预测），中国供应链占比有望达30%+（冷板/快接头/管路环节）。</p>
</div>
</div>
</div>
<!-- 概念的核心逻辑与市场认知分析 -->
<div class="insight-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">概念的核心逻辑与市场认知分析</h2>
<h3 class="text-xl font-semibold mb-3">核心驱动力</h3>
<div class="space-y-3 mb-6">
<div class="opportunity-item">
<p><span class="highlight">技术刚性</span>：单机柜功率>15kW时风冷失效，GB200 NVL72实测143kW（中金测算），液冷是唯一选择。</p>
</div>
<div class="opportunity-item">
<p><span class="highlight">成本拐点</span>：液冷方案PUE从1.6降至1.15（英伟达数据），5000机柜集群年省电费2-3亿元。</p>
</div>
<div class="opportunity-item">
<p><span class="highlight">政策强制</span>：中国2025年新建数据中心50%液冷（三大运营商白皮书），美国能源部COOLERCHIPS计划资助英伟达500万美元研发混合液冷。</p>
</div>
</div>
<h3 class="text-xl font-semibold mb-3">市场热度与情绪</h3>
<div class="mb-6">
<p class="mb-3"><span class="highlight">研报密度</span>：2024年3月后液冷研报数量激增（中信证券/中金/国盛等头部券商全覆盖）。</p>
<p class="mb-3"><span class="highlight">情绪分化</span>：</p>
<ul class="list-disc pl-6 space-y-2">
<li><span class="highlight">乐观派</span>：认为GB300快接头降价（-40%）将加速普及（CoolerMaster份额70%+）。</li>
<li><span class="highlight">谨慎派</span>：担忧小型化UQD03漏液风险（川环科技提到"塑料件漏液问题未解决"）。</li>
</ul>
</div>
<h3 class="text-xl font-semibold mb-3">预期差分析</h3>
<div class="space-y-3">
<div class="opportunity-item">
<p><span class="highlight">市场忽略点</span>：</p>
<ul class="list-disc pl-6 space-y-2">
<li><span class="highlight">Switch tray液冷化</span>：当前仅主芯片水冷，未来光模块/连接器均需液冷（成本再增30%）。</li>
<li><span class="highlight">国产替代</span>：GB300供应链中CoolerMaster主导，但AVC/立敏达验证进度落后，存在份额再分配可能。</li>
</ul>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="insight-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">关键催化剂与未来发展路径</h2>
<h3 class="text-xl font-semibold mb-3">近期催化剂（3-6个月）</h3>
<div class="space-y-3 mb-6">
<div class="opportunity-item">
<p><span class="highlight">GB300量产验证</span>：2025年Q2台积电CoWoS产能释放（2.6万片/月），快接头良率决定交付节奏。</p>
</div>
<div class="opportunity-item">
<p><span class="highlight">政策落地</span>：中国"东数西算"二期项目招标，液冷占比强制≥50%（运营商集采启动）。</p>
</div>
<div class="opportunity-item">
<p><span class="highlight">技术突破</span>：英伟达Rubin架构或转向浸没式液冷（广发通信路演提及）。</p>
</div>
</div>
<h3 class="text-xl font-semibold mb-3">长期路径</h3>
<div class="space-y-3">
<div><span class="timeline-dot"></span><span class="highlight">2024-2025</span>：冷板式液冷主导（渗透率30%→50%）。</div>
<div><span class="timeline-dot"></span><span class="highlight">2026-2027</span>：浸没式液冷商业化（需解决冷却液兼容性）。</div>
<div><span class="timeline-dot"></span><span class="highlight">2028+</span>：芯片级液冷（3D封装+微流道散热）。</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="insight-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">产业链与核心公司深度剖析</h2>
<h3 class="text-xl font-semibold mb-3">产业链图谱</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
<div class="bg-gradient-to-br from-blue-900 to-blue-700 p-4 rounded-lg">
<h4 class="text-lg font-semibold mb-2">上游</h4>
<p>快接头（CoolerMaster/CPC）、冷却液（3M/巨化股份）、管路（川环科技）</p>
</div>
<div class="bg-gradient-to-br from-purple-900 to-purple-700 p-4 rounded-lg">
<h4 class="text-lg font-semibold mb-2">中游</h4>
<p>冷板（飞荣达/银轮股份）、CDU（英维克/高澜股份）</p>
</div>
<div class="bg-gradient-to-br from-indigo-900 to-indigo-700 p-4 rounded-lg">
<h4 class="text-lg font-semibold mb-2">下游</h4>
<p>服务器（浪潮/紫光股份）、IDC（润泽科技/奥飞数据）</p>
</div>
</div>
<h3 class="text-xl font-semibold mb-3">核心玩家对比</h3>
<div class="table-container mb-6">
<table class="stock-table">
<thead>
<tr>
<th>公司</th>
<th>环节</th>
<th>优势</th>
<th>风险</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="highlight">CoolerMaster</span></td>
<td>快接头</td>
<td>GB300首批量产，份额70%+</td>
<td>过度依赖英伟达单一客户</td>
</tr>
<tr>
<td><span class="highlight">川环科技</span></td>
<td>管路</td>
<td>华为+英伟达双认证，单机柜价值10万元</td>
<td>塑料件漏液技术未完全解决</td>
</tr>
<tr>
<td><span class="highlight">英维克</span></td>
<td>CDU</td>
<td>全链条布局，绑定阿里/腾讯</td>
<td>浸没式液冷验证周期长</td>
</tr>
<tr>
<td><span class="highlight">曙光数创</span></td>
<td>浸没式</td>
<td>国内唯一规模化量产（C8000系列）</td>
<td>客户集中度高（互联网大厂）</td>
</tr>
</tbody>
</table>
</div>
<h3 class="text-xl font-semibold mb-3">验证与证伪</h3>
<div class="space-y-3">
<div class="opportunity-item">
<p><span class="highlight">印证</span>：GB200 NVL72实测143kW功耗（中金路演），液冷为唯一解。</p>
</div>
<div class="risk-item">
<p><span class="highlight">矛盾</span>：西部证券称B100推迟因"散热问题"，但英伟达CEO否认"过热"（2024年11月），需跟踪工程机测试数据。</p>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="insight-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">潜在风险与挑战</h2>
<div class="space-y-4">
<div class="risk-item">
<p><span class="highlight">技术瓶颈</span>：UQD03小型化后漏液概率↑（密封件公差要求<0.01mm）。</p>
</div>
<div class="risk-item">
<p><span class="highlight">商业化风险</span>：液冷方案成本为风冷1.5倍（中信证券数据），中小客户接受度待验证。</p>
</div>
<div class="risk-item">
<p><span class="highlight">政策风险</span>：美国对华H20出口限制或导致GB300中国特供版延迟（2025年H20出货50万片计划）。</p>
</div>
<div class="risk-item">
<p><span class="highlight">信息矛盾</span>：西部证券称B100散热需3个月解决，但英伟达路演表示"无过热问题"——需核实测试环境差异。</p>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="insight-card p-6 mb-8">
<h2 class="text-2xl font-bold mb-4 section-title">综合结论与投资启示</h2>
<div class="mb-6">
<div class="opportunity-item mb-4">
<p><span class="highlight">阶段判断</span>：基本面驱动初期（2024年订单落地），2025年进入渗透率加速期。</p>
</div>
<h3 class="text-xl font-semibold mb-3">高价值环节</h3>
<div class="space-y-3 mb-6">
<div class="opportunity-item">
<p><span class="highlight">1. 快接头</span>（技术壁垒高+降价放量）：关注CoolerMaster供应链（立敏达潜在替代）。</p>
</div>
<div class="opportunity-item">
<p><span class="highlight">2. 管路</span>（耗材属性+国产替代）：川环科技（单机柜管路价值量500元×198个接头=10万元）。</p>
</div>
<div class="opportunity-item">
<p><span class="highlight">3. CDU</span>（系统级门槛）：英维克（绑定头部云厂商）。</p>
</div>
</div>
<h3 class="text-xl font-semibold mb-3">关键跟踪指标</h3>
<div class="space-y-3">
<div><span class="timeline-dot"></span><span class="highlight">GB300快接头良率</span>（CoolerMaster Q2验证数据）。</div>
<div><span class="timeline-dot"></span><span class="highlight">国内IDC液冷招标占比</span>（2025年运营商集采≥50%）。</div>
<div><span class="timeline-dot"></span><span class="highlight">英伟达液冷服务器出货量</span>（2025年目标5万台对应50亿元快接头市场）。</div>
</div>
</div>
<div class="bg-gradient-to-r from-cyan-700 to-blue-800 p-4 rounded-lg">
<p class="text-lg font-semibold text-center"><span class="highlight">一句话总结</span>：液冷不是"可选"，而是AI算力跨越1000W→3000W功耗鸿沟的生死线，2025年将是供应链订单与份额的决胜年。</p>
</div>
</div>
<!-- 关联股票数据 -->
<div class="insight-card p-6">
<h2 class="text-2xl font-bold mb-4 section-title">关联股票数据</h2>
<div id="stock-data-container"></div>
</div>
</div>
<script>
// 股票数据
const stockData = [
{
'数据中心液冷(250715)': [
{'stock': '海鸥股份', '行业': '冷却塔', '项目': '数据中心液冷项目', 'reason': '2024年常规冷却塔营收占比59.46%，冷却塔可应用于数据中心算力中心'},
{'stock': '华电电工', '行业': '冷却塔', '项目': '数据中心冷却塔产品', 'reason': '提供双曲线型冷却塔产品'},
{'stock': '冰轮环境', '行业': '冷却塔', '项目': '数据中心冷却塔产品', 'reason': '提供闭式冷却塔'},
{'stock': '海兰信', '行业': '液冷服务器', '项目': '海底数据中心(UDC)', 'reason': 'UDC属于利用海水对服务器发热进行冷却的液冷范畴'},
{'stock': '浪潮信息', '行业': '液冷服务器', '项目': '2024年液冷服务器中国第一', 'reason': '2024年液冷服务器中国第一'},
{'stock': '中兴通讯', '行业': '液冷服务器', '项目': '全系列服务器支持液冷', 'reason': '全系列服务器支持液冷，高性能液冷服务器性能居业界前列'},
{'stock': '中科曙光', '行业': '液冷服务器', '项目': '国内首款规模化量产液冷服务器', 'reason': '2015年推出国内首款规模化量产液冷服务器'},
{'stock': '紫光股份', '行业': '液冷服务器', '项目': '全栈液冷解决方案', 'reason': '具备全栈液冷解决方案，覆盖液冷服务器、机房液冷设备等'},
{'stock': '中国长城', '行业': '液冷服务器', '项目': '喷淋式液冷服务器', 'reason': '液冷产品包括喷淋式液冷服务器'},
{'stock': '高澜股份', '行业': '浸没式液冷', '项目': '冷板式/浸没式液冷解决方案', 'reason': '拥有冷板式和浸没式液冷解决方案，产品涵盖服务器液冷板、流体连接部件等'},
{'stock': '网宿科技', '行业': '浸没式液冷', '项目': '单相浸没式液冷', 'reason': '拥有单相浸没式液冷和冷板方案，绿色云图牵头主编数据中心浸没式液冷系统标准'},
{'stock': '科创新源', '行业': '浸没式液冷', '项目': '数据中心服务器液冷散热技术', 'reason': '与霍尼韦尔合作开发数据中心服务器液冷散热技术'},
{'stock': '依米康', '行业': '浸没式液冷', '项目': '单相浸没液冷技术', 'reason': '服务器液冷采用单相浸没技术，完成浸没式液冷产品开发'},
{'stock': '同飞股份', '行业': '浸没式液冷', '项目': '冷板式/浸没式液冷解决方案', 'reason': '推出冷板式液冷和浸没式液冷全套解决方案'},
{'stock': '英维克', '行业': '温控设备', '项目': '精密温控系统', 'reason': '2024年精密温控收入45.89亿元，机房温控营收24.41亿元'},
{'stock': '申菱环境', '行业': '温控设备', '项目': '数据中心DPC相变冷却系统', 'reason': '2024年数据中心DPC相变冷却系统、液冷温控系统'},
{'stock': '依米康', '行业': '温控设备', '项目': '信息数据领域温控', 'reason': '2024年信息数据领域收入11.45亿元，位居机房空调市场第三'},
{'stock': '佳力图', '行业': '温控设备', '项目': '机房环境控制', 'reason': '2024年机房环境控制收入7.74亿元，精密空调营收4.6亿元'},
{'stock': '冰轮环境', '行业': '温控设备', '项目': '工业产品收入', 'reason': '2024年工业产品收入56.29亿元，数据中心液冷业务'},
{'stock': '东贝集团', '行业': '压缩机', '项目': '压缩机', 'reason': '2024年压缩机收入45.62亿元'},
{'stock': '汉钟精机', '行业': '压缩机', '项目': '数据中心用压缩机', 'reason': '2024年压缩机收入20.3亿元，螺杆/涡旋压缩机用于数据中心'},
{'stock': '雪人集团', '行业': '压缩机', '项目': '数据中心用压缩机', 'reason': '2024年压缩机收入9.19亿元，产品应用于数据中心中央空调'},
{'stock': '百达精工', '行业': '压缩机', '项目': '压缩机零部件', 'reason': '2024年压缩机零部件收入8.31亿元，叶片市场占有率36%'},
{'stock': '联德股份', '行业': '压缩机', '项目': '数据中心用压缩机', 'reason': '压缩机核心客户为全球温控系统厂商，应用于数据中心'},
{'stock': '英华特', '行业': '压缩机', '项目': '涡旋压缩机', 'reason': '2024年涡旋压缩机收入5.96亿元，产品用于数据中心液冷'},
{'stock': '冰山冷热', '行业': '压缩机', '项目': '涡旋压缩机', 'reason': '2024年涡旋压缩机出口3.5亿元，拥有数据中心冷却设备技术'},
{'stock': '鑫磊股份', '行业': '压缩机', '项目': '螺杆压缩机', 'reason': '2024年螺杆压缩机收入3.13亿元，产品用于数据中心'},
{'stock': '华伍股份', '行业': '磁悬浮压缩机', '项目': '磁悬浮压缩机', 'reason': '磁悬浮压缩机用于数据中心'},
{'stock': '金通灵', '行业': '磁悬浮压缩机', '项目': '磁悬浮压缩机', 'reason': '磁悬浮压缩机用于数据中心'},
{'stock': '佳力图', '行业': '磁悬浮压缩机', '项目': '磁悬浮压缩机', 'reason': '磁悬浮压缩机用于数据中心'},
{'stock': '银轮股份', '行业': '热交换', '项目': '热交换器', 'reason': '2024年热交换器收入119.8亿元，在数据中心液冷方案实现突破'},
{'stock': '英特科技', '行业': '热交换', '项目': '液冷散热器', 'reason': '2024年换热器收入4.68亿元，产品应用于数据中心变频器'},
{'stock': '同星科技', '行业': '热交换', '项目': '制冷零部件', 'reason': '2024年制冷零部件收入9.02亿元，布局高效液冷换热设备'},
{'stock': '中石科技', '行业': '热交换', '项目': '液冷散热技术', 'reason': '热模组核心零部件、TIM材料批量供货服务器厂商'},
{'stock': '锐新科技', '行业': '热交换', '项目': '散热器产品', 'reason': '散热器产品包括液冷等多种类型'},
{'stock': '飞荣达', '行业': '液冷模组', '项目': '单相/两相液冷模组', 'reason': '单相液冷板模组、两相液冷模组已量产交付'},
{'stock': '精研科技', '行业': '液冷模组', '项目': '液冷模组', 'reason': '液冷方向产品包括液冷模组、风冷模组等'},
{'stock': '朗威股份', '行业': '液冷模组', '项目': '预制化液冷模组', 'reason': '提供预制化液冷模组、液冷模组解决方案'},
{'stock': '统一股份', '行业': '冷却液', '项目': '浸没式液冷技术', 'reason': '开发的浸没式液冷技术采用碳氢类合成油冷却油技术'},
{'stock': '康普顿', '行业': '冷却液', '项目': '防冻液技术', 'reason': '基于防冻液技术储备，在液冷领域有技术储备'},
{'stock': '强瑞技术', '行业': '测试设备', '项目': '液冷检测设备', 'reason': '液冷检测设备及散热器产品，主要客户为H客户'},
{'stock': '飞龙股份', '行业': '其他', '项目': '数据中心液冷', 'reason': '电子泵产品应用于服务器液冷、IDC液冷、人工智能液冷'},
{'stock': '澄天伟业', '行业': '其他', '项目': '液冷产品', 'reason': '液冷产品完成多轮技术验证，处于量产准备阶段'},
{'stock': '川环科技', '行业': '其他', '项目': '液冷管路产品', 'reason': '液冷服务器用冷却系统管路产品已批量供货'},
{'stock': '新朋股份', '行业': '其他', '项目': 'CDU液冷分配装置', 'reason': '液冷产品包括CDU液冷分配装置等'},
{'stock': '博汇股份', '行业': '其他', '项目': '液冷科技', 'reason': '子公司无锡致液冷科技提供IDC、AIDC智算中心液冷管理系统'},
{'stock': '美心翼申', '行业': '北交所', '项目': '压缩机曲轴', 'reason': '压缩机曲轴产品客户包括天津丹佛斯'},
{'stock': '曙光数创', '行业': '北交所', '项目': '浸没液冷数据中心', 'reason': '主要产品包括浸没液冷数据中心基础设施产品及模块化数据中心产品'}
]
},
{
'液冷(240304)': [
{'stock': '浪潮信息', '液冷服务器': '浪潮信息', 'reason': '英伟达CEO黄仁勋称浸没式液冷技术为未来指标，将带动散热市场革新，相关液冷服务器厂商受益'},
{'stock': '中科曙光', '液冷服务器': '中科曙光', 'reason': '同上'},
{'stock': '紫光股份', '液冷服务器': '紫光股份', 'reason': '同上'},
{'stock': '中兴通讯', '液冷服务器': '中兴通讯', 'reason': '同上'},
{'stock': '康盛股份', '液冷产品': '康盛股份', 'reason': '液冷产品厂商，直接受益于液冷技术替代风冷趋势'},
{'stock': '统一股份', '液冷产品': '统一股份', '浸没式液冷': '统一股份', 'reason': '同时涉及液冷产品及浸没式液冷技术'},
{'stock': '高澜股份', '液冷产品': '高澜股份', '浸没式液冷': '高澜股份', 'reason': '同时涉及液冷产品及浸没式液冷技术'},
{'stock': '申菱环境', '液冷产品': '申菱环境', 'reason': '液冷产品厂商'},
{'stock': '飞龙股份', '液冷产品': '飞龙股份', 'reason': '液冷产品厂商'},
{'stock': '网宿科技', '液冷产品': '网宿科技', 'reason': '液冷产品厂商'},
{'stock': '润泽科技', '液冷产品': '润泽科技', 'reason': '液冷产品厂商'},
{'stock': '川润股份', '液冷产品': '川润股份', 'reason': '液冷产品厂商'},
{'stock': '日海智能', '液冷产品': '日海智能', 'reason': '液冷产品厂商'},
{'stock': '科华数据', '液冷产品': '科华数据', 'reason': '液冷产品厂商'},
{'stock': '强瑞技术', '液冷部件': '强瑞技术', 'reason': '液冷部件供应商'},
{'stock': '欧陆通', '液冷部件': '欧陆通', 'reason': '液冷部件供应商'},
{'stock': '中石科技', '液冷部件': '中石科技', '导热材料': '中石科技', 'reason': '同时涉及液冷部件及导热材料'},
{'stock': '精研科技', '液冷部件': '精研科技', 'reason': '液冷部件供应商'},
{'stock': '双良节能', '液冷部件': '双良节能', 'reason': '液冷部件供应商'},
{'stock': '飞荣达', '液冷部件': '飞荣达', '导热材料': '飞荣达', 'reason': '同时涉及液冷部件及导热材料'},
{'stock': '海鸥股份', '液冷部件': '海鸥股份', 'reason': '液冷部件供应商'},
{'stock': '华勤技术', '液冷部件': '华勤技术', 'reason': '液冷部件供应商'},
{'stock': '科创新源', '液冷部件': '科创新源', '浸没式液冷': '科创新源', 'reason': '同时涉及液冷部件及浸没式液冷技术'},
{'stock': '佳力图', '浸没式液冷': '佳力图', '温控设备/机房空调': '佳力图', 'reason': '同时涉及浸没式液冷及温控设备'},
{'stock': '英特科技', '温控设备/机房空调': '英特科技', 'reason': '温控设备/机房空调供应商'},
{'stock': '英维克', '温控设备/机房空调': '英维克', 'reason': '温控设备/机房空调供应商'},
{'stock': '锐捷网络', '硅光液冷': '锐捷网络', 'reason': '硅光液冷技术相关'},
{'stock': '巨化股份', '冷液材料': '巨化股份', 'reason': '冷液材料供应商'}
]
},
{
'液态金属散热(240108)': [
{'stock': '晶华新材', '行业': '导热材料', '项目': '高性能导热界面材料应用', 'reason': '主要产品应用于高性能导热界面材料'},
{'stock': '德邦科技', '行业': '液态金属散热', '项目': '收购泰吉诺、低凝固点液态金属开发', '产业链': '数据中心散热解决方案', 'reason': '收购苏州泰吉诺新材料开发低凝固点液态金属，应用于数据中心，客户包含英伟达、富士康、华为'},
{'stock': '宜安科技', '行业': '液态金属散热', '项目': '液态金属散热装置专利', 'reason': '主营液态金属，拥有液态金属散热装置发明专利'},
{'stock': '依米康', '行业': '散热技术', '项目': '液态金属散热技术开发', '分类': '首创技术', 'reason': '研发生产的液态金属散热金属技术为首创'},
{'stock': '苏州天脉', '行业': '热管理材料', '项目': '导热界面材料生产', '产业链': '散热组件供应', 'reason': '主要产品包含导热界面材料，业务收入占比较高'},
{'stock': '回天新材', '行业': '热界面材料', '项目': '芯片级导热材料供应', '产业链': '芯片封装材料', 'reason': '热界面材料前端企业，供应芯片封装用胶板块（含芯片级导热界面材料）'},
{'stock': '天马新材', '行业': '导热材料', '项目': '球形氧化铝生产', '产业链': '导热材料原料供应', 'reason': '球形氧化铝下游用于制作导热界面材料'},
{'stock': '飞荣达', '行业': '导热材料', '项目': 'TIM导热界面材料生产', '产业链': '散热材料供应', 'reason': '官网产品包含TIM导热界面材料'},
{'stock': '三祥新材', '行业': '液态金属材料', '项目': '合作生产液态金属', '产业链': '液态金属原料供应', 'reason': '与宜安科技合作生产锆基非晶合金（液态金属），受益于液态金属散热需求'}
]
}
];
// 渲染股票数据表格
function renderStockTables() {
const container = document.getElementById('stock-data-container');
stockData.forEach(category => {
const categoryName = Object.keys(category)[0];
const stocks = category[categoryName];
const categoryDiv = document.createElement('div');
categoryDiv.className = 'mb-8';
const categoryTitle = document.createElement('div');
categoryTitle.className = 'category-badge mb-4';
categoryTitle.textContent = categoryName;
categoryDiv.appendChild(categoryTitle);
const tableContainer = document.createElement('div');
tableContainer.className = 'table-container';
const table = document.createElement('table');
table.className = 'stock-table';
// 创建表头
const thead = document.createElement('thead');
const headerRow = document.createElement('tr');
// 动态获取所有可能的列名
const allColumns = new Set();
stocks.forEach(stock => {
Object.keys(stock).forEach(key => {
if (key !== 'reason') {
allColumns.add(key);
}
});
});
// 添加表头
allColumns.forEach(column => {
const th = document.createElement('th');
th.textContent = column;
headerRow.appendChild(th);
});
// 添加原因列
const reasonTh = document.createElement('th');
reasonTh.textContent = '原因';
headerRow.appendChild(reasonTh);
thead.appendChild(headerRow);
table.appendChild(thead);
// 创建表体
const tbody = document.createElement('tbody');
stocks.forEach(stock => {
const row = document.createElement('tr');
// 添加数据列
allColumns.forEach(column => {
const td = document.createElement('td');
if (stock[column]) {
if (column === 'stock') {
td.innerHTML = `<span class="highlight">${stock[column]}</span>`;
} else {
td.textContent = stock[column];
}
} else {
td.textContent = '-';
}
row.appendChild(td);
});
// 添加原因列
const reasonTd = document.createElement('td');
reasonTd.textContent = stock.reason;
row.appendChild(reasonTd);
tbody.appendChild(row);
});
table.appendChild(tbody);
tableContainer.appendChild(table);
categoryDiv.appendChild(tableContainer);
container.appendChild(categoryDiv);
});
}
// 初始化粒子背景
function initParticles() {
tsParticles.load("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#00e5ff"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: false
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#00e5ff",
opacity: 0.4,
width: 1
},
move: {
enable: true,
speed: 2,
direction: "none",
random: false,
straight: false,
out_mode: "out",
bounce: false
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "grab"
},
onclick: {
enable: true,
mode: "push"
},
resize: true
},
modes: {
grab: {
distance: 140,
line_linked: {
opacity: 1
}
},
push: {
particles_nb: 4
}
}
},
retina_detect: true
});
}
// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', function() {
renderStockTables();
initParticles();
});
</script>
</body>
</html>
```