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

547
public/htmls/车路云-车路协同运营建设.html Normal file
View File

@@ -0,0 +1,547 @@
<!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/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>
<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" />
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8fafc;
}
.gradient-bg {
background: linear-gradient(135deg, #0ea5e9 0%, #3b82f6 100%);
}
.card-shadow {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.timeline-dot {
width: 12px;
height: 12px;
background-color: #3b82f6;
border-radius: 50%;
}
.timeline-line {
width: 2px;
background-color: #dbeafe;
margin-left: 5px;
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.highlight-text {
background: linear-gradient(120deg, #3b82f6 0%, #0ea5e9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 700;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.card-body {
padding: 1rem;
}
.section-title {
font-size: 1.25rem;
}
}
</style>
</head>
<body class="min-h-screen">
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 text-gray-800">车路云-车路协同运营建设</h1>
<p class="text-lg text-gray-600 max-w-3xl mx-auto">中国自动驾驶的"第三条路线"，通过"车-路-云"协同解决复杂交通场景的感知盲区与长尾问题</p>
</div>
<!-- 概念事件部分 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 section-title text-gray-800">概念事件</h2>
<div class="mb-6">
<h3 class="text-lg font-semibold mb-2 text-gray-700">背景</h3>
<p class="text-gray-600">车路云一体化（V2X）是中国自动驾驶的"第三条路线"，区别于特斯拉的单车智能，通过"车-路-云"协同解决复杂交通场景（如鬼探头、无保护左转）的感知盲区与长尾问题。</p>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-gray-700">时间轴</h3>
<div class="space-y-4">
<div class="flex">
<div class="flex flex-col items-center mr-4">
<div class="timeline-dot"></div>
<div class="timeline-line h-full"></div>
</div>
<div class="pb-4">
<p class="font-semibold text-gray-800">2024年1月</p>
<p class="text-gray-600">工信部等五部委发布《车路云一体化应用试点通知》，启动20城试点（北京、武汉等）。</p>
</div>
</div>
<div class="flex">
<div class="flex flex-col items-center mr-4">
<div class="timeline-dot"></div>
<div class="timeline-line h-full"></div>
</div>
<div class="pb-4">
<p class="font-semibold text-gray-800">2024年5月</p>
<p class="text-gray-600">北京发布<span class="highlight-text">99.39亿元</span>招标（覆盖6050个路口），武汉跟进<span class="highlight-text">170.8亿元</span>项目，标志规模化建设启动。</p>
</div>
</div>
<div class="flex">
<div class="flex flex-col items-center mr-4">
<div class="timeline-dot"></div>
<div class="timeline-line h-full"></div>
</div>
<div class="pb-4">
<p class="font-semibold text-gray-800">2024年7月</p>
<p class="text-gray-600">首批20个试点城市名单公布，海南、武汉等地提出"全域覆盖"目标。</p>
</div>
</div>
<div class="flex">
<div class="flex flex-col items-center mr-4">
<div class="timeline-dot"></div>
</div>
<div>
<p class="font-semibold text-gray-800">2024年8月</p>
<p class="text-gray-600">上海发布全球首个RISC-V车路云协同1.0系统，华为联通共建5G-A车联网基地。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 section-title text-gray-800">核心观点摘要</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-blue-50 p-5 rounded-lg">
<div class="text-blue-600 mb-3">
<i class="fas fa-chart-line text-2xl"></i>
</div>
<h3 class="font-semibold text-lg mb-2 text-gray-800">阶段判断</h3>
<p class="text-gray-600">车路云已从"政策试点"进入<span class="highlight-text">订单兑现期</span>，2024-2025年为建设元年，千亿级市场启动。</p>
</div>
<div class="bg-blue-50 p-5 rounded-lg">
<div class="text-blue-600 mb-3">
<i class="fas fa-rocket text-2xl"></i>
</div>
<h3 class="font-semibold text-lg mb-2 text-gray-800">核心驱动力</h3>
<p class="text-gray-600">政策强制（试点城市100%车载终端装配）+财政兜底（专项债/超长期国债占比70%）+技术成熟（C-V2X标准统一）。</p>
</div>
<div class="bg-blue-50 p-5 rounded-lg">
<div class="text-blue-600 mb-3">
<i class="fas fa-coins text-2xl"></i>
</div>
<h3 class="font-semibold text-lg mb-2 text-gray-800">未来潜力</h3>
<p class="text-gray-600">2030年产业规模<span class="highlight-text">2.5万亿元</span>（中国信通院预测），路侧基础设施占比16%（约4000亿元）。</p>
</div>
</div>
</div>
</div>
<!-- 概念的核心逻辑与市场认知分析 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 section-title text-gray-800">概念的核心逻辑与市场认知分析</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
<div>
<h3 class="font-semibold text-lg mb-3 text-gray-700 flex items-center">
<i class="fas fa-cogs text-blue-500 mr-2"></i>核心驱动力
</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<span class="text-blue-500 mr-2">•</span>
<span><strong>政策刚性</strong>：两办文件明确"车路云为自动驾驶配套"，2025年试点城市新车强制前装C-V2X终端（OBU）。</span>
</li>
<li class="flex items-start">
<span class="text-blue-500 mr-2">•</span>
<span><strong>资金保障</strong>：北京项目70%政府出资+30%国企自筹，武汉170亿项目同理，<span class="highlight-text">中央财政补贴15%</span>（传闻国债形式）。</span>
</li>
<li class="flex items-start">
<span class="text-blue-500 mr-2">•</span>
<span><strong>技术验证</strong>：北京亦庄示范区3.0阶段已验证L4级自动驾驶，苏州S17高速实现全息感知商业化。</span>
</li>
</ul>
</div>
<div>
<h3 class="font-semibold text-lg mb-3 text-gray-700 flex items-center">
<i class="fas fa-fire text-orange-500 mr-2"></i>市场热度
</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<span class="text-orange-500 mr-2">•</span>
<span><strong>研报密集度</strong>：2024年6-8月超20篇深度报告，关键词从"政策催化"转向"订单落地"。</span>
</li>
<li class="flex items-start">
<span class="text-orange-500 mr-2">•</span>
<span><strong>情绪指标</strong>：万集科技、金溢科技等标的在试点名单公布后<span class="highlight-text">3日内涨幅超20%</span>。</span>
</li>
</ul>
</div>
<div>
<h3 class="font-semibold text-lg mb-3 text-gray-700 flex items-center">
<i class="fas fa-lightbulb text-yellow-500 mr-2"></i>预期差
</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<span class="text-yellow-500 mr-2">•</span>
<span><strong>市场忽略点</strong>：非试点城市（如鄂尔多斯、十堰）主动备案项目，显示<span class="highlight-text">地方政府财政压力下的"抢跑"行为</span>。</span>
</li>
<li class="flex items-start">
<span class="text-yellow-500 mr-2">•</span>
<span><strong>技术分歧</strong>：部分专家认为车路云仅为L2-L3过渡方案，长期可能被单车智能替代（路演专家观点）。</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 section-title text-gray-800">关键催化剂与未来发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="font-semibold text-lg mb-4 text-gray-700 flex items-center">
<i class="fas fa-bolt text-purple-500 mr-2"></i>近期催化剂（3-6个月）
</h3>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start">
<span class="text-purple-500 mr-2">•</span>
<span><strong>2024Q4招标潮</strong>：北京40亿施工招标后，设备标（50亿）启动；武汉、上海等地跟进。</span>
</li>
<li class="flex items-start">
<span class="text-purple-500 mr-2">•</span>
<span><strong>技术标准落地</strong>：2024年底《车路云路侧设施指南》发布，统一RSU/OBU接口协议。</span>
</li>
<li class="flex items-start">
<span class="text-purple-500 mr-2">•</span>
<span><strong>华为催化</strong>：12月发布车路云产品架构，推动C-V2X芯片国产化（成本降至<span class="highlight-text">300元/OBU</span>）。</span>
</li>
</ul>
</div>
<div>
<h3 class="font-semibold text-lg mb-4 text-gray-700 flex items-center">
<i class="fas fa-road text-green-500 mr-2"></i>长期路径
</h3>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start">
<span class="text-green-500 mr-2">•</span>
<span><strong>2024-2025</strong>：试点城市基建（单路口成本<span class="highlight-text">50-80万元</span>），OBU前装率从5%→30%。</span>
</li>
<li class="flex items-start">
<span class="text-green-500 mr-2">•</span>
<span><strong>2026-2027</strong>：第二批试点扩容至50城，商业模式跑通（数据运营收费）。</span>
</li>
<li class="flex items-start">
<span class="text-green-500 mr-2">•</span>
<span><strong>2028-2030</strong>：全国66万个路口改造完成，形成"运营商"角色（类似铁塔公司）。</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 section-title text-gray-800">产业链与核心公司深度剖析</h2>
<div class="mb-6">
<h3 class="font-semibold text-lg mb-3 text-gray-700">产业链图谱</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-indigo-50 p-4 rounded-lg">
<h4 class="font-semibold text-indigo-700 mb-2">上游</h4>
<p class="text-gray-600">激光雷达（速腾聚创）、芯片（华为）、通信模组（移远通信）</p>
</div>
<div class="bg-indigo-50 p-4 rounded-lg">
<h4 class="font-semibold text-indigo-700 mb-2">中游</h4>
<p class="text-gray-600">RSU/OBU（万集科技、金溢科技）、MEC（华为、阿里云）</p>
</div>
<div class="bg-indigo-50 p-4 rounded-lg">
<h4 class="font-semibold text-indigo-700 mb-2">下游</h4>
<p class="text-gray-600">云控平台（千方科技）、系统集成（深城交）</p>
</div>
</div>
</div>
<div class="mb-6">
<h3 class="font-semibold text-lg mb-3 text-gray-700">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 text-left text-gray-700 font-semibold">公司</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold">业务进展</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold">竞争优势</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold">风险点</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-200">
<td class="py-3 px-4 font-medium text-gray-800">万集科技</td>
<td class="py-3 px-4 text-gray-600">北京项目RSU中标<span class="highlight-text">30%份额</span></td>
<td class="py-3 px-4 text-gray-600">激光雷达+RSU全栈能力</td>
<td class="py-3 px-4 text-gray-600">激光雷达价格战压缩利润</td>
</tr>
<tr class="border-b border-gray-200">
<td class="py-3 px-4 font-medium text-gray-800">金溢科技</td>
<td class="py-3 px-4 text-gray-600">深圳本地项目绑定比亚迪</td>
<td class="py-3 px-4 text-gray-600">ETC渠道复用，成本最低</td>
<td class="py-3 px-4 text-gray-600">地域依赖性强</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium text-gray-800">千方科技</td>
<td class="py-3 px-4 text-gray-600">云控平台市占率<span class="highlight-text">17.1%</span>（全国）</td>
<td class="py-3 px-4 text-gray-600">阿里生态+数据运营经验</td>
<td class="py-3 px-4 text-gray-600">平台标准化进度不及预期</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<h3 class="font-semibold text-lg mb-3 text-gray-700">验证与证伪</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-green-50 p-4 rounded-lg">
<h4 class="font-semibold text-green-700 mb-2 flex items-center">
<i class="fas fa-check-circle mr-2"></i>印证
</h4>
<p class="text-gray-600">北京项目单路口成本<span class="highlight-text">160万元</span>（千方科技路演数据），与研报预测（150万）一致。</p>
</div>
<div class="bg-red-50 p-4 rounded-lg">
<h4 class="font-semibold text-red-700 mb-2 flex items-center">
<i class="fas fa-exclamation-circle mr-2"></i>矛盾
</h4>
<p class="text-gray-600">研报称"激光雷达成本下降50%"，但路演显示<span class="highlight-text">激光雷达仍为选配</span>（多雨地区才用）。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 section-title text-gray-800">潜在风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-red-50 p-5 rounded-lg">
<h3 class="font-semibold text-lg mb-3 text-red-700 flex items-center">
<i class="fas fa-microchip mr-2"></i>技术风险
</h3>
<p class="text-gray-600">C-V2X与5G-A融合标准未定，可能导致设备重复投资。</p>
</div>
<div class="bg-red-50 p-5 rounded-lg">
<h3 class="font-semibold text-lg mb-3 text-red-700 flex items-center">
<i class="fas fa-dollar-sign mr-2"></i>商业化风险
</h3>
<p class="text-gray-600">OBU成本<span class="highlight-text">800-1000元/车</span>（前装），后装市场接受度低。</p>
</div>
<div class="bg-red-50 p-5 rounded-lg">
<h3 class="font-semibold text-lg mb-3 text-red-700 flex items-center">
<i class="fas fa-landmark mr-2"></i>政策风险
</h3>
<p class="text-gray-600">地方财政紧张可能导致第二批试点延迟（如惠州未入选首批）。</p>
</div>
<div class="bg-red-50 p-5 rounded-lg">
<h3 class="font-semibold text-lg mb-3 text-red-700 flex items-center">
<i class="fas fa-info-circle mr-2"></i>信息矛盾
</h3>
<p class="text-gray-600">路演专家预测L3普及需<span class="highlight-text">3-5年</span>，但研报乐观估计<span class="highlight-text">2025年</span>。</p>
</div>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 section-title text-gray-800">综合结论与投资启示</h2>
<div class="mb-6">
<h3 class="font-semibold text-lg mb-3 text-gray-700 flex items-center">
<i class="fas fa-chart-pie text-blue-500 mr-2"></i>阶段判断
</h3>
<p class="text-gray-600">处于<span class="highlight-text">政策驱动向订单驱动过渡</span>阶段，2024Q4起进入业绩验证期。</p>
</div>
<div class="mb-6">
<h3 class="font-semibold text-lg mb-3 text-gray-700 flex items-center">
<i class="fas fa-compass text-blue-500 mr-2"></i>投资方向
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-blue-50 p-4 rounded-lg">
<h4 class="font-semibold text-blue-700 mb-2">最确定环节</h4>
<p class="text-gray-600"><span class="highlight-text">RSU/MEC设备商</span>（万集科技、金溢科技），订单弹性最大。</p>
</div>
<div class="bg-blue-50 p-4 rounded-lg">
<h4 class="font-semibold text-blue-700 mb-2">长期价值</h4>
<p class="text-gray-600"><span class="highlight-text">云控平台运营商</span>（千方科技），数据变现潜力高。</p>
</div>
</div>
</div>
<div>
<h3 class="font-semibold text-lg mb-3 text-gray-700 flex items-center">
<i class="fas fa-tasks text-blue-500 mr-2"></i>跟踪指标
</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<span class="text-blue-500 mr-2">•</span>
<span><strong>招标金额</strong>：2024Q4北京/武汉设备标金额是否超预期（>50亿）。</span>
</li>
<li class="flex items-start">
<span class="text-blue-500 mr-2">•</span>
<span><strong>OBU渗透率</strong>：2025年试点城市新车前装率是否达<span class="highlight-text">30%</span>（当前<5%）。</span>
</li>
<li class="flex items-start">
<span class="text-blue-500 mr-2">•</span>
<span><strong>成本曲线</strong>：激光雷达单价是否降至<span class="highlight-text">1万元以下</span>（当前4-8万）。</span>
</li>
</ul>
</div>
</div>
</div>
<!-- 关联股票数据 -->
<div class="card bg-white rounded-xl card-shadow mb-8">
<div class="card-body p-6">
<h2 class="text-2xl font-bold mb-4 section-title text-gray-800">关联股票数据</h2>
<div class="table-container">
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 text-left text-gray-700 font-semibold">股票名称</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold">分类</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold">行业</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold">市场地位</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold">消息来源</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold">投资理由</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-200">
<td class="py-3 px-4 font-medium text-gray-800">千方科技</td>
<td class="py-3 px-4 text-gray-600">全国</td>
<td class="py-3 px-4 text-gray-600">智慧交通管理/应用级解决方案</td>
<td class="py-3 px-4 text-gray-600">市占率国内第一，17.1%</td>
<td class="py-3 px-4 text-gray-600">21年机构研报</td>
<td class="py-3 px-4 text-gray-600">智慧交通管理/应用级解决方案市占率国内第一</td>
</tr>
</tbody>
</table>
</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: 30,
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
});
</script>
</body>
</html>
```