Files
vf_react/public/htmls/特斯拉FSD中国布局.html
2025-10-11 16:16:02 +08:00

673 lines
43 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>特斯拉FSD中国布局 - 行业洞察与股票分析</title>
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" 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">
<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>
<style>
body {
font-family: 'Inter', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}
.card-shadow {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.text-gradient {
background: linear-gradient(to right, #3b82f6, #06b6d4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.timeline-dot {
width: 12px;
height: 12px;
background-color: #3b82f6;
border-radius: 50%;
position: absolute;
left: -6px;
top: 6px;
}
.timeline-line {
position: absolute;
left: 0;
top: 18px;
bottom: -18px;
width: 2px;
background-color: #334155;
}
.timeline-item:last-child .timeline-line {
display: none;
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.table-responsive {
overflow-x: auto;
}
@media (max-width: 768px) {
.card {
margin-bottom: 1rem;
}
}
</style>
</head>
<body class="gradient-bg text-gray-100 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 text-gradient">特斯拉FSD中国布局</h1>
<p class="text-xl text-gray-300 max-w-3xl mx-auto">自动驾驶技术在中国市场的战略布局与投资机会分析</p>
<div class="mt-6 flex justify-center">
<span class="bg-blue-500/20 text-blue-300 px-4 py-2 rounded-full text-sm font-medium">
<i class="fas fa-calendar-alt mr-2"></i>更新时间2025年3月
</span>
</div>
</div>
<!-- 概念事件部分 -->
<div class="card bg-gray-800/70 backdrop-blur-sm rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold mb-6 text-blue-400 flex items-center">
<i class="fas fa-history mr-3"></i>概念事件
</h2>
<div class="mb-6">
<p class="text-gray-300 mb-4">
<strong>背景:</strong>特斯拉FSDFull Self-Driving是特斯拉基于纯视觉+端到端大模型的自动驾驶系统自2020年推出以来持续迭代。2024年起特斯拉加速推动FSD全球化中国市场成为关键战场。
</p>
</div>
<h3 class="text-xl font-semibold mb-4 text-blue-300">时间轴</h3>
<div class="relative pl-8">
<div class="timeline-item relative mb-6">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-gray-700/50 p-4 rounded-lg">
<p class="font-semibold text-blue-300">2024年4月</p>
<p class="text-gray-300">马斯克访华与工信部、商务部等会面释放FSD入华信号。</p>
</div>
</div>
<div class="timeline-item relative mb-6">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-gray-700/50 p-4 rounded-lg">
<p class="font-semibold text-blue-300">2024年5月</p>
<p class="text-gray-300">特斯拉计划在中国注册FSD软件并与百度合作获取车道级导航地图。</p>
</div>
</div>
<div class="timeline-item relative mb-6">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-gray-700/50 p-4 rounded-lg">
<p class="font-semibold text-blue-300">2024年6月</p>
<p class="text-gray-300">上海临港新片区推动10辆特斯拉FSD试点测试。</p>
</div>
</div>
<div class="timeline-item relative mb-6">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-gray-700/50 p-4 rounded-lg">
<p class="font-semibold text-blue-300">2024年9月</p>
<p class="text-gray-300">特斯拉官方宣布<strong>2025年Q1</strong>在中国推出FSD需监管批准</p>
</div>
</div>
<div class="timeline-item relative mb-6">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-gray-700/50 p-4 rounded-lg">
<p class="font-semibold text-blue-300">2025年3月</p>
<p class="text-gray-300">特斯拉中国推出<strong>FSD免费体验1个月</strong>3月17日-4月16日并更名为"智能辅助驾驶功能"。</p>
</div>
</div>
<div class="timeline-item relative">
<div class="timeline-dot"></div>
<div class="bg-gray-700/50 p-4 rounded-lg">
<p class="font-semibold text-blue-300">2025年3月</p>
<p class="text-gray-300">特斯拉申请注册"Tesla FSD"图形商标,状态为"等待实质审查"。</p>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="card bg-gradient-to-r from-blue-900/50 to-cyan-900/50 backdrop-blur-sm rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold mb-6 text-white flex items-center">
<i class="fas fa-lightbulb mr-3 text-yellow-400"></i>核心观点摘要
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gray-800/50 p-4 rounded-lg">
<h3 class="font-semibold text-blue-300 mb-2">当前阶段</h3>
<p class="text-gray-300 text-sm">FSD中国布局处于<strong>政策合规冲刺+技术本土化适配</strong>阶段2025年Q1落地概率高但需监管绿灯。</p>
</div>
<div class="bg-gray-800/50 p-4 rounded-lg">
<h3 class="font-semibold text-blue-300 mb-2">核心驱动力</h3>
<p class="text-gray-300 text-sm"><strong>数据合规突破</strong>通过4项国家安全检测+<strong>技术代差优势</strong>端到端大模型领先国内1-2代</p>
</div>
<div class="bg-gray-800/50 p-4 rounded-lg">
<h3 class="font-semibold text-blue-300 mb-2">未来潜力</h3>
<p class="text-gray-300 text-sm">若成功落地,将重塑中国智驾竞争格局,推动<strong>L3级自动驾驶渗透率</strong>从当前<strong>12%</strong>加速提升至<strong>30%+</strong>2025年</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="card bg-gray-800/70 backdrop-blur-sm rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold mb-6 text-blue-400 flex items-center">
<i class="fas fa-brain mr-3"></i>核心逻辑与市场认知分析
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-blue-300">核心驱动力</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-gray-700/50 p-4 rounded-lg">
<h4 class="font-semibold text-cyan-300 mb-3 flex items-center">
<i class="fas fa-microchip mr-2"></i>技术壁垒
</h4>
<ul class="space-y-2 text-gray-300 text-sm">
<li><strong>端到端架构:</strong>FSD V13实现"车位到车位"全场景覆盖人工干预里程从V12的500公里提升至<strong>5000公里</strong>(东吴路演数据)。</li>
<li><strong>数据飞轮:</strong>全球累计行驶里程<strong>34亿公里</strong>(海通数据),中国本土化数据通过上海数据中心闭环训练。</li>
</ul>
</div>
<div class="bg-gray-700/50 p-4 rounded-lg">
<h4 class="font-semibold text-cyan-300 mb-3 flex items-center">
<i class="fas fa-file-contract mr-2"></i>政策破冰
</h4>
<ul class="space-y-2 text-gray-300 text-sm">
<li><strong>数据合规:</strong>2024年4月通过中国《汽车数据安全4项要求》检测成为首个合规外资车企。</li>
<li><strong>测试牌照:</strong>上海临港已发放FSD路测牌照百度提供车道级地图支持。</li>
</ul>
</div>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-blue-300">市场热度与情绪</h3>
<div class="bg-gray-700/50 p-4 rounded-lg mb-4">
<p class="text-gray-300 mb-3"><strong>研报密集度:</strong>2024年9月以来<strong>12篇头部券商研报</strong>聚焦FSD入华关键词"鲶鱼效应""L3拐点"。</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-green-900/30 border border-green-700/50 p-4 rounded-lg">
<h4 class="font-semibold text-green-300 mb-2">乐观派</h4>
<p class="text-gray-300 text-sm">认为FSD将复制北美渗透率<strong>17%→36%</strong>),带动特斯拉中国销量<strong>+20%</strong></p>
</div>
<div class="bg-yellow-900/30 border border-yellow-700/50 p-4 rounded-lg">
<h4 class="font-semibold text-yellow-300 mb-2">谨慎派</h4>
<p class="text-gray-300 text-sm">担忧本土化适配(如中国复杂路口、电动车混行)可能削弱体验优势。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-300">预期差分析</h3>
<div class="bg-purple-900/30 border border-purple-700/50 p-4 rounded-lg">
<h4 class="font-semibold text-purple-300 mb-3">市场忽略点</h4>
<ul class="space-y-2 text-gray-300 text-sm">
<li><strong>硬件门槛:</strong>FSD需HW4.0720TOPS算力<strong>中国存量特斯拉车辆中仅30%满足</strong>(国君数据)。</li>
<li><strong>订阅阻力:</strong>中国用户付费意愿低(调研显示仅愿支付<strong>100-200元/月</strong>6.4万元买断价或抑制渗透。</li>
</ul>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="card bg-gray-800/70 backdrop-blur-sm rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold mb-6 text-blue-400 flex items-center">
<i class="fas fa-rocket mr-3"></i>关键催化剂与未来发展路径
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-blue-300">近期催化剂3-6个月</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gradient-to-br from-blue-800/50 to-blue-900/50 p-4 rounded-lg border border-blue-700/30">
<div class="text-blue-400 text-2xl mb-2">
<i class="fas fa-gavel"></i>
</div>
<h4 class="font-semibold text-blue-300 mb-2">监管批复</h4>
<p class="text-gray-300 text-sm">2025年Q1中国监管机构对FSD的最终批准<strong>决定性节点</strong>)。</p>
</div>
<div class="bg-gradient-to-br from-cyan-800/50 to-cyan-900/50 p-4 rounded-lg border border-cyan-700/30">
<div class="text-cyan-400 text-2xl mb-2">
<i class="fas fa-map-marked-alt"></i>
</div>
<h4 class="font-semibold text-cyan-300 mb-2">试点扩容</h4>
<p class="text-gray-300 text-sm">上海/北京/深圳开放更多FSD测试路段<strong>验证技术适配性</strong>)。</p>
</div>
<div class="bg-gradient-to-br from-indigo-800/50 to-indigo-900/50 p-4 rounded-lg border border-indigo-700/30">
<div class="text-indigo-400 text-2xl mb-2">
<i class="fas fa-microchip"></i>
</div>
<h4 class="font-semibold text-indigo-300 mb-2">硬件升级</h4>
<p class="text-gray-300 text-sm">特斯拉中国推出HW4.0车型促销(<strong>降低硬件门槛</strong>)。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-300">长期发展路径</h3>
<div class="relative">
<div class="absolute left-4 top-0 bottom-0 w-0.5 bg-gradient-to-b from-blue-500 to-cyan-500"></div>
<div class="relative pl-10 mb-6">
<div class="absolute left-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center">
<span class="text-xs font-bold">2025</span>
</div>
<div class="bg-gray-700/50 p-4 rounded-lg">
<p class="text-gray-300">FSD中国版落地L3级功能覆盖<strong>一线城市核心区域</strong></p>
</div>
</div>
<div class="relative pl-10 mb-6">
<div class="absolute left-0 w-8 h-8 rounded-full bg-cyan-500 flex items-center justify-center">
<span class="text-xs font-bold">2026-27</span>
</div>
<div class="bg-gray-700/50 p-4 rounded-lg">
<p class="text-gray-300">通过<strong>Robotaxi商业化</strong>马斯克计划2026年量产无方向盘车型推动数据闭环和成本下降。</p>
</div>
</div>
<div class="relative pl-10">
<div class="absolute left-0 w-8 h-8 rounded-full bg-indigo-500 flex items-center justify-center">
<span class="text-xs font-bold">2028+</span>
</div>
<div class="bg-gray-700/50 p-4 rounded-lg">
<p class="text-gray-300">FSD成为特斯拉中国<strong>核心盈利点</strong>软件收入占比超50%)。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="card bg-gray-800/70 backdrop-blur-sm rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold mb-6 text-blue-400 flex items-center">
<i class="fas fa-project-diagram mr-3"></i>产业链与核心公司深度剖析
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-blue-300">产业链图谱</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gradient-to-b from-blue-900/40 to-blue-800/40 p-4 rounded-lg">
<h4 class="font-semibold text-blue-300 mb-3 text-center">上游</h4>
<ul class="space-y-2 text-gray-300 text-sm">
<li>• 算力芯片英伟达H100→国产替代寒武纪/海光信息)</li>
<li>• 传感器(联创电子摄像头、禾赛激光雷达)</li>
</ul>
</div>
<div class="bg-gradient-to-b from-cyan-900/40 to-cyan-800/40 p-4 rounded-lg">
<h4 class="font-semibold text-cyan-300 mb-3 text-center">中游</h4>
<ul class="space-y-2 text-gray-300 text-sm">
<li>• 域控制器(德赛西威、经纬恒润)</li>
<li>• 高精地图(四维图新+百度)</li>
</ul>
</div>
<div class="bg-gradient-to-b from-indigo-900/40 to-indigo-800/40 p-4 rounded-lg">
<h4 class="font-semibold text-indigo-300 mb-3 text-center">下游</h4>
<ul class="space-y-2 text-gray-300 text-sm">
<li>• 整车厂(特斯拉、小鹏、华为智选)</li>
<li>• 运营方滴滴Robotaxi</li>
</ul>
</div>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-blue-300">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="bg-gray-700/50">
<th class="p-3 text-left text-blue-300">公司</th>
<th class="p-3 text-left text-blue-300">角色</th>
<th class="p-3 text-left text-blue-300">进展</th>
<th class="p-3 text-left text-blue-300">风险</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-700/50">
<td class="p-3 font-semibold text-cyan-300">特斯拉</td>
<td class="p-3 text-gray-300">技术领导者</td>
<td class="p-3 text-gray-300">V13版本接管里程<strong>5000公里</strong></td>
<td class="p-3 text-gray-300">中国本土化数据不足</td>
</tr>
<tr class="border-b border-gray-700/50">
<td class="p-3 font-semibold text-cyan-300">小鹏汽车</td>
<td class="p-3 text-gray-300">国内纯视觉追赶者</td>
<td class="p-3 text-gray-300">XNGP已覆盖<strong>200城</strong></td>
<td class="p-3 text-gray-300">算力仅为特斯拉<strong>1/3</strong></td>
</tr>
<tr class="border-b border-gray-700/50">
<td class="p-3 font-semibold text-cyan-300">德赛西威</td>
<td class="p-3 text-gray-300">域控制器龙头</td>
<td class="p-3 text-gray-300">绑定特斯拉+华为,订单饱满</td>
<td class="p-3 text-gray-300">毛利率受价格战挤压</td>
</tr>
<tr>
<td class="p-3 font-semibold text-cyan-300">四维图新</td>
<td class="p-3 text-gray-300">地图合规供应商</td>
<td class="p-3 text-gray-300">与特斯拉合作车道级导航</td>
<td class="p-3 text-gray-300">政策变动或影响资质</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-300">验证与证伪</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-green-900/30 border border-green-700/50 p-4 rounded-lg">
<h4 class="font-semibold text-green-300 mb-2 flex items-center">
<i class="fas fa-check-circle mr-2"></i>印证
</h4>
<p class="text-gray-300 text-sm">特斯拉上海工厂2024年8月交付<strong>8.67万辆</strong>(环比+17%),验证硬件升级需求。</p>
</div>
<div class="bg-red-900/30 border border-red-700/50 p-4 rounded-lg">
<h4 class="font-semibold text-red-300 mb-2 flex items-center">
<i class="fas fa-times-circle mr-2"></i>矛盾
</h4>
<p class="text-gray-300 text-sm">研报称FSD将"免费推送",但路演显示<strong>仅HW4.0车型可升级</strong>,存量车主需付费换车。</p>
</div>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="card bg-gray-800/70 backdrop-blur-sm rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold mb-6 text-blue-400 flex items-center">
<i class="fas fa-exclamation-triangle mr-3"></i>潜在风险与挑战
</h2>
<div class="overflow-x-auto">
<table class="w-full">
<thead>
<tr class="bg-gray-700/50">
<th class="p-3 text-left text-blue-300">风险类型</th>
<th class="p-3 text-left text-blue-300">具体表现</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-700/50">
<td class="p-3 font-semibold text-red-300">技术风险</td>
<td class="p-3 text-gray-300">纯视觉方案在<strong>雨雾天气</strong>下可靠性存疑(路演实测浓雾中需人工接管)。</td>
</tr>
<tr class="border-b border-gray-700/50">
<td class="p-3 font-semibold text-yellow-300">商业化风险</td>
<td class="p-3 text-gray-300">中国用户订阅意愿低(<strong>&lt;200元/月</strong>6.4万元买断价或导致渗透率<strong>&lt;10%</strong></td>
</tr>
<tr class="border-b border-gray-700/50">
<td class="p-3 font-semibold text-orange-300">政策风险</td>
<td class="p-3 text-gray-300">美国BIS限制AI芯片对华出口<strong>Dojo算力无法直连中国</strong>训练成本增加3-5倍。</td>
</tr>
<tr>
<td class="p-3 font-semibold text-purple-300">信息矛盾</td>
<td class="p-3 text-gray-300">新闻称"FSD已推送",但路演显示<strong>仅9000辆测试车</strong>收到更新大规模推送延迟至3月。</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="card bg-gradient-to-r from-blue-900/50 to-indigo-900/50 backdrop-blur-sm rounded-xl p-6 mb-8 card-shadow">
<h2 class="text-2xl font-bold mb-6 text-white flex items-center">
<i class="fas fa-chart-line mr-3 text-green-400"></i>综合结论与投资启示
</h2>
<div class="mb-6">
<div class="bg-gray-800/50 p-4 rounded-lg mb-4">
<h3 class="font-semibold text-blue-300 mb-2">阶段判断</h3>
<p class="text-gray-300">FSD中国布局处于<strong>"政策落地前夜"</strong>,主题炒作与基本面驱动并存。</p>
</div>
<div>
<h3 class="font-semibold text-blue-300 mb-3">高价值方向</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-gradient-to-br from-green-900/30 to-emerald-900/30 p-4 rounded-lg border border-green-700/30">
<h4 class="font-semibold text-green-300 mb-2 flex items-center">
<i class="fas fa-cogs mr-2"></i>硬件升级链
</h4>
<p class="text-gray-300 text-sm">HW4.0车型换机潮(<strong>特斯拉供应链</strong>:拓普集团、旭升集团)。</p>
</div>
<div class="bg-gradient-to-br from-blue-900/30 to-cyan-900/30 p-4 rounded-lg border border-blue-700/30">
<h4 class="font-semibold text-blue-300 mb-2 flex items-center">
<i class="fas fa-database mr-2"></i>数据合规服务商
</h4>
<p class="text-gray-300 text-sm">四维图新(地图)、云赛智联(数据中心)。</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="font-semibold text-blue-300 mb-3">关键跟踪指标</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-gray-800/50 p-4 rounded-lg text-center">
<div class="text-3xl font-bold text-cyan-400 mb-2">Q1 2025</div>
<p class="text-gray-300 text-sm"><strong>监管批复时间</strong><br>(是否如期落地)</p>
</div>
<div class="bg-gray-800/50 p-4 rounded-lg text-center">
<div class="text-3xl font-bold text-cyan-400 mb-2">30%→60%+</div>
<p class="text-gray-300 text-sm"><strong>HW4.0车型销量占比</strong><br>需从30%提升至60%以上)</p>
</div>
<div class="bg-gray-800/50 p-4 rounded-lg text-center">
<div class="text-3xl font-bold text-cyan-400 mb-2">5%</div>
<p class="text-gray-300 text-sm"><strong>FSD订阅率</strong><br>首年目标5%对应5亿美元收入</p>
</div>
</div>
<div class="mt-6 bg-red-900/30 border border-red-700/50 p-4 rounded-lg">
<h4 class="font-semibold text-red-300 mb-2 flex items-center">
<i class="fas fa-exclamation-circle mr-2"></i>风险提示
</h4>
<p class="text-gray-300 text-sm">若监管延迟或本土化适配失败FSD中国故事可能证伪需警惕<strong>"预期差反杀"</strong></p>
</div>
</div>
</div>
<!-- 关联股票数据 -->
<div class="card bg-gray-800/70 backdrop-blur-sm rounded-xl p-6 card-shadow">
<h2 class="text-2xl font-bold mb-6 text-blue-400 flex items-center">
<i class="fas fa-chart-bar mr-3"></i>关联股票数据
</h2>
<div id="stock-tables"></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: "#3b82f6"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: false
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#3b82f6",
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
});
// 股票数据
const stockData = [{'无人驾驶240429': [{'stock': '科大国创', '项目': '无人驾驶涨停', '原因': 'FSD·无人驾驶概念相关涨停股票'}, {'stock': '天和防务', '项目': '无人驾驶涨停', '原因': 'FSD·无人驾驶概念相关涨停股票'}, {'stock': '宇通客车', '项目': '无人驾驶涨停', '原因': 'FSD·无人驾驶概念相关涨停股票'}, {'stock': '吉大正元', '项目': '无人驾驶涨停', '原因': 'FSD·无人驾驶概念相关涨停股票'}, {'stock': '宜通世纪', '项目': '特斯拉FSD概念股', '产业链': '物联网平台服务', '原因': '特斯拉内置中国联通SIM卡爱云信息提供物联网平台服务'}, {'stock': '联创电子', '项目': '特斯拉FSD概念股', '原因': 'FSD·无人驾驶概念相关股票'}, {'stock': '美利信', '项目': '特斯拉FSD概念股', '原因': 'FSD·无人驾驶概念相关股票'}, {'stock': '四维图新', '项目': '特斯拉FSD概念股', '原因': 'FSD·无人驾驶概念相关股票'}, {'stock': '保隆科技', '项目': '特斯拉FSD概念股', '原因': 'FSD·无人驾驶概念相关股票'}, {'stock': '均胜电子', '项目': '特斯拉FSD概念股', '原因': 'FSD·无人驾驶概念相关股票存疑'}, {'stock': '凯众股份', '项目': '无人驾驶人气股', '原因': 'FSD·无人驾驶概念人气股'}, {'stock': '日盈电子', '项目': '无人驾驶人气股', '原因': 'FSD·无人驾驶概念人气股'}, {'stock': '瑞玛精密', '项目': '无人驾驶人气股', '原因': 'FSD·无人驾驶概念人气股'}, {'stock': '浙江世宝', '项目': '无人驾驶人气股', '原因': 'FSD·无人驾驶概念人气股'}, {'stock': '万安科技', '项目': '无人驾驶人气股', '原因': 'FSD·无人驾驶概念人气股'}, {'stock': '锐明技术', '项目': '无人驾驶人气股', '原因': 'FSD·无人驾驶概念人气股'}, {'stock': '华安鑫创', '项目': '无人驾驶人气股', '原因': 'FSD·无人驾驶概念人气股'}, {'stock': '光庭信息', '项目': '无人驾驶人气股', '原因': 'FSD·无人驾驶概念人气股'}, {'stock': '日盈电子', '项目': '车路协同v2x', '原因': 'FSD·无人驾驶车路协同相关股票'}, {'stock': '浙江世宝', '项目': '车路协同v2x', '原因': 'FSD·无人驾驶车路协同相关股票'}, {'stock': '金溢科技', '项目': '车路协同v2x', '原因': 'FSD·无人驾驶车路协同相关股票'}, {'stock': '兴民智通', '项目': '车路协同v2x', '原因': 'FSD·无人驾驶车路协同相关股票'}, {'stock': '万集科技', '项目': '车路协同v2x', '原因': 'FSD·无人驾驶车路协同相关股票'}, {'stock': '万安科技', '项目': '车路协同v2x', '原因': 'FSD·无人驾驶车路协同相关股票'}, {'stock': '亚太股份', '项目': '车路协同v2x', '原因': 'FSD·无人驾驶车路协同相关股票'}, {'stock': '东方精工', '项目': '毫米波雷达', '原因': 'FSD·无人驾驶毫米波雷达相关股票'}, {'stock': '神通科技', '项目': '毫米波雷达', '原因': 'FSD·无人驾驶毫米波雷达相关股票'}, {'stock': '博杰股份', '项目': '毫米波雷达', '原因': 'FSD·无人驾驶毫米波雷达相关股票'}, {'stock': '万安科技', '项目': '毫米波雷达', '原因': 'FSD·无人驾驶毫米波雷达相关股票'}, {'stock': '晋拓股份', '项目': '毫米波雷达', '原因': 'FSD·无人驾驶毫米波雷达相关股票'}, {'stock': '四创电子', '项目': '毫米波雷达', '原因': 'FSD·无人驾驶毫米波雷达相关股票'}, {'stock': '通宇通讯', '项目': '毫米波雷达', '原因': 'FSD·无人驾驶毫米波雷达相关股票'}, {'stock': '日海智能', '项目': '卫星导航', '原因': 'FSD·无人驾驶卫星导航相关股票'}, {'stock': '四川九洲', '项目': '卫星导航', '原因': 'FSD·无人驾驶卫星导航相关股票'}, {'stock': '多伦科技', '项目': '卫星导航', '原因': 'FSD·无人驾驶卫星导航相关股票'}, {'stock': '锐明技术', '项目': '卫星导航', '原因': 'FSD·无人驾驶卫星导航相关股票'}, {'stock': '启明信息', '项目': '卫星导航', '原因': 'FSD·无人驾驶卫星导航相关股票'}, {'stock': '硕贝德', '项目': '卫星导航', '原因': 'FSD·无人驾驶卫星导航相关股票'}, {'stock': '光洋股份', '项目': '涉嫌暴雷', '原因': 'FSD·无人驾驶概念中存在风险'}, {'stock': '威帝股份', '项目': '涉嫌暴雷', '原因': 'FSD·无人驾驶概念中存在风险'}]}, {'特斯拉FSD240905': [{'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': '智能交通系统供应商,涉及车载单元技术'}, {'stock': '千方科技', '行业': '解决方案', '产业链': '智能交通', 'reason': '智能交通解决方案供应商'}, {'stock': '*ST银江', '行业': '解决方案', '产业链': '智慧城市', 'reason': '智慧城市解决方案供应商,涉及交通领域'}, {'stock': '皖通科技', '行业': '解决方案', '产业链': '交通信息化', 'reason': '交通信息化解决方案供应商'}, {'stock': '中海达', '行业': '合作百度', '产业链': '高精度定位', 'reason': '与百度在高精度定位领域合作'}, {'stock': '路畅科技', '行业': '合作百度', '产业链': '智能驾驶', 'reason': '与百度在智能驾驶领域合作'}, {'stock': '捷顺科技', '行业': '合作百度', '产业链': '智慧停车', 'reason': '与百度在智慧停车领域合作'}, {'stock': '天迈科技', '行业': '合作百度', '产业链': '智能交通', 'reason': '与百度在智能交通领域合作'}]}, {'特斯拉FSD250224': [{'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': '智能交通解决方案供应商'}, {'stock': '*ST银江', '行业': '车路协同', '技术领域': '解决方案', 'reason': '智慧城市交通解决方案供应商'}, {'stock': '皖通科技', '行业': '车路协同', '技术领域': '解决方案', 'reason': '交通信息化解决方案供应商'}, {'stock': '中海达', '合作': '百度', '产业链': '高精地图', 'reason': '百度自动驾驶高精地图合作伙伴'}, {'stock': '路畅科技', '合作': '百度', '产业链': '智能驾驶', 'reason': '百度Apollo生态合作伙伴'}, {'stock': '捷顺科技', '合作': '百度', '产业链': '智慧停车', 'reason': '百度智慧停车解决方案合作伙伴'}, {'stock': '天迈科技', '合作': '百度', '产业链': '智能交通', 'reason': '百度智能交通系统合作伙伴'}]}, {'自动驾驶(240429)': [{'stock': '联创电子', '项目': '光学镜头', '行业': '自动驾驶感知域', '分类': '摄像头', '产业链': '自动驾驶硬件供应商', 'reason': '特斯拉寻求在中国推出FSD软件光学镜头作为摄像头核心部件需求增加'}]}]};
// 生成股票表格
function generateStockTables() {
const container = document.getElementById('stock-tables');
stockData.forEach(categoryData => {
const categoryName = Object.keys(categoryData)[0];
const stocks = categoryData[categoryName];
// 创建分类标题
const categoryTitle = document.createElement('h3');
categoryTitle.className = 'text-xl font-semibold mb-4 text-blue-300';
categoryTitle.textContent = categoryName;
container.appendChild(categoryTitle);
// 创建表格容器
const tableContainer = document.createElement('div');
tableContainer.className = 'table-responsive mb-8';
// 创建表格
const table = document.createElement('table');
table.className = 'w-full text-sm';
// 获取所有可能的列
const allColumns = new Set();
stocks.forEach(stock => {
Object.keys(stock).forEach(key => {
if (key !== 'stock') {
allColumns.add(key);
}
});
});
const columns = Array.from(allColumns);
// 创建表头
const thead = document.createElement('thead');
const headerRow = document.createElement('tr');
headerRow.className = 'bg-gray-700/50';
// 股票代码列
const stockHeader = document.createElement('th');
stockHeader.className = 'p-3 text-left text-blue-300';
stockHeader.textContent = '股票代码';
headerRow.appendChild(stockHeader);
// 其他列
columns.forEach(column => {
const th = document.createElement('th');
th.className = 'p-3 text-left text-blue-300';
th.textContent = column;
headerRow.appendChild(th);
});
thead.appendChild(headerRow);
table.appendChild(thead);
// 创建表体
const tbody = document.createElement('tbody');
stocks.forEach((stock, index) => {
const row = document.createElement('tr');
row.className = index % 2 === 0 ? 'bg-gray-800/30' : 'bg-gray-800/50';
// 股票代码列
const stockCell = document.createElement('td');
stockCell.className = 'p-3 font-semibold text-cyan-300';
stockCell.textContent = stock.stock;
row.appendChild(stockCell);
// 其他列
columns.forEach(column => {
const cell = document.createElement('td');
cell.className = 'p-3 text-gray-300';
cell.textContent = stock[column] || '-';
row.appendChild(cell);
});
tbody.appendChild(row);
});
table.appendChild(tbody);
tableContainer.appendChild(table);
container.appendChild(tableContainer);
});
}
// 页面加载完成后生成表格
document.addEventListener('DOMContentLoaded', generateStockTables);
</script>
</body>
</html>
```