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

441
public/htmls/华为智能充电战略发布会.html Normal file
View File

@@ -0,0 +1,441 @@
<!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">
<title>华为智能充电战略分析报告</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- Tailwind CSS -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<!-- DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" type="text/css" />
<style>
body {
font-family: 'Inter', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
}
.card-gradient {
background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%);
}
.timeline-dot {
position: relative;
}
.timeline-dot::before {
content: '';
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #26d0ce;
top: 50%;
left: -8px;
transform: translateY(-50%);
}
.timeline-line {
position: absolute;
width: 2px;
background-color: #26d0ce;
top: 0;
bottom: 0;
left: 0;
}
.tech-badge {
background: rgba(38, 208, 206, 0.2);
border: 1px solid #26d0ce;
}
.risk-badge {
background: rgba(239, 68, 68, 0.2);
border: 1px solid #ef4444;
}
.opportunity-badge {
background: rgba(16, 185, 129, 0.2);
border: 1px solid #10b981;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-container {
font-size: 0.75rem;
}
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
</style>
</head>
<body class="gradient-bg text-white min-h-screen">
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 relative z-10">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-cyan-400 to-blue-500">
华为智能充电战略分析报告
</h1>
<p class="text-lg text-gray-300 max-w-3xl mx-auto">
2025年4月22日，华为数字能源召开"2025华为智能电动&智能充电网络战略与新品发布会"，正式发布兆瓦级超充产品
</p>
</div>
<!-- 核心观点摘要 -->
<div class="card mb-8 bg-black bg-opacity-30 backdrop-blur-lg rounded-xl border border-gray-700">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 text-cyan-400 flex items-center">
<i class="fas fa-lightbulb mr-3"></i>核心观点摘要
</h2>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<p class="text-lg mb-3">
华为兆瓦级超充技术已突破商业化临界点，<span class="text-cyan-400 font-bold">2025年将成为"闪充元年"</span>。
</p>
<p class="text-gray-300">
技术领先性（全液冷+高功率）与政策/车企需求（重卡电动化）共振，推动充电基础设施从"补能焦虑"转向"效率革命"。但需警惕成本过高和电网适配性风险。
</p>
</div>
</div>
</div>
<!-- 事件时间轴 -->
<div class="card mb-8 bg-black bg-opacity-30 backdrop-blur-lg rounded-xl border border-gray-700">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-6 text-cyan-400 flex items-center">
<i class="fas fa-timeline mr-3"></i>发展时间轴
</h2>
<div class="relative pl-8">
<div class="timeline-line"></div>
<div class="mb-6 timeline-dot">
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-cyan-400">2023年10月</h3>
<p>华为"318川藏超充绿廊"全液冷超充站上线，验证技术可行性</p>
</div>
</div>
<div class="mb-6 timeline-dot">
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-cyan-400">2024年</h3>
<p>计划部署10万个全液冷超级快充桩</p>
</div>
</div>
<div class="mb-6 timeline-dot">
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-cyan-400">2025年4月</h3>
<p>兆瓦级超充产品发布，开启"闪充元年"</p>
</div>
</div>
<div class="timeline-dot">
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-cyan-400">2025年6月</h3>
<p>华为与小鹏汽车预告战略合作，可能涉及超充网络共享</p>
</div>
</div>
</div>
</div>
</div>
<!-- 技术突破 -->
<div class="card mb-8 bg-black bg-opacity-30 backdrop-blur-lg rounded-xl border border-gray-700">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 text-cyan-400 flex items-center">
<i class="fas fa-bolt mr-3"></i>技术突破
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg text-center">
<div class="text-3xl font-bold text-cyan-400 mb-2">1.5MW</div>
<p>最大功率<br><span class="text-sm text-gray-400">(传统充电桩的3-12倍)</span></p>
</div>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg text-center">
<div class="text-3xl font-bold text-cyan-400 mb-2">2400A</div>
<p>超强电流<br><span class="text-sm text-gray-400">(每分钟补电20kWh)</span></p>
</div>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg text-center">
<div class="text-3xl font-bold text-cyan-400 mb-2">15年</div>
<p>设备寿命<br><span class="text-sm text-gray-400">(传统仅5年)</span></p>
</div>
</div>
<div class="mt-4 bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<p class="text-center">
<span class="tech-badge px-3 py-1 rounded-full text-sm mr-2">全液冷散热系统</span>
<span class="tech-badge px-3 py-1 rounded-full text-sm mr-2">-30℃至60℃稳定运行</span>
<span class="tech-badge px-3 py-1 rounded-full text-sm">故障率降低50%</span>
</p>
</div>
</div>
</div>
<!-- 产业链分析 -->
<div class="card mb-8 bg-black bg-opacity-30 backdrop-blur-lg rounded-xl border border-gray-700">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 text-cyan-400 flex items-center">
<i class="fas fa-sitemap mr-3"></i>产业链分析
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-cyan-400 mb-2">上游</h3>
<ul class="text-sm">
<li>• 液冷模块（光迅科技）</li>
<li>• 电缆（日丰股份）</li>
<li>• SiC器件（南芯科技）</li>
</ul>
</div>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-cyan-400 mb-2">中游</h3>
<ul class="text-sm">
<li>• 充电桩集成（盛弘股份）</li>
<li>• 充电桩集成（科华数据）</li>
</ul>
</div>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-cyan-400 mb-2">下游</h3>
<ul class="text-sm">
<li>• 运营商（国家电网、特来电）</li>
<li>• 车企（比亚迪、小鹏）</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 关键股票数据表格 -->
<div class="card mb-8 bg-black bg-opacity-30 backdrop-blur-lg rounded-xl border border-gray-700">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 text-cyan-400 flex items-center">
<i class="fas fa-chart-line mr-3"></i>关联股票数据
</h2>
<div class="table-container">
<table class="table w-full text-sm">
<thead>
<tr class="border-b border-gray-700">
<th class="pb-3 text-left">股票名称</th>
<th class="pb-3 text-left">项目</th>
<th class="pb-3 text-left">分类</th>
<th class="pb-3 text-left">产业链</th>
<th class="pb-3 text-left">关联原因</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-800">
<td class="py-3">盛弘股份</td>
<td class="py-3">充电模块</td>
<td class="py-3"><span class="tech-badge px-2 py-1 rounded text-xs">充电桩设备</span></td>
<td class="py-3">华为智能充电网络</td>
<td class="py-3">华为数字新能源战略合作伙伴</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3">永贵电器</td>
<td class="py-3">充电枪</td>
<td class="py-3"><span class="tech-badge px-2 py-1 rounded text-xs">充电桩设备</span></td>
<td class="py-3">华为智能充电网络</td>
<td class="py-3">华为数字新能源战略合作伙伴</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3">光迅科技</td>
<td class="py-3">通信设备</td>
<td class="py-3"><span class="tech-badge px-2 py-1 rounded text-xs">充电桩设备</span></td>
<td class="py-3">华为智能充电网络</td>
<td class="py-3">华为数字新能源战略合作伙伴</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3">科华数据</td>
<td class="py-3">华为充电桩合作</td>
<td class="py-3"><span class="tech-badge px-2 py-1 rounded text-xs">充电桩、储能系统</span></td>
<td class="py-3">技术合作</td>
<td class="py-3">与华为在充电桩、储能系统等领域深度合作</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3">东方电子</td>
<td class="py-3">华为充电桩认证</td>
<td class="py-3"><span class="tech-badge px-2 py-1 rounded text-xs">充电桩、智能电网</span></td>
<td class="py-3">设备供应</td>
<td class="py-3">公司充电桩产品通过华为等公司认证</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3">宝馨科技</td>
<td class="py-3">华为充电桩合作</td>
<td class="py-3"><span class="tech-badge px-2 py-1 rounded text-xs">充电桩、储能</span></td>
<td class="py-3">设备供应</td>
<td class="py-3">新一代液冷超充桩已在华为苏州、杭州等项目应用</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3">恒华科技</td>
<td class="py-3">华为数字能源合作</td>
<td class="py-3"><span class="tech-badge px-2 py-1 rounded text-xs">能源互联网</span></td>
<td class="py-3">软件服务</td>
<td class="py-3">与华为数字能源建立合作伙伴关系</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3">伊戈尔</td>
<td class="py-3">华为充电桩合作</td>
<td class="py-3"><span class="tech-badge px-2 py-1 rounded text-xs">充电桩电源</span></td>
<td class="py-3">技术合作</td>
<td class="py-3">高频变压器产品已应用于华为充电桩</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3">日丰股份</td>
<td class="py-3">华为线缆供应</td>
<td class="py-3"><span class="tech-badge px-2 py-1 rounded text-xs">电线电缆</span></td>
<td class="py-3">原材料供应</td>
<td class="py-3">子公司产品应用于华为充电桩</td>
</tr>
<tr class="border-b border-gray-800">
<td class="py-3">南芯科技</td>
<td class="py-3">功率器件</td>
<td class="py-3"><span class="tech-badge px-2 py-1 rounded text-xs">充电桩设备</span></td>
<td class="py-3">华为智能充电网络</td>
<td class="py-3">华为数字新能源战略合作伙伴</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 风险与挑战 -->
<div class="card mb-8 bg-black bg-opacity-30 backdrop-blur-lg rounded-xl border border-gray-700">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 text-red-400 flex items-center">
<i class="fas fa-exclamation-triangle mr-3"></i>风险与挑战
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-red-400 mb-2">技术风险</h3>
<p class="text-sm">液冷系统漏液隐患（专家回应"已解决"，但缺乏第三方验证）</p>
</div>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-red-400 mb-2">商业化风险</h3>
<p class="text-sm">成本过高：单套65万元，回收期需5-6年（苏州白洋湖案例）</p>
</div>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-red-400 mb-2">政策风险</h3>
<p class="text-sm">补贴退坡（如苏州2022年建站补贴已取消），转向运营端补贴</p>
</div>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-red-400 mb-2">竞争风险</h3>
<p class="text-sm">特斯拉V4超充（350kW）、比亚迪兆瓦级充电同步推进</p>
</div>
</div>
</div>
</div>
<!-- 投资启示 -->
<div class="card mb-8 bg-black bg-opacity-30 backdrop-blur-lg rounded-xl border border-gray-700">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 text-green-400 flex items-center">
<i class="fas fa-chart-pie mr-3"></i>投资启示
</h2>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg mb-4">
<h3 class="font-bold text-green-400 mb-2">阶段判断</h3>
<p>当前处于主题炒作向基本面过渡阶段，重卡场景是核心验证点</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-green-400 mb-2">最纯标的</h3>
<p class="text-sm">永贵电器（液冷枪独供，技术壁垒+订单落地）</p>
</div>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-green-400 mb-2">弹性标的</h3>
<p class="text-sm">盛弘股份（充电桩集成，若华为订单放量将直接受益）</p>
</div>
<div class="bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-green-400 mb-2">长期跟踪</h3>
<p class="text-sm">电网适配性（需关注国家电网招标中兆瓦级充电占比）</p>
</div>
</div>
<div class="mt-4 bg-gray-900 bg-opacity-50 p-4 rounded-lg">
<h3 class="font-bold text-green-400 mb-2">关键验证指标</h3>
<ul class="text-sm list-disc pl-5">
<li>2025年Q3：华为兆瓦级充电站新增投运数量（目标100城）</li>
<li>重卡车企配套：如三一重工是否宣布标配兆瓦级充电接口</li>
<li>成本曲线：液冷超充单套价格能否降至50万元以下（当前65万）</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 粒子效果脚本 -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
tsParticles.load("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#26d0ce"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: false
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#26d0ce",
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
});
</script>
</body>
</html>
```