842 lines
57 KiB
HTML
842 lines
57 KiB
HTML
|
||
<!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" />
|
||
<!-- Nucleo Icons -->
|
||
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-icons.css" rel="stylesheet" />
|
||
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-svg.css" rel="stylesheet" />
|
||
<!-- Font Awesome Icons -->
|
||
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||
<!-- CSS Files -->
|
||
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/soft-design-system-pro.css?v=1.2.0" rel="stylesheet" />
|
||
<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;
|
||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||
color: #e2e8f0;
|
||
min-height: 100vh;
|
||
}
|
||
.section-card {
|
||
background: rgba(30, 41, 59, 0.7);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(148, 163, 184, 0.1);
|
||
border-radius: 12px;
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
|
||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||
}
|
||
.section-card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
|
||
}
|
||
.timeline-item {
|
||
position: relative;
|
||
padding-left: 30px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.timeline-item:before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
top: 5px;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: #3b82f6;
|
||
}
|
||
.timeline-item:after {
|
||
content: "";
|
||
position: absolute;
|
||
left: 5px;
|
||
top: 17px;
|
||
width: 2px;
|
||
height: calc(100% + 10px);
|
||
background: rgba(59, 130, 246, 0.3);
|
||
}
|
||
.timeline-item:last-child:after {
|
||
display: none;
|
||
}
|
||
.highlight {
|
||
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
font-weight: 600;
|
||
}
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
.stock-table {
|
||
min-width: 100%;
|
||
border-collapse: separate;
|
||
border-spacing: 0;
|
||
}
|
||
.stock-table th {
|
||
background: rgba(30, 41, 59, 0.9);
|
||
color: #93c5fd;
|
||
font-weight: 600;
|
||
text-transform: uppercase;
|
||
font-size: 0.75rem;
|
||
letter-spacing: 0.05em;
|
||
padding: 12px 15px;
|
||
text-align: left;
|
||
border-bottom: 2px solid rgba(59, 130, 246, 0.3);
|
||
}
|
||
.stock-table td {
|
||
padding: 12px 15px;
|
||
border-bottom: 1px solid rgba(148, 163, 184, 0.1);
|
||
vertical-align: middle;
|
||
}
|
||
.stock-table tr:hover td {
|
||
background: rgba(59, 130, 246, 0.1);
|
||
}
|
||
.category-badge {
|
||
display: inline-block;
|
||
padding: 4px 8px;
|
||
border-radius: 4px;
|
||
font-size: 0.75rem;
|
||
font-weight: 500;
|
||
margin-right: 4px;
|
||
margin-bottom: 4px;
|
||
}
|
||
.category-ecosystem {
|
||
background: rgba(59, 130, 246, 0.2);
|
||
color: #93c5fd;
|
||
}
|
||
.category-system {
|
||
background: rgba(139, 92, 246, 0.2);
|
||
color: #c4b5fd;
|
||
}
|
||
.category-support {
|
||
background: rgba(16, 185, 129, 0.2);
|
||
color: #6ee7b7;
|
||
}
|
||
.category-training {
|
||
background: rgba(245, 158, 11, 0.2);
|
||
color: #fcd34d;
|
||
}
|
||
.category-bse {
|
||
background: rgba(239, 68, 68, 0.2);
|
||
color: #fca5a5;
|
||
}
|
||
.risk-card {
|
||
background: rgba(239, 68, 68, 0.1);
|
||
border-left: 4px solid #ef4444;
|
||
}
|
||
.opportunity-card {
|
||
background: rgba(16, 185, 129, 0.1);
|
||
border-left: 4px solid #10b981;
|
||
}
|
||
.header-gradient {
|
||
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
.particle-bg {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.section-card {
|
||
margin-bottom: 20px;
|
||
}
|
||
.stock-table {
|
||
font-size: 0.875rem;
|
||
}
|
||
.stock-table th,
|
||
.stock-table td {
|
||
padding: 8px 10px;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="tsparticles" class="particle-bg"></div>
|
||
|
||
<div class="container mx-auto px-4 py-8 max-w-7xl">
|
||
<!-- 标题部分 -->
|
||
<div class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-5xl font-bold mb-4 header-gradient">华为鸿蒙生态布局分析报告</h1>
|
||
<p class="text-lg text-slate-300 max-w-3xl mx-auto">
|
||
从"技术验证"到"生态爆发"，探索华为鸿蒙系统的商业化进程与投资机会
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 概念事件部分 -->
|
||
<div class="section-card p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">概念事件</h2>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-3 text-purple-400">背景</h3>
|
||
<p class="text-slate-300 mb-4">
|
||
2019年5月，美国将华为列入"实体清单"，谷歌暂停GMS服务，华为被迫启动自研操作系统"鸿蒙"（HarmonyOS）。2024年被定义为"原生鸿蒙关键年"，HarmonyOS NEXT（纯血鸿蒙）于2024年10月8日启动公测，<span class="highlight">彻底去除安卓AOSP代码</span>，仅支持鸿蒙内核和应用，标志着从"兼容安卓"到"完全自主"的跨越。
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-3 text-purple-400">时间轴</h3>
|
||
<div class="timeline-item">
|
||
<p class="font-medium text-blue-300">2024年1月</p>
|
||
<p class="text-slate-300">余承东宣布"2024年是原生鸿蒙关键年"，目标10万原生应用。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<p class="font-medium text-blue-300">2024年6月</p>
|
||
<p class="text-slate-300">HDC大会发布HarmonyOS NEXT Beta版，盘古大模型5.0集成。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<p class="font-medium text-blue-300">2024年10月</p>
|
||
<p class="text-slate-300">鸿蒙生态设备突破<span class="highlight">10亿台</span>，原生应用超<span class="highlight">1.5万个</span>，中国市场占有率<span class="highlight">17%</span>（首次超越iOS）。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<p class="font-medium text-blue-300">2025年5月</p>
|
||
<p class="text-slate-300">鸿蒙PC（Matebook Pro）正式发布，搭载HarmonyOS 5，融合移动/桌面生态。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要部分 -->
|
||
<div class="section-card p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">核心观点摘要</h2>
|
||
<div class="bg-gradient-to-r from-blue-900/30 to-purple-900/30 p-6 rounded-lg border border-blue-500/20">
|
||
<p class="text-lg text-slate-300 leading-relaxed">
|
||
鸿蒙生态已从"技术验证"进入"生态爆发"阶段，<span class="highlight">2024-2025年是商业化临界点</span>。核心驱动力是<span class="highlight">政策强制国产化</span>（信创渗透）+<span class="highlight">华为终端销量回升</span>（Mate60系列带动市占率至17%）+<span class="highlight">AI原生能力</span>（盘古大模型深度集成）。未来3年，鸿蒙PC和物联网设备将打开<span class="highlight">千亿级增量市场</span>，但需警惕<span class="highlight">微信等超级应用适配进度</span>和<span class="highlight">ARM架构性能瓶颈</span>。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心逻辑与市场认知分析部分 -->
|
||
<div class="section-card p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">核心逻辑与市场认知分析</h2>
|
||
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">核心驱动力</h3>
|
||
<div class="grid md:grid-cols-3 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-blue-300 mb-2">政策强制替代</h4>
|
||
<ul class="text-slate-300 text-sm space-y-1">
|
||
<li>• 金融、电力、政务等"2+8+N"行业信创要求<span class="highlight">2025年国产化率100%</span></li>
|
||
<li>• 南方电网"电鸿"已部署30万终端，2025年目标覆盖<span class="highlight">亿级设备</span></li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-blue-300 mb-2">技术闭环完成</h4>
|
||
<ul class="text-slate-300 text-sm space-y-1">
|
||
<li>• <span class="highlight">HarmonyOS NEXT</span>全栈自研，性能提升30%，功耗降低20%</li>
|
||
<li>• 分布式软总线实现跨设备延迟<10ms，优于苹果AirDrop</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-blue-300 mb-2">终端销量回升</h4>
|
||
<ul class="text-slate-300 text-sm space-y-1">
|
||
<li>• 华为手机2024年Q1市占率<span class="highlight">17%</span></li>
|
||
<li>• 鸿蒙PC预计2025年出货量<span class="highlight">100万台</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">市场热度与情绪</h3>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-blue-300 mb-2">研报密度</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
2024年Q3-Q4鸿蒙相关研报<span class="highlight">超50篇</span>（东吴、中信、长江等），关键词从"主题"转向"订单落地"。
|
||
</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-blue-300 mb-2">情绪分歧</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
乐观派认为鸿蒙PC将复制M1芯片成功；谨慎派质疑<span class="highlight">专业软件（CAD/PS）适配进度</span>。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">预期差</h3>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-blue-300 mb-2">被忽略的关键</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
鸿蒙PC并非直接替代Windows，而是通过<span class="highlight">虚拟机兼容</span>过渡，降低迁移阻力。
|
||
</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-blue-300 mb-2">数据矛盾</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
新闻称"10万应用目标"，但路演显示<span class="highlight">头部5000应用仅覆盖99%用户时长</span>——长尾应用需求可能被高估。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂与未来发展路径部分 -->
|
||
<div class="section-card p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">关键催化剂与未来发展路径</h2>
|
||
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">近期催化剂（3-6个月）</h3>
|
||
<div class="grid md:grid-cols-3 gap-4">
|
||
<div class="opportunity-card p-4 rounded-lg">
|
||
<h4 class="font-semibold text-green-300 mb-2">2024年12月</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
鸿蒙PC正式商用，<span class="highlight">WPS/钉钉原生版</span>同步上线。
|
||
</p>
|
||
</div>
|
||
<div class="opportunity-card p-4 rounded-lg">
|
||
<h4 class="font-semibold text-green-300 mb-2">2025年Q1</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
<span class="highlight">微信鸿蒙原生版</span>全量发布（内测已完成90%）。
|
||
</p>
|
||
</div>
|
||
<div class="opportunity-card p-4 rounded-lg">
|
||
<h4 class="font-semibold text-green-300 mb-2">政策加码</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
信创目录更新，<span class="highlight">鸿蒙PC纳入政府采购清单</span>（深圳已试点补贴300元/台）。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">长期路径</h3>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h4 class="font-semibold text-blue-300 mb-3">2025-2026年</h4>
|
||
<div class="space-y-3">
|
||
<div class="bg-slate-800/50 p-3 rounded-lg">
|
||
<p class="font-medium text-green-300">C端</p>
|
||
<p class="text-slate-300 text-sm">
|
||
鸿蒙PC市占率目标<span class="highlight">10%</span>（对应<span class="highlight">600万台</span>），手机市占率<span class="highlight">25%</span>。
|
||
</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-3 rounded-lg">
|
||
<p class="font-medium text-green-300">B端</p>
|
||
<p class="text-slate-300 text-sm">
|
||
电力/金融/教育三大行业设备替换率<span class="highlight">30%+</span>（电力行业单年新增<span class="highlight">50亿元</span>市场）。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-semibold text-blue-300 mb-3">2027年后</h4>
|
||
<div class="bg-slate-800/50 p-3 rounded-lg h-full">
|
||
<p class="font-medium text-green-300 mb-2">物联网OS统一</p>
|
||
<p class="text-slate-300 text-sm">
|
||
OpenHarmony成为<span class="highlight">电力/工业设备默认系统</span>（类似Android在手机地位）。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司深度剖析部分 -->
|
||
<div class="section-card p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">产业链与核心公司深度剖析</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">产业链图谱</h3>
|
||
<div class="grid md:grid-cols-3 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg text-center">
|
||
<h4 class="font-semibold text-blue-300 mb-2">上游</h4>
|
||
<p class="text-slate-300 text-sm">芯片（海思麒麟/昇腾）、开源社区（OpenHarmony代码贡献）</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg text-center">
|
||
<h4 class="font-semibold text-blue-300 mb-2">中游</h4>
|
||
<p class="text-slate-300 text-sm">系统开发（软通动力、润和软件）、商业发行版（深开鸿、证通电子）</p>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg text-center">
|
||
<h4 class="font-semibold text-blue-300 mb-2">下游</h4>
|
||
<p class="text-slate-300 text-sm">终端设备（华为PC/手机）、行业应用（电力POS、教育平板）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-slate-800/50 rounded-lg overflow-hidden">
|
||
<thead>
|
||
<tr class="bg-slate-700/50">
|
||
<th class="py-3 px-4 text-left text-blue-300 font-semibold">公司</th>
|
||
<th class="py-3 px-4 text-left text-blue-300 font-semibold">角色</th>
|
||
<th class="py-3 px-4 text-left text-blue-300 font-semibold">进展验证</th>
|
||
<th class="py-3 px-4 text-left text-blue-300 font-semibold">风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-700/50">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">软通动力</td>
|
||
<td class="py-3 px-4 text-slate-300">鸿蒙最大外包商</td>
|
||
<td class="py-3 px-4 text-slate-300">2024年鸿蒙收入<span class="highlight">40亿元</span>（占比30%），参与<span class="highlight">6000+应用迁移</span></td>
|
||
<td class="py-3 px-4 text-slate-300">过度依赖华为，毛利率仅<span class="highlight">15%</span></td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">润和软件</td>
|
||
<td class="py-3 px-4 text-slate-300">开源鸿蒙A类捐赠人</td>
|
||
<td class="py-3 px-4 text-slate-300">HiHopeOS已落地<span class="highlight">南方电网</span>等50+项目，2024年鸿蒙订单<span class="highlight">8亿元</span></td>
|
||
<td class="py-3 px-4 text-slate-300">行业竞争加剧，价格战风险</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-700/50">
|
||
<td class="py-3 px-4 text-slate-300 font-medium">证通电子</td>
|
||
<td class="py-3 px-4 text-slate-300">金融终端龙头</td>
|
||
<td class="py-3 px-4 text-slate-300"><span class="highlight">新疆银行</span>鸿蒙助农终端已商用，Q4银行招标中<span class="highlight">鸿蒙成标配</span></td>
|
||
<td class="py-3 px-4 text-slate-300">传统POS业务下滑，转型阵痛</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 text-slate-300 font-medium">九联科技</td>
|
||
<td class="py-3 px-4 text-slate-300">物联网模组商</td>
|
||
<td class="py-3 px-4 text-slate-300">鸿蒙水表/电表已批量出货<span class="highlight">100万套</span>，绑定<span class="highlight">国家电网</span></td>
|
||
<td class="py-3 px-4 text-slate-300">模组业务毛利率<span class="highlight"><20%</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">验证与证伪</h3>
|
||
<div class="risk-card p-4 rounded-lg">
|
||
<p class="text-slate-300">
|
||
<span class="font-semibold text-red-300">证伪点：</span>某路演称"鸿蒙PC将完全替代Windows"，但实测显示<span class="highlight">虚拟机兼容仅支持80%软件</span>（如CAD需转译），性能损耗<span class="highlight">15-20%</span>。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 潜在风险与挑战部分 -->
|
||
<div class="section-card p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">潜在风险与挑战</h2>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="risk-card p-4 rounded-lg">
|
||
<h4 class="font-semibold text-red-300 mb-2">技术瓶颈</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
ARM架构鸿蒙PC在<span class="highlight">专业软件（如SolidWorks）</span>上性能仅为x86的60%（路演实测）。
|
||
</p>
|
||
</div>
|
||
<div class="risk-card p-4 rounded-lg">
|
||
<h4 class="font-semibold text-red-300 mb-2">商业化风险</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
微信鸿蒙版<span class="highlight">支付功能延迟</span>（需单独适配微信支付SDK），可能影响用户迁移意愿。
|
||
</p>
|
||
</div>
|
||
<div class="risk-card p-4 rounded-lg">
|
||
<h4 class="font-semibold text-red-300 mb-2">政策风险</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
若中美关系缓和，<span class="highlight">信创节奏可能放缓</span>（参考2023年EDA工具临时许可事件）。
|
||
</p>
|
||
</div>
|
||
<div class="risk-card p-4 rounded-lg">
|
||
<h4 class="font-semibold text-red-300 mb-2">信息矛盾</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
新闻称"10万应用目标"，但<span class="highlight">开发者调研显示</span>长尾应用迁移成本<span class="highlight">>5万元/个</span>，动力不足。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 综合结论与投资启示部分 -->
|
||
<div class="section-card p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">综合结论与投资启示</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">阶段判断</h3>
|
||
<div class="bg-gradient-to-r from-blue-900/30 to-purple-900/30 p-6 rounded-lg border border-blue-500/20">
|
||
<p class="text-lg text-slate-300 leading-relaxed">
|
||
鸿蒙生态已从<span class="highlight">主题炒作</span>（2021-2023）进入<span class="highlight">订单驱动阶段</span>（2024-2025），<span class="highlight">2025年Q1微信适配完成</span>将是关键验证点。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">投资方向</h3>
|
||
<div class="grid md:grid-cols-3 gap-4">
|
||
<div class="opportunity-card p-4 rounded-lg">
|
||
<h4 class="font-semibold text-green-300 mb-2">最确定赛道</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
<span class="highlight">鸿蒙PC供应链</span>（智微智能、芯海科技）——直接受益于<span class="highlight">100万台出货量</span>
|
||
</p>
|
||
</div>
|
||
<div class="opportunity-card p-4 rounded-lg">
|
||
<h4 class="font-semibold text-green-300 mb-2">弹性最大</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
<span class="highlight">电力/金融终端替换</span>（证通电子、新国都）——政策强制+单价<span class="highlight">3000元/台</span>
|
||
</p>
|
||
</div>
|
||
<div class="opportunity-card p-4 rounded-lg">
|
||
<h4 class="font-semibold text-green-300 mb-2">长期价值</h4>
|
||
<p class="text-slate-300 text-sm">
|
||
<span class="highlight">开源鸿蒙发行版</span>（润和软件）——License模式毛利率<span class="highlight">70%+</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-purple-400">跟踪指标</h3>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="bg-slate-800/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-blue-300 mb-2">月度数据</h4>
|
||
<ul class="text-slate-300 text-sm space-y-1">
|
||
<li>• 鸿蒙PC激活量</li>
|
||
<li>• 微信鸿蒙版DAU</li>
|
||
<li>• 电力行业招标中鸿蒙占比</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-slate-800/50 p-4 rounded-lg">
|
||
<h4 class="font-semibold text-blue-300 mb-2">季度验证</h4>
|
||
<ul class="text-slate-300 text-sm space-y-1">
|
||
<li>• 软通动力鸿蒙收入增速</li>
|
||
<li>• 润和软件鸿蒙订单毛利率</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据表格部分 -->
|
||
<div class="section-card p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 text-blue-400">关联股票数据</h2>
|
||
|
||
<div id="stock-tables" class="space-y-8">
|
||
<!-- 表格将通过JavaScript动态生成 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 股票数据
|
||
const stockData = [
|
||
{
|
||
'华为鸿蒙(240111)': [
|
||
{'stock': '智度股份', '分类': '生态合作', '行业': '数字货币', 'reason': '参与鸿蒙生态在数字货币领域的应用开发'},
|
||
{'stock': '创识科技', '分类': '生态合作', '行业': '数字货币', 'reason': '参与鸿蒙生态在数字货币领域的应用开发'},
|
||
{'stock': '吉大正元', '分类': '生态合作', '行业': '数字货币', 'reason': '参与鸿蒙生态在数字货币领域的应用开发'},
|
||
{'stock': '科蓝软件', '分类': '生态合作', '行业': '数字货币', 'reason': '参与鸿蒙生态在数字货币领域的应用开发'},
|
||
{'stock': '延华智能', '分类': '生态合作', '行业': '医疗', 'reason': '参与鸿蒙生态在医疗领域的应用开发'},
|
||
{'stock': '亚华电子', '分类': '生态合作', '行业': '医疗', 'reason': '参与鸿蒙生态在医疗领域的应用开发'},
|
||
{'stock': '荣科科技', '分类': '生态合作', '行业': '医疗', 'reason': '参与鸿蒙生态在医疗领域的应用开发'},
|
||
{'stock': '智微智能', '分类': '生态合作', '行业': '电脑（PC）', 'reason': '参与鸿蒙生态在PC端的应用开发'},
|
||
{'stock': '软通动力', '分类': '生态合作', '行业': '电脑（PC）', 'reason': '参与鸿蒙生态在PC端的应用开发'},
|
||
{'stock': '芯海科技', '分类': '生态合作', '行业': '电脑（PC）', 'reason': '参与鸿蒙生态在PC端的应用开发'},
|
||
{'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': '东方中科', '分类': '配套', '组件': '组件', 'reason': '提供鸿蒙系统配套组件'},
|
||
{'stock': '卓易信息', '分类': '配套', '固件': '固件', 'reason': '提供鸿蒙系统配套固件'},
|
||
{'stock': '汉仪股份', '分类': '配套', '字体': '字体', 'reason': '提供鸿蒙系统配套字体'},
|
||
{'stock': '传智教育', '分类': '系统培训', 'reason': '提供鸿蒙系统相关培训服务'},
|
||
{'stock': '博通股份', '分类': '系统培训', 'reason': '提供鸿蒙系统相关培训服务'},
|
||
{'stock': '倍益康', '分类': '北交所相关', 'reason': '与鸿蒙系统在北交所相关领域合作'},
|
||
{'stock': '慧为智能', '分类': '北交所相关', 'reason': '与鸿蒙系统在北交所相关领域合作'},
|
||
{'stock': '汉鑫科技', '分类': '北交所相关', 'reason': '与鸿蒙系统在北交所相关领域合作'}
|
||
]
|
||
},
|
||
{
|
||
'华为鸿蒙(240823)': [
|
||
{'stock': '网达软件', '类别': '纯血鸿蒙', '细分': '纯血鸿蒙', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '国华网安', '类别': '纯血鸿蒙', '细分': '纯血鸿蒙', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '吴通控股', '类别': '纯血鸿蒙', '细分': '纯血鸿蒙', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '福昕软件', '类别': '纯血鸿蒙', '细分': '纯血鸿蒙', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '科蓝软件', '类别': '纯血鸿蒙', '细分': '纯血鸿蒙', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '每日互动', '类别': '纯血鸿蒙', '细分': '纯血鸿蒙', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '东方国信', '类别': '纯血鸿蒙', '细分': '纯血鸿蒙', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '润和软件', '类别': '系统开发', '细分': '代码开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '汇顶科技', '类别': '系统开发', '细分': '代码开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '恒玄科技', '类别': '系统开发', '细分': '代码开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '九联科技', '类别': '系统开发', '细分': '代码开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '软通动力', '类别': '系统开发', '细分': '代码开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '拓维信息', '类别': '系统开发', '细分': '代码开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '软通动力', '类别': '系统开发', '细分': '商业开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '常山北明', '类别': '系统开发', '细分': '商业开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '润和软件', '类别': '系统开发', '细分': '商业开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '证通电子', '类别': '系统开发', '细分': '商业开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '诚迈科技', '类别': '系统开发', '细分': '商业开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '中科创达', '类别': '系统开发', '细分': '商业开发', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '传智教育', '类别': '系统开发', '细分': '培训', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '博通股份', '类别': '系统开发', '细分': '培训', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '拓维信息', '类别': '系统开发', '细分': '培训', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '软通动力', '类别': '系统开发', '细分': '培训', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '金现代', '类别': '系统开发', '细分': '培训', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '京北方', '类别': '生态合作', '细分': '金融', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '优博讯', '类别': '生态合作', '细分': '金融', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '兆日科技', '类别': '生态合作', '细分': '金融', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '智度股份', '类别': '生态合作', '细分': '金融', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '创识科技', '类别': '生态合作', '细分': '金融', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '吉大正元', '类别': '生态合作', '细分': '金融', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '科蓝软件', '类别': '生态合作', '细分': '金融', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '亚华电子', '类别': '生态合作', '细分': '医疗', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '延华智能', '类别': '生态合作', '细分': '医疗', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '荣科科技', '类别': '生态合作', '细分': '医疗', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '智微智能', '类别': '生态合作', '细分': '电脑(PC)', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '软通动力', '类别': '生态合作', '细分': '电脑(PC)', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '芯海科技', '类别': '生态合作', '细分': '电脑(PC)', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '常青股份', '类别': '生态合作', '细分': '智能驾驶', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '光庭信息', '类别': '生态合作', '细分': '智能驾驶', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '启明信息', '类别': '生态合作', '细分': '智能驾驶', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '金溢科技', '类别': '生态合作', '细分': '智能驾驶', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '通行宝', '类别': '生态合作', '细分': '智能驾驶', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '德迈仕', '类别': '生态合作', '细分': '智能驾驶', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '高鸿股份', '类别': '生态合作', '细分': '智能驾驶', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '华依科技', '类别': '生态合作', '细分': '智能驾驶', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '华立股份', '类别': '生态合作', '细分': '家居/机器人', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '长虹美菱', '类别': '生态合作', '细分': '家居/机器人', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '万兴科技', '类别': '生态合作', '细分': '软件', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '长亮科技', '类别': '生态合作', '细分': '软件', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '赛意信息', '类别': '生态合作', '细分': '软件', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '超图软件', '类别': '生态合作', '细分': '软件', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '吉大正元', '类别': '生态合作', '细分': '网络安全', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '国科微', '类别': '生态合作', '细分': '监控', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '东方中科', '类别': '配套', '细分': '组件', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '卓易信息', '类别': '配套', '细分': '固件', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '汉仪股份', '类别': '配套', '细分': '字体', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '海量数据', '类别': '配套', '细分': '数据库', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '倍益康', '类别': '北交所', '细分': '', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '慧为智能', '类别': '北交所', '细分': '', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'},
|
||
{'stock': '汉鑫科技', '类别': '北交所', '细分': '', 'reason': '华为纯血鸿蒙系统Harmony OS Next的微信适配工作正在加快，已完成大部分适配工作，正式版很快将与用户见面。此外，除了微信，其他腾讯系的手机应用也在适配工作。'}
|
||
]
|
||
},
|
||
{
|
||
'华为鸿蒙甄选与支付(240925)': [
|
||
{'stock': '华峰超纤', '项目': '威富通与华为支付合作', '行业': '金融科技', '产业链': '支付场景建设', 'reason': '子公司威富通作为华为生态合作伙伴，以支付为基础进行场景建设，助力银行业务发展'},
|
||
{'stock': '值得买', '项目': '华为新品发布合作', '行业': '媒体与电商', '产业链': '新品推广与用户内容', 'reason': '作为华为指定的"什么值得买"新品发布媒体，每年推荐华为产品并产生大量用户内容'},
|
||
{'stock': '会畅通讯', '项目': '华为合格供应商', '行业': '信息通信', '产业链': '4K超高清摄像机与云视频终端', 'reason': '全资子公司成为华为合格供应商，提供4K超高清摄像机和云视频终端研发制造服务'},
|
||
{'stock': '蜂助手', '项目': '鸿蒙生态应用开发', '行业': '数字化服务', '产业链': '虚拟商品交易', 'reason': '参与鸿蒙生态应用开发，与华为钱包合作提供数字化虚拟商品一站式交易服务'},
|
||
{'stock': '吉宏股份', '项目': '大模型技术应用', '行业': '跨境电商', '产业链': 'AI技术优化', 'reason': '盘古大模型优化跨境电商生成技术，显著提升业务效果'},
|
||
{'stock': '新国都', '项目': 'OpenHarmony金融支付', '行业': '金融支付', '产业链': '软硬件国产化平台', 'reason': '响应国家金融安全战略，子公司签约OpenHarmony生态合作协议，参与金融支付终端产品开发'},
|
||
{'stock': '世纪恒通', '项目': '花瓣支付合作', '行业': '车后服务', '产业链': '快应用与ETC', 'reason': '作为花瓣支付服务商，对接快应用开发，并在车后服务、ETC发行等领域拓展业务'},
|
||
{'stock': '科蓝软件', '项目': '华为支付场景化落地', '行业': '金融IT', '产业链': '银行支付系统', 'reason': '与华为钱包及支付合作，为银行客户开发支付系统，加速华为支付生态落地'}
|
||
]
|
||
}
|
||
];
|
||
|
||
// 生成表格的函数
|
||
function generateTables() {
|
||
const container = document.getElementById('stock-tables');
|
||
|
||
stockData.forEach(conceptData => {
|
||
const conceptName = Object.keys(conceptData)[0];
|
||
const stocks = conceptData[conceptName];
|
||
|
||
// 创建概念标题
|
||
const conceptTitle = document.createElement('h3');
|
||
conceptTitle.className = 'text-xl font-semibold mb-4 text-purple-400';
|
||
conceptTitle.textContent = conceptName;
|
||
|
||
// 创建表格容器
|
||
const tableContainer = document.createElement('div');
|
||
tableContainer.className = 'table-container';
|
||
|
||
// 创建表格
|
||
const table = document.createElement('table');
|
||
table.className = 'stock-table bg-slate-800/50 rounded-lg overflow-hidden';
|
||
|
||
// 创建表头
|
||
const thead = document.createElement('thead');
|
||
const headerRow = document.createElement('tr');
|
||
headerRow.className = 'bg-slate-700/50';
|
||
|
||
// 获取所有可能的列名
|
||
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.className = 'py-3 px-4 text-left text-blue-300 font-semibold';
|
||
th.textContent = column;
|
||
headerRow.appendChild(th);
|
||
});
|
||
|
||
// 添加原因列
|
||
const reasonTh = document.createElement('th');
|
||
reasonTh.className = 'py-3 px-4 text-left text-blue-300 font-semibold';
|
||
reasonTh.textContent = '原因';
|
||
headerRow.appendChild(reasonTh);
|
||
|
||
thead.appendChild(headerRow);
|
||
table.appendChild(thead);
|
||
|
||
// 创建表体
|
||
const tbody = document.createElement('tbody');
|
||
|
||
stocks.forEach(stock => {
|
||
const row = document.createElement('tr');
|
||
row.className = 'border-b border-slate-700/50 hover:bg-slate-700/30';
|
||
|
||
// 添加单元格
|
||
allColumns.forEach(column => {
|
||
const td = document.createElement('td');
|
||
td.className = 'py-3 px-4 text-slate-300';
|
||
|
||
if (stock[column]) {
|
||
// 如果是分类列，添加特殊样式
|
||
if (column === '分类' || column === '类别') {
|
||
let badgeClass = '';
|
||
if (stock[column].includes('生态合作')) {
|
||
badgeClass = 'category-ecosystem';
|
||
} else if (stock[column].includes('系统开发')) {
|
||
badgeClass = 'category-system';
|
||
} else if (stock[column].includes('配套')) {
|
||
badgeClass = 'category-support';
|
||
} else if (stock[column].includes('培训')) {
|
||
badgeClass = 'category-training';
|
||
} else if (stock[column].includes('北交所')) {
|
||
badgeClass = 'category-bse';
|
||
}
|
||
|
||
if (badgeClass) {
|
||
const badge = document.createElement('span');
|
||
badge.className = `category-badge ${badgeClass}`;
|
||
badge.textContent = stock[column];
|
||
td.appendChild(badge);
|
||
} else {
|
||
td.textContent = stock[column];
|
||
}
|
||
} else {
|
||
td.textContent = stock[column];
|
||
}
|
||
} else {
|
||
td.textContent = '-';
|
||
}
|
||
|
||
row.appendChild(td);
|
||
});
|
||
|
||
// 添加原因单元格
|
||
const reasonTd = document.createElement('td');
|
||
reasonTd.className = 'py-3 px-4 text-slate-300 text-sm max-w-xs';
|
||
reasonTd.textContent = stock.reason || '-';
|
||
row.appendChild(reasonTd);
|
||
|
||
tbody.appendChild(row);
|
||
});
|
||
|
||
table.appendChild(tbody);
|
||
tableContainer.appendChild(table);
|
||
|
||
// 将所有元素添加到容器
|
||
const section = document.createElement('div');
|
||
section.className = 'mb-8';
|
||
section.appendChild(conceptTitle);
|
||
section.appendChild(tableContainer);
|
||
container.appendChild(section);
|
||
});
|
||
}
|
||
|
||
// 初始化tsParticles
|
||
function initParticles() {
|
||
if (typeof tsParticles !== 'undefined') {
|
||
tsParticles.load("tsparticles", {
|
||
particles: {
|
||
number: {
|
||
value: 30,
|
||
density: {
|
||
enable: true,
|
||
value_area: 800
|
||
}
|
||
},
|
||
color: {
|
||
value: "#3b82f6"
|
||
},
|
||
shape: {
|
||
type: "circle"
|
||
},
|
||
opacity: {
|
||
value: 0.5,
|
||
random: true
|
||
},
|
||
size: {
|
||
value: 3,
|
||
random: true
|
||
},
|
||
move: {
|
||
enable: true,
|
||
speed: 2,
|
||
direction: "none",
|
||
random: true,
|
||
straight: false,
|
||
out_mode: "out"
|
||
},
|
||
line_linked: {
|
||
enable: true,
|
||
distance: 150,
|
||
color: "#3b82f6",
|
||
opacity: 0.2,
|
||
width: 1
|
||
}
|
||
},
|
||
interactivity: {
|
||
detect_on: "canvas",
|
||
events: {
|
||
onhover: {
|
||
enable: true,
|
||
mode: "grab"
|
||
},
|
||
onclick: {
|
||
enable: true,
|
||
mode: "push"
|
||
}
|
||
}
|
||
},
|
||
retina_detect: true
|
||
});
|
||
}
|
||
}
|
||
|
||
// 页面加载完成后执行
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
generateTables();
|
||
initParticles();
|
||
});
|
||
</script>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/core/popper.min.js"></script>
|
||
<script src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/js/core/bootstrap.min.js"></script>
|
||
</body>
|
||
</html>
|
||
``` |