580 lines
34 KiB
HTML
580 lines
34 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>鸿蒙PC生态发展分析报告</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" 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/dist/full.min.css" rel="stylesheet">
|
||
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||
min-height: 100vh;
|
||
position: relative;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
#particles-js {
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: -1;
|
||
}
|
||
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.text-gradient {
|
||
background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.card-hover {
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.card-hover:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
|
||
}
|
||
|
||
.timeline-dot {
|
||
width: 12px;
|
||
height: 12px;
|
||
background: #3b82f6;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
left: -6px;
|
||
top: 6px;
|
||
}
|
||
|
||
.timeline-line {
|
||
position: absolute;
|
||
left: 0;
|
||
top: 18px;
|
||
bottom: -18px;
|
||
width: 1px;
|
||
background: rgba(59, 130, 246, 0.3);
|
||
}
|
||
|
||
.table-responsive {
|
||
overflow-x: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.container {
|
||
padding-left: 1rem;
|
||
padding-right: 1rem;
|
||
}
|
||
|
||
.text-4xl {
|
||
font-size: 2rem;
|
||
}
|
||
|
||
.text-2xl {
|
||
font-size: 1.5rem;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="particles-js"></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 text-white mb-4">
|
||
<span class="text-gradient">鸿蒙PC生态发展</span>分析报告
|
||
</h1>
|
||
<p class="text-gray-300 text-lg">从0到1的商业化落地与产业链机遇</p>
|
||
<div class="mt-6 flex justify-center items-center space-x-4">
|
||
<span class="px-4 py-2 glass-effect rounded-full text-sm text-blue-300">
|
||
<i class="fas fa-calendar-alt mr-2"></i>2025年5月
|
||
</span>
|
||
<span class="px-4 py-2 glass-effect rounded-full text-sm text-purple-300">
|
||
<i class="fas fa-chart-line mr-2"></i>深度分析
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 概念事件 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-6 flex items-center">
|
||
<i class="fas fa-bolt text-yellow-400 mr-3"></i>概念事件
|
||
</h2>
|
||
<div class="bg-gray-800 bg-opacity-50 rounded-xl p-6">
|
||
<div class="mb-4">
|
||
<h3 class="text-lg font-semibold text-blue-300 mb-2">背景</h3>
|
||
<p class="text-gray-300 leading-relaxed">
|
||
2025年5月19日，华为正式发布首款搭载<strong class="text-blue-400">HarmonyOS 5</strong>的鸿蒙PC（MateBook Pro），
|
||
标志着鸿蒙生态补齐"1+8+N"战略的最后一块拼图（PC端）。
|
||
</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-blue-300 mb-4">时间轴</h3>
|
||
<div class="space-y-4">
|
||
<div class="relative pl-8">
|
||
<div class="timeline-dot"></div>
|
||
<div class="timeline-line"></div>
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<span class="text-blue-400 font-semibold">2024年9月</span>
|
||
<p class="text-gray-300 mt-1">余承东宣布"最后一批Windows PC"后全面转向鸿蒙</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative pl-8">
|
||
<div class="timeline-dot"></div>
|
||
<div class="timeline-line"></div>
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<span class="text-blue-400 font-semibold">2025年3月</span>
|
||
<p class="text-gray-300 mt-1">微软Windows授权到期，倒逼鸿蒙PC加速落地</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative pl-8">
|
||
<div class="timeline-dot"></div>
|
||
<div class="timeline-line"></div>
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<span class="text-blue-400 font-semibold">2025年5月8日</span>
|
||
<p class="text-gray-300 mt-1">鸿蒙电脑技术与生态沟通会，展示跨设备协同、AI原生能力</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative pl-8">
|
||
<div class="timeline-dot"></div>
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<span class="text-blue-400 font-semibold">2025年5月19日</span>
|
||
<p class="text-gray-300 mt-1">正式发布，<strong class="text-green-400">150+专属应用</strong>已适配，<strong class="text-green-400">2000+融合应用</strong>年底目标</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-6 flex items-center">
|
||
<i class="fas fa-lightbulb text-yellow-400 mr-3"></i>核心观点摘要
|
||
</h2>
|
||
<div class="grid md:grid-cols-3 gap-6">
|
||
<div class="bg-gradient-to-br from-blue-600 to-blue-800 rounded-xl p-6">
|
||
<div class="text-blue-200 text-sm font-semibold mb-2">阶段判断</div>
|
||
<div class="text-white text-lg font-bold">鸿蒙PC处于"0-1"商业化落地初期</div>
|
||
<div class="text-blue-200 mt-2 text-sm">技术就绪但生态仍需补全</div>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-br from-purple-600 to-purple-800 rounded-xl p-6">
|
||
<div class="text-purple-200 text-sm font-semibold mb-2">核心驱动力</div>
|
||
<div class="text-white text-lg font-bold">政策+技术+生态</div>
|
||
<div class="text-purple-200 mt-2 text-sm">信创2.0 + 分布式软总线 + 10亿设备基数</div>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-br from-green-600 to-green-800 rounded-xl p-6">
|
||
<div class="text-green-200 text-sm font-semibold mb-2">未来潜力</div>
|
||
<div class="text-white text-lg font-bold">3年内市占率10%-20%</div>
|
||
<div class="text-green-200 mt-2 text-sm">成为信创市场核心玩家</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心驱动力 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-6 flex items-center">
|
||
<i class="fas fa-rocket text-red-400 mr-3"></i>核心驱动力分析
|
||
</h2>
|
||
<div class="space-y-6">
|
||
<div class="bg-gray-800 bg-opacity-50 rounded-xl p-6">
|
||
<h3 class="text-xl font-semibold text-blue-300 mb-4 flex items-center">
|
||
<i class="fas fa-landmark mr-2"></i>政策刚性需求
|
||
</h3>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<div class="text-blue-400 font-semibold mb-2">信创2.0要求</div>
|
||
<p class="text-gray-300 text-sm">2025年央企/政府PC国产化率超50%，<strong class="text-yellow-400">5000万台替换空间</strong></p>
|
||
</div>
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<div class="text-blue-400 font-semibold mb-2">微软授权断供</div>
|
||
<p class="text-gray-300 text-sm">2025年3月到期直接触发替代需求</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-gray-800 bg-opacity-50 rounded-xl p-6">
|
||
<h3 class="text-xl font-semibold text-purple-300 mb-4 flex items-center">
|
||
<i class="fas fa-shield-alt mr-2"></i>技术护城河
|
||
</h3>
|
||
<div class="grid md:grid-cols-2 gap-4">
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<div class="text-purple-400 font-semibold mb-2">100%自主可控</div>
|
||
<p class="text-gray-300 text-sm">从内核（微内核架构）、芯片（鲲鹏X90）到开发工具链全栈自研</p>
|
||
</div>
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<div class="text-purple-400 font-semibold mb-2">分布式软总线</div>
|
||
<p class="text-gray-300 text-sm">键鼠跨设备共享（延迟<10ms）、文件一拖即传（160MB/s）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-gray-800 bg-opacity-50 rounded-xl p-6">
|
||
<h3 class="text-xl font-semibold text-green-300 mb-4 flex items-center">
|
||
<i class="fas fa-network-wired mr-2"></i>生态杠杆效应
|
||
</h3>
|
||
<div class="glass-effect rounded-lg p-4">
|
||
<div class="text-green-400 font-semibold mb-2">手机生态复用</div>
|
||
<p class="text-gray-300 text-sm">已有<strong class="text-yellow-400">10万+鸿蒙原生应用</strong>，PC端仅需"一次开发，多端部署"（方舟编译器支持80%代码自动迁移）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-6 flex items-center">
|
||
<i class="fas fa-chart-bar text-green-400 mr-3"></i>关联股票数据
|
||
</h2>
|
||
|
||
<!-- 华为鸿蒙股票 -->
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-semibold text-blue-300 mb-4">华为鸿蒙概念股</h3>
|
||
<div class="table-responsive">
|
||
<table class="table w-full text-sm">
|
||
<thead>
|
||
<tr class="text-left text-gray-400 border-b border-gray-700">
|
||
<th class="pb-3">股票名称</th>
|
||
<th class="pb-3">分类</th>
|
||
<th class="pb-3">产业链</th>
|
||
<th class="pb-3">关联原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="huawei-stock-table" class="text-gray-300">
|
||
<!-- 动态填充 -->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 鸿蒙PC股票 -->
|
||
<div>
|
||
<h3 class="text-xl font-semibold text-purple-300 mb-4">鸿蒙PC概念股</h3>
|
||
<div class="table-responsive">
|
||
<table class="table w-full text-sm">
|
||
<thead>
|
||
<tr class="text-left text-gray-400 border-b border-gray-700">
|
||
<th class="pb-3">股票名称</th>
|
||
<th class="pb-3">分类</th>
|
||
<th class="pb-3">项目/产业链</th>
|
||
<th class="pb-3">关联原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="harmony-pc-table" class="text-gray-300">
|
||
<!-- 动态填充 -->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链图谱 -->
|
||
<div class="glass-effect rounded-2xl p-6 mb-8 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-6 flex items-center">
|
||
<i class="fas fa-sitemap text-yellow-400 mr-3"></i>产业链图谱
|
||
</h2>
|
||
<div class="bg-gray-800 bg-opacity-50 rounded-xl p-6">
|
||
<div class="grid md:grid-cols-3 gap-6 text-center">
|
||
<div class="glass-effect rounded-xl p-6">
|
||
<div class="text-blue-400 text-lg font-bold mb-4">上游：芯片/零部件</div>
|
||
<div class="space-y-2 text-sm text-gray-300">
|
||
<div>鲲鹏X90芯片（华为自研）</div>
|
||
<div>京东方OLED屏（14英寸4K）</div>
|
||
<div>东睦股份铰链（折叠屏）</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-effect rounded-xl p-6">
|
||
<div class="text-purple-400 text-lg font-bold mb-4">中游：ODM/系统集成</div>
|
||
<div class="space-y-2 text-sm text-gray-300">
|
||
<div>华勤技术（ODM龙头，80%份额）</div>
|
||
<div>软通动力（鸿蒙ISV，代码适配50%+）</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-effect rounded-xl p-6">
|
||
<div class="text-green-400 text-lg font-bold mb-4">下游：应用生态</div>
|
||
<div class="space-y-2 text-sm text-gray-300">
|
||
<div>金山办公（WPS鸿蒙版）</div>
|
||
<div>万兴科技（喵影鸿蒙版）</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-6 flex justify-center">
|
||
<div class="flex items-center space-x-4 text-gray-400 text-sm">
|
||
<div class="flex items-center">
|
||
<div class="w-3 h-3 bg-blue-500 rounded-full mr-2"></div>
|
||
<span>上游</span>
|
||
</div>
|
||
<i class="fas fa-arrow-right"></i>
|
||
<div class="flex items-center">
|
||
<div class="w-3 h-3 bg-purple-500 rounded-full mr-2"></div>
|
||
<span>中游</span>
|
||
</div>
|
||
<i class="fas fa-arrow-right"></i>
|
||
<div class="flex items-center">
|
||
<div class="w-3 h-3 bg-green-500 rounded-full mr-2"></div>
|
||
<span>下游</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 投资启示 -->
|
||
<div class="glass-effect rounded-2xl p-6 card-hover">
|
||
<h2 class="text-2xl font-bold text-white mb-6 flex items-center">
|
||
<i class="fas fa-coins text-yellow-400 mr-3"></i>投资启示
|
||
</h2>
|
||
<div class="bg-gradient-to-r from-gray-800 to-gray-900 rounded-xl p-6">
|
||
<div class="mb-4">
|
||
<h3 class="text-lg font-semibold text-blue-300 mb-2">阶段判断</h3>
|
||
<p class="text-gray-300"><strong class="text-yellow-400">主题炒作向基本面过渡</strong>——信创订单落地是分水岭</p>
|
||
</div>
|
||
|
||
<div class="mb-4">
|
||
<h3 class="text-lg font-semibold text-purple-300 mb-3">高价值细分</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-start">
|
||
<span class="text-green-400 font-bold mr-3">1.</span>
|
||
<div>
|
||
<div class="text-white font-semibold">软件适配服务商（软通动力、中软国际）</div>
|
||
<div class="text-gray-400 text-sm">确定性最高，信创订单直接兑现</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<span class="text-green-400 font-bold mr-3">2.</span>
|
||
<div>
|
||
<div class="text-white font-semibold">折叠屏供应链（东睦股份、精研科技）</div>
|
||
<div class="text-gray-400 text-sm">弹性最大，MateBook Fold 30万台增量需求</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-green-300 mb-3">关键跟踪指标</h3>
|
||
<div class="grid md:grid-cols-3 gap-4">
|
||
<div class="glass-effect rounded-lg p-3">
|
||
<div class="text-blue-400 font-semibold text-sm">2025Q3信创招标量</div>
|
||
<div class="text-gray-400 text-xs mt-1">政企客户渗透率</div>
|
||
</div>
|
||
<div class="glass-effect rounded-lg p-3">
|
||
<div class="text-purple-400 font-semibold text-sm">微信鸿蒙PC版上线</div>
|
||
<div class="text-gray-400 text-xs mt-1">生态临界点</div>
|
||
</div>
|
||
<div class="glass-effect rounded-lg p-3">
|
||
<div class="text-green-400 font-semibold text-sm">鲲鹏芯片产能</div>
|
||
<div class="text-gray-400 text-xs mt-1">华为海思代工瓶颈</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-6 pt-4 border-t border-gray-700">
|
||
<p class="text-center text-lg font-bold text-gradient">
|
||
软件适配商 > 硬件代工 > 芯片国产化
|
||
</p>
|
||
<p class="text-center text-gray-400 text-sm mt-2">当前最优投资顺序</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<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
|
||
}
|
||
},
|
||
retina_detect: true
|
||
});
|
||
|
||
// 股票数据
|
||
const stockData = [
|
||
{
|
||
'华为鸿蒙(240408)': [
|
||
{'stock': '智微智能', '分类': 'PC', '产业链': '硬件开发', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布PC类产品，智微智能作为相关企业被列入PC分类。'},
|
||
{'stock': '软通动力', '分类': 'PC', '产业链': '软件开发', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布PC类产品，软通动力作为相关企业被列入PC分类。'},
|
||
{'stock': '芯海科技', '分类': 'PC', '产业链': '芯片研发', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布PC类产品，芯海科技作为相关企业被列入PC分类。'},
|
||
{'stock': '赛力斯', '分类': '华为汽车', '产业链': '整车制造', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，赛力斯作为合作车企被列入华为汽车分类。'},
|
||
{'stock': '东风汽车', '分类': '华为汽车', '产业链': '整车制造', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，东风汽车作为合作车企被列入华为汽车分类。'},
|
||
{'stock': '长安汽车', '分类': '华为汽车', '产业链': '整车制造', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，长安汽车作为合作车企被列入华为汽车分类。'},
|
||
{'stock': '江淮汽车', '分类': '华为汽车', '产业链': '整车制造', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，江淮汽车作为合作车企被列入华为汽车分类。'},
|
||
{'stock': '北汽蓝谷', '分类': '华为汽车', '产业链': '整车制造', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，北汽蓝谷作为合作车企被列入华为汽车分类。'},
|
||
{'stock': '高鸿股份', '分类': '自动驾驶', '产业链': '通信技术', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，高鸿股份作为自动驾驶相关企业被列入自动驾驶分类。'},
|
||
{'stock': '启明信息', '分类': '自动驾驶', '产业链': '软件开发', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，启明信息作为自动驾驶相关企业被列入自动驾驶分类。'},
|
||
{'stock': '金溢科技', '分类': '自动驾驶', '产业链': '智能交通设备', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，金溢科技作为自动驾驶相关企业被列入自动驾驶分类。'},
|
||
{'stock': '德迈仕', '分类': '自动驾驶', '产业链': '精密零部件', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，德迈仕作为自动驾驶相关企业被列入自动驾驶分类。'},
|
||
{'stock': '光庭信息', '分类': '自动驾驶', '产业链': '软件开发', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，光庭信息作为自动驾驶相关企业被列入自动驾驶分类。'},
|
||
{'stock': '华依科技', '分类': '自动驾驶', '产业链': '测试设备', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布车类产品，华依科技作为自动驾驶相关企业被列入自动驾驶分类。'},
|
||
{'stock': '润和软件', '分类': '鸿蒙生态', '产业链': '软件开发', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布鸿蒙生态相关产品，润和软件作为生态合作伙伴被列入鸿蒙生态分类。'},
|
||
{'stock': '九联科技', '分类': '鸿蒙生态', '产业链': '智能终端', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布鸿蒙生态相关产品，九联科技作为生态合作伙伴被列入鸿蒙生态分类。'},
|
||
{'stock': '东方中科', '分类': '鸿蒙生态', '产业链': '技术服务', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布鸿蒙生态相关产品，东方中科作为生态合作伙伴被列入鸿蒙生态分类。'},
|
||
{'stock': '常山北明', '分类': '鸿蒙生态', '产业链': '软件开发', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布鸿蒙生态相关产品，常山北明作为生态合作伙伴被列入鸿蒙生态分类。'},
|
||
{'stock': '传智教育', '分类': '鸿蒙生态', '产业链': '教育培训', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布鸿蒙生态相关产品，传智教育作为生态合作伙伴被列入鸿蒙生态分类。'},
|
||
{'stock': '超图软件', '分类': '鸿蒙生态', '产业链': '地理信息系统', 'reason': '华为将在2024年4月11日鸿蒙春季沟通会上发布鸿蒙生态相关产品，超图软件作为生态合作伙伴被列入鸿蒙生态分类。'}
|
||
]
|
||
},
|
||
{
|
||
'鸿蒙PC(250506)': [
|
||
{'stock': '华勤技术', '分类': '硬件制造与核心零部件', '项目': '华为PC第一大ODM厂商', '产业链': '承担MateBook系列80%代工份额', 'reason': '华为PC第一大ODM厂商，承担MateBook系列超80%代工份额'},
|
||
{'stock': '光弘科技', '分类': '硬件制造与核心零部件', '项目': '华为EMS主力供应商', '产业链': 'PC主板占鸿蒙机型70%', 'reason': '华为EMS主力供应商，PC主板占鸿蒙机型70%，SiP封装技术推动毛利率提升至25%'},
|
||
{'stock': '翰博高新', '分类': '硬件制造与核心零部件', '项目': 'MiniLED背光模组供应商', '产业链': '对比度1000000:1，2024年预计供货50万套', 'reason': 'MiniLED背光模组供应商，对比度1000000:1，2024年预计供货50万套'},
|
||
{'stock': '福蓉科技', '分类': '硬件制造与核心零部件', '项目': '华为手机/平板结构件材料供应商', '产业链': '为华为手机、平板电脑提供结构件材料', 'reason': '公司为华为的手机、平板电脑提供结构件材料'},
|
||
{'stock': '智微智能', '分类': '硬件制造与核心零部件', '项目': '主板设计至整机组装全方案', '产业链': '支持x86/ARM双架构，华为"金牌供应商"', 'reason': '提供主板设计至整机组装全方案，支持x86/ARM双架构，是华为"金牌供应商"'},
|
||
{'stock': '星星科技', '分类': '硬件制造与核心零部件', '项目': '视窗防护屏供应商', '产业链': '主要应用于手机平板电脑等消费电子产品', 'reason': '公司主要从事各种视窗防护屏、触控显示模组及精密结构件的研发和制造，主要应用于手机平板电脑等消费电子产品。目前华为是公司重要的终端客户之一'},
|
||
{'stock': '莱宝高科', '分类': '硬件制造与核心零部件', '项目': '高端笔记本触控屏供应商', '产业链': '独家供应高端触控模组（4096级压感），单价超800元/套', 'reason': '华为高端笔记本触控屏供应商，独家供应高端触控模组（4096级压感），单价超800元/套'},
|
||
{'stock': '春秋电子', '分类': '硬件制造与核心零部件', '项目': '笔记本金属结构件龙头', '产业链': '纳米压铸工艺良品率95%，华为订单占比超40%', 'reason': '笔记本金属结构件龙头，纳米压铸工艺良品率95%，单车价值量200元，华为订单占比超40%'},
|
||
{'stock': '软通动力', '分类': '软件系统开发', '项目': '鸿蒙核心ISV', '产业链': '主导微信、支付宝等头部应用的鸿蒙化改造', 'reason': '华为鸿蒙核心ISV（独立软件供应商），主导微信、支付宝等头部应用的鸿蒙化改造，代码适配市场份额超50%'},
|
||
{'stock': '常山北明', '分类': '软件系统开发', '项目': '鸿蒙安全模块核心开发商', '产业链': '华为"多产品钻石级经销商"和"鸿蒙原生应用开发钻石服务商"', 'reason': '子公司北明软件为鸿蒙安全模块核心开发商，是华为"多产品钻石级经销商"和"鸿蒙原生应用开发钻石服务商"'},
|
||
{'stock': '拓维信息', '分类': '软件系统开发', '项目': '"异腾+鸿蒙"战略伙伴', '产业链': '提供AI算力解决方案，参与鸿蒙行业专属操作系统开发', 'reason': '华为"异腾+鸿蒙"战略伙伴，提供AI算力解决方案，参与教育、政务领域鸿蒙云平台建设，深度参与鸿蒙行业专属操作系统开发'},
|
||
{'stock': '芯海科技', '分类': '系统/芯片国产化', '项目': '鸿蒙PC专用ADC芯片供应商', '产业链': '替代TI方案成本降低20%，2024年出货量超1000万颗', 'reason': '鸿蒙PC专用ADC芯片供应商，替代TI方案成本降低20%，2024年出货量超1000万颗'},
|
||
{'stock': '深科技', '分类': '系统/芯片国产化', '项目': '独立DRAM内存芯片封测企业', '产业链': '超薄PoP封装技术将芯片厚度压缩至行业领先水平', 'reason': '国内最大的独立DRAM内存芯片封装测试企业，超薄PoP封装技术将芯片厚度压缩至行业领先水平'},
|
||
{'stock': '中科创达', '分类': '系统/芯片国产化', '项目': '鸿蒙OS核心组件开发商', '产业链': '魔方Rubik大模型应用于PC端多模态交互', 'reason': '鸿蒙OS核心组件开发商，魔方Rubik大模型应用于PC端多模态交互，智能座舱协同效应显著'},
|
||
{'stock': '京东方', '分类': '交互显示', '项目': '14英寸4K 120Hz OLED屏幕供应商', '产业链': '宽频驱动技术适配多场景显示需求', 'reason': '供应14英寸4K 120Hz OLED屏幕，宽频驱动技术适配多场景显示需求'},
|
||
{'stock': '光大同创', '分类': '交互显示', '项目': '碳纤维结构件主力供应商', '产业链': '受益AI笔记本轻量化趋势', 'reason': '碳纤维结构件主力供应商，受益AI笔记本轻量化趋势'},
|
||
{'stock': '万兴科技', '分类': '生态服务与场景延伸', '项目': '视频剪辑工具支持多端协同', '产业链': '用户转化率提升40%，订阅收入占比突破60%', 'reason': '鸿蒙PC版视频剪辑工具支持多端协同创作，用户转化率提升40%，订阅收入占比突破60%'},
|
||
{'stock': '九联科技', '分类': '生态服务与场景延伸', '项目': '全场景硬件制造及软件服务', '产业链': '物联网模块适配率高，鸿蒙系列产品接入DeepSeek平台', 'reason': '覆盖鸿蒙全场景硬件制造及软件服务，物联网模块适配率高，基于鸿蒙系统开发终端产品覆盖智能家居、智慧城市等领域，且其鸿蒙系列产品全面接入DeepSeek平台'},
|
||
{'stock': '科蓝软件', '分类': '生态服务与场景延伸', '项目': '鸿蒙PC首代操作系统HarmonyOS NEXT', '产业链': '金融系统响应速度小于0.5秒，覆盖80%国有银行交易数据', 'reason': '独家供应鸿蒙PC首代操作系统HarmonyOS NEXT，其金融系统响应速度小于0.5秒，覆盖80%国有银行交易数据，在ATM机智能化改造方面需求显著'},
|
||
{'stock': '慧为智能', '分类': '生态服务与场景延伸', '项目': '鸿蒙系统适配及硬件产品研发', '产业链': '与华为合作集中在鸿蒙系统适配、硬件产品研发及生态共建', 'reason': '慧为智能与华为的合作集中于鸿蒙系统适配、硬件产品研发及生态共建'},
|
||
{'stock': '润和软件', '分类': '生态服务与场景延伸', '项目': '开源鸿蒙代码贡献度前三', '产业链': '提供分布式开发套件，金融、工业领域解决方案已验证', 'reason': '开源鸿蒙代码贡献度排名前三，提供分布式开发套件，金融、工业领域解决方案已验证，金融数字化服务终端已覆盖2000+银行网点'},
|
||
{'stock': '东方中科', '分类': '生态服务与场景延伸', '项目': '鸿蒙PC生态首批开发者', '产业链': '政务/教育平板已量产，订单弹性大', 'reason': '子公司万里红为鸿蒙PC生态首批开发者，政务/教育平板已量产，订单弹性大'},
|
||
{'stock': '神州数码', '分类': '生态服务与场景延伸', '项目': '鲲鹏服务器核心分销商', '产业链': '联合发布"鲲鹏+"算力底座，政企客户覆盖率超80%', 'reason': '华为鲲鹏服务器核心分销商，联合发布"鲲鹏+"算力底座，政企客户覆盖率超80%'},
|
||
{'stock': '九联科技(鸿蒙机器人)', '分类': '24家生态使能单位', '项目': '鸿蒙机器人', 'reason': '九联科技在鸿蒙机器人领域'},
|
||
{'stock': '卓易信息(鸿蒙固件)', '分类': '24家生态使能单位', '项目': '鸿蒙固件', 'reason': '卓易信息在鸿蒙固件领域'},
|
||
{'stock': '锐明技术(鸿蒙智驾)', '分类': '24家生态使能单位', '项目': '鸿蒙智驾', 'reason': '锐明技术在鸿蒙智驾领域'},
|
||
{'stock': '诚迈科技(鸿蒙PC系统)', '分类': '24家生态使能单位', '项目': '鸿蒙PC系统', 'reason': '诚迈科技在鸿蒙PC系统领域'},
|
||
{'stock': '洲明科技(鸿蒙智慧杆)', '分类': '24家生态使能单位', '项目': '鸿蒙智慧杆', 'reason': '洲明科技在鸿蒙智慧杆领域'},
|
||
{'stock': '创维数字(鸿蒙电视)', '分类': '24家生态使能单位', '项目': '鸿蒙电视', 'reason': '创维数字在鸿蒙电视领域'},
|
||
{'stock': '广和通(鸿蒙5.5G)', '分类': '24家生态使能单位', '项目': '鸿蒙5.5G', 'reason': '广和通在鸿蒙5.5G领域'},
|
||
{'stock': '金溢科技(鸿蒙智慧交通)', '分类': '24家生态使能单位', '项目': '鸿蒙智慧交通', 'reason': '金溢科技在鸿蒙智慧交通领域'},
|
||
{'stock': '证通电子(鸿蒙金融硬件)', '分类': '24家生态使能单位', '项目': '鸿蒙金融硬件', 'reason': '证通电子在鸿蒙金融硬件领域'},
|
||
{'stock': '新大陆(鸿蒙支付)', '分类': '24家生态使能单位', '项目': '鸿蒙支付', 'reason': '新大陆在鸿蒙支付领域'},
|
||
{'stock': '芯海科技(鸿蒙芯片)', '分类': '24家生态使能单位', '项目': '鸿蒙芯片', 'reason': '芯海科技在鸿蒙芯片领域'},
|
||
{'stock': '新国都(鸿蒙支付)', '分类': '24家生态使能单位', '项目': '鸿蒙支付', 'reason': '新国都在鸿蒙支付领域'}
|
||
]
|
||
}
|
||
];
|
||
|
||
// 填充华为鸿蒙股票表格
|
||
const huaweiTable = document.getElementById('huawei-stock-table');
|
||
const huaweiStocks = stockData[0]['华为鸿蒙(240408)'];
|
||
|
||
huaweiStocks.forEach(stock => {
|
||
const row = document.createElement('tr');
|
||
row.className = 'border-b border-gray-700 hover:bg-gray-800 hover:bg-opacity-30 transition-colors';
|
||
row.innerHTML = `
|
||
<td class="py-3 font-semibold text-white">${stock.stock}</td>
|
||
<td class="py-3">
|
||
<span class="px-2 py-1 bg-blue-600 bg-opacity-20 text-blue-300 rounded-full text-xs">
|
||
${stock.分类}
|
||
</span>
|
||
</td>
|
||
<td class="py-3 text-sm">${stock.产业链}</td>
|
||
<td class="py-3 text-sm">${stock.reason}</td>
|
||
`;
|
||
huaweiTable.appendChild(row);
|
||
});
|
||
|
||
// 填充鸿蒙PC股票表格
|
||
const harmonyPCTable = document.getElementById('harmony-pc-table');
|
||
const harmonyPCStocks = stockData[1]['鸿蒙PC(250506)'];
|
||
|
||
harmonyPCStocks.forEach(stock => {
|
||
const row = document.createElement('tr');
|
||
row.className = 'border-b border-gray-700 hover:bg-gray-800 hover:bg-opacity-30 transition-colors';
|
||
row.innerHTML = `
|
||
<td class="py-3 font-semibold text-white">${stock.stock}</td>
|
||
<td class="py-3">
|
||
<span class="px-2 py-1 bg-purple-600 bg-opacity-20 text-purple-300 rounded-full text-xs">
|
||
${stock.分类}
|
||
</span>
|
||
</td>
|
||
<td class="py-3">
|
||
<div class="text-sm">
|
||
<div class="font-semibold text-gray-200">${stock.项目 || '-'}</div>
|
||
<div class="text-gray-400 text-xs">${stock.产业链 || '-'}</div>
|
||
</div>
|
||
</td>
|
||
<td class="py-3 text-sm">${stock.reason}</td>
|
||
`;
|
||
harmonyPCTable.appendChild(row);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |