update pay ui
This commit is contained in:
@@ -1,537 +1,450 @@
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN" data-theme="dark">
|
||||
<html lang="zh-CN" data-theme="night">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>乐聚机器人 - 人形机器人产业链核心标的深度解析</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.19/dist/full.min.css" rel="stylesheet" type="text/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/@fortawesome/fontawesome-free@6.5.1/css/all.min.css" rel="stylesheet">
|
||||
<title>乐聚机器人 - 深度投研报告</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.1/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
|
||||
<style>
|
||||
@keyframes float {
|
||||
0%, 100% { transform: translateY(0px); }
|
||||
50% { transform: translateY(-10px); }
|
||||
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;700;800&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Manrope', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||
background-color: #010010;
|
||||
overflow-x: hidden;
|
||||
color: #d1d5db; /* gray-300 */
|
||||
}
|
||||
|
||||
.float-animation {
|
||||
animation: float 3s ease-in-out infinite;
|
||||
.fui-bg {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
background-image:
|
||||
radial-gradient(circle at 15% 25%, rgba(66, 153, 225, 0.15) 0%, transparent 40%),
|
||||
radial-gradient(circle at 85% 75%, rgba(128, 90, 213, 0.15) 0%, transparent 40%),
|
||||
radial-gradient(circle at 50% 50%, rgba(49, 46, 129, 0.1) 0%, transparent 30%);
|
||||
animation: pulse-lights 20s infinite ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes pulse-lights {
|
||||
0% {
|
||||
background-image:
|
||||
radial-gradient(circle at 15% 25%, rgba(66, 153, 225, 0.15) 0%, transparent 40%),
|
||||
radial-gradient(circle at 85% 75%, rgba(128, 90, 213, 0.15) 0%, transparent 40%),
|
||||
radial-gradient(circle at 50% 50%, rgba(49, 46, 129, 0.1) 0%, transparent 30%);
|
||||
}
|
||||
50% {
|
||||
background-image:
|
||||
radial-gradient(circle at 25% 65%, rgba(66, 153, 225, 0.18) 0%, transparent 45%),
|
||||
radial-gradient(circle at 75% 15%, rgba(128, 90, 213, 0.18) 0%, transparent 45%),
|
||||
radial-gradient(circle at 40% 60%, rgba(49, 46, 129, 0.15) 0%, transparent 35%);
|
||||
}
|
||||
100% {
|
||||
background-image:
|
||||
radial-gradient(circle at 15% 25%, rgba(66, 153, 225, 0.15) 0%, transparent 40%),
|
||||
radial-gradient(circle at 85% 75%, rgba(128, 90, 213, 0.15) 0%, transparent 40%),
|
||||
radial-gradient(circle at 50% 50%, rgba(49, 46, 129, 0.1) 0%, transparent 30%);
|
||||
}
|
||||
}
|
||||
|
||||
.glass-card {
|
||||
background: rgba(17, 24, 39, 0.6); /* gray-900 with alpha */
|
||||
backdrop-filter: blur(16px);
|
||||
-webkit-backdrop-filter: blur(16px);
|
||||
border: 1px solid rgba(55, 65, 81, 0.6); /* gray-700 with alpha */
|
||||
border-radius: 24px; /* rounded-3xl */
|
||||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||||
}
|
||||
|
||||
.glow-text {
|
||||
text-shadow: 0 0 8px rgba(167, 139, 250, 0.6), 0 0 20px rgba(99, 102, 241, 0.4);
|
||||
}
|
||||
|
||||
.timeline-line {
|
||||
background: linear-gradient(180deg, #3b82f6 0%, #8b5cf6 100%);
|
||||
}
|
||||
|
||||
.glass-effect {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
backdrop-filter: blur(10px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.gradient-text {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
.section-title {
|
||||
font-size: 1.875rem; /* text-3xl */
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.025em;
|
||||
color: #f9fafb; /* gray-50 */
|
||||
text-shadow: 0 0 10px rgba(196, 181, 253, 0.5);
|
||||
background: linear-gradient(90deg, #a78bfa, #c4b5fd);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.card-hover {
|
||||
transition: all 0.3s ease;
|
||||
.bento-grid {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
}
|
||||
|
||||
.card-hover:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
|
||||
|
||||
.bento-item {
|
||||
grid-column: span 12;
|
||||
}
|
||||
|
||||
.table-responsive {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.bento-item-span-4 { grid-column: span 4; }
|
||||
.bento-item-span-6 { grid-column: span 6; }
|
||||
.bento-item-span-8 { grid-column: span 8; }
|
||||
.bento-item-span-12 { grid-column: span 12; }
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.table-responsive table {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.table thead th {
|
||||
background-color: rgba(31, 41, 55, 0.7);
|
||||
color: #d1d5db;
|
||||
}
|
||||
.table tbody tr {
|
||||
background-color: rgba(17, 24, 39, 0.5);
|
||||
border-bottom-color: rgba(55, 65, 81, 0.6);
|
||||
}
|
||||
.table tbody tr:hover {
|
||||
background-color: rgba(31, 41, 55, 0.8);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-gray-900 text-gray-100">
|
||||
<!-- Hero Section -->
|
||||
<div class="hero min-h-screen bg-gradient-to-br from-blue-900 via-purple-900 to-pink-900">
|
||||
<div class="hero-content flex-col lg:flex-row-reverse">
|
||||
<div class="text-center lg:text-left p-8">
|
||||
<div class="badge badge-info mb-4">人形机器人 · 具身智能 · 华为生态</div>
|
||||
<h1 class="text-5xl font-bold gradient-text mb-6">乐聚机器人</h1>
|
||||
<p class="text-xl mb-8">从"实验室"走向"生产线"的关键样本</p>
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<div class="stat bg-blue-800 bg-opacity-50 rounded-lg p-4">
|
||||
<div class="stat-title">Pre-IPO融资</div>
|
||||
<div class="stat-value text-2xl">15亿元</div>
|
||||
</div>
|
||||
<div class="stat bg-purple-800 bg-opacity-50 rounded-lg p-4">
|
||||
<div class="stat-title">2025交付目标</div>
|
||||
<div class="stat-value text-2xl">1000-2000台</div>
|
||||
</div>
|
||||
<div class="stat bg-pink-800 bg-opacity-50 rounded-lg p-4">
|
||||
<div class="stat-title">合作场景</div>
|
||||
<div class="stat-value text-2xl">4大场景</div>
|
||||
</div>
|
||||
</div>
|
||||
<body class="min-h-screen">
|
||||
<div class="fui-bg"></div>
|
||||
<div class="container mx-auto p-4 md:p-8 space-y-12">
|
||||
<!-- Header -->
|
||||
<header class="text-center py-8">
|
||||
<h1 class="text-5xl md:text-7xl font-extrabold glow-text bg-gradient-to-r from-purple-400 via-indigo-400 to-cyan-400 bg-clip-text text-transparent mb-4">
|
||||
乐聚机器人
|
||||
</h1>
|
||||
<p class="text-xl text-indigo-200">深度投研报告</p>
|
||||
<div class="mt-4 text-sm text-gray-500">
|
||||
<p>北京价值前沿科技有限公司 AI投研agent：“价小前投研”</p>
|
||||
<p>本报告为AI合成数据，投资需谨慎。报告生成时间：2024-05-21</p>
|
||||
</div>
|
||||
<div class="card glass-effect p-8 max-w-md float-animation">
|
||||
<img src="https://picsum.photos/seed/leju-robot/400/300.jpg" alt="乐聚机器人" class="rounded-xl mb-4">
|
||||
<div class="card-body p-0">
|
||||
<h2 class="card-title">KUAVO夸父人形机器人</h2>
|
||||
<p>国内首款具备跳跃能力、首款实现产业化落地、首款搭载鸿蒙操作系统的全尺寸人形机器人</p>
|
||||
<div class="card-actions justify-end">
|
||||
<div class="badge badge-outline">鸿蒙OS</div>
|
||||
<div class="badge badge-outline">盘古大模型</div>
|
||||
<div class="badge badge-outline">5G-A</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 核心逻辑 -->
|
||||
<div class="container mx-auto px-4 py-16">
|
||||
<h2 class="text-4xl font-bold text-center mb-12 gradient-text">核心驱动逻辑</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<div class="card bg-gradient-to-br from-blue-800 to-blue-600 p-8 card-hover">
|
||||
<div class="card-body">
|
||||
<h3 class="text-2xl font-bold mb-4">
|
||||
<i class="fas fa-microchip mr-2"></i>技术自研（硬实力）
|
||||
</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||||
<span>高韧性强扭矩复合材料舵机（国内首创）</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||||
<span>高性能模块化驱动单元（高密度、抗过载）</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||||
<span>基于全身动力学的步态算法</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||||
<span>"羲和"机器人操作系统（国产化）</span>
|
||||
<!-- Core Insight -->
|
||||
<section>
|
||||
<div class="glass-card p-8 md:p-12">
|
||||
<h2 class="section-title mb-6">核心观点摘要</h2>
|
||||
<p class="text-lg text-gray-200 leading-relaxed">
|
||||
乐聚机器人正处于从技术验证向 <strong class="text-purple-300">商业化早期</strong> 过渡的关键阶段。其核心驱动力在于 <strong class="text-indigo-300">深度绑定华为生态（盘古大模型 + 鸿蒙系统）</strong> 所形成的软硬件一体化优势。当前市场对其抱有极高期待，但其未来潜力能否兑现，取决于公司能否有效解决 <strong class="text-cyan-300">产能规模化扩张</strong> 与 <strong class="text-cyan-300">商业场景价值闭环</strong> 两大核心挑战。
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Bento Grid Data Display -->
|
||||
<section class="bento-grid">
|
||||
<div class="bento-item bento-item-span-8 glass-card p-6 min-h-[400px]">
|
||||
<h3 class="font-bold text-xl text-gray-100 mb-4">交付量与产能预测</h3>
|
||||
<div id="deliveryChart" style="width: 100%; height: 350px;"></div>
|
||||
</div>
|
||||
<div class="bento-item bento-item-span-4 glass-card p-6 space-y-4">
|
||||
<h3 class="font-bold text-xl text-gray-100 mb-2">融资历程</h3>
|
||||
<div class="space-y-3 text-sm">
|
||||
<p><strong class="text-indigo-300">2017 (A轮):</strong> 腾讯、深创投</p>
|
||||
<p><strong class="text-indigo-300">2025-07:</strong> 完成新一轮融资</p>
|
||||
<p><strong class="text-indigo-300">2025-10 (Pre-IPO):</strong> 近 <span class="text-2xl font-bold text-cyan-300">15亿</span> 元，深投控、拓普集团、东方精工等领投</p>
|
||||
<p><strong class="text-indigo-300">2025-10-30:</strong> 启动IPO辅导备案，预计2026年完成</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bento-item bento-item-span-6 glass-card p-6">
|
||||
<h3 class="font-bold text-xl text-gray-100 mb-4">里程碑事件</h3>
|
||||
<ul class="timeline timeline-snap-icon timeline-compact timeline-vertical">
|
||||
<li>
|
||||
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-indigo-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
|
||||
<div class="timeline-end text-sm mb-4"><strong>2016-2022:</strong> 公司成立，技术积累，发布AELOS、ROBAN等系列。</div><hr class="bg-indigo-700"/>
|
||||
</li>
|
||||
<li>
|
||||
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-indigo-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
|
||||
<div class="timeline-end text-sm mb-4"><strong>2023:</strong> 发布全尺寸人形机器人Kuavo，首次集成开源鸿蒙系统。</div><hr class="bg-indigo-700"/>
|
||||
</li>
|
||||
<li>
|
||||
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-indigo-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
|
||||
<div class="timeline-end text-sm mb-4"><strong>2024:</strong> 江苏产线启动 (年产200台)，发布5G-A具身智能机器人。</div><hr class="bg-indigo-700"/>
|
||||
</li>
|
||||
<li>
|
||||
<div class="timeline-middle"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-indigo-400"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd" /></svg></div>
|
||||
<div class="timeline-end text-sm"><strong>2025:</strong> Q1交付300台，中标8295万项目，完成股改。</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bento-item bento-item-span-6 glass-card p-6">
|
||||
<h3 class="font-bold text-xl text-gray-100 mb-4">核心逻辑 & 市场认知</h3>
|
||||
<div class="space-y-4 text-sm leading-relaxed text-gray-300">
|
||||
<p><strong class="text-indigo-300">技术与生态协同:</strong> 核心逻辑是 “<span class="font-semibold text-white">乐聚本体 (小脑+肢体) + 华为生态 (大脑+神经系统)</span>” 的深度融合。通过盘古大模型与鸿蒙OS，快速解决智能化瓶颈。</p>
|
||||
<p><strong class="text-indigo-300">先发优势与场景卡位:</strong> 国内最早实现百台级交付，覆盖 <span class="font-semibold text-white">工业智造、商业服务、科研教育</span> 三大场景，积累宝贵真实世界数据。</p>
|
||||
<p><strong class="text-indigo-300">产业资本加持:</strong> 引入东方精工、拓普集团等产业资本，并成立合资公司，通过绑定上下游伙伴加速规模化进程。</p>
|
||||
<p><strong class="text-red-400">预期差分析:</strong> 市场对 <span class="font-semibold text-white">年产1万台</span> 的高预期，与当前已建成的 <span class="font-semibold text-white">年产200台</span> 产线存在巨大鸿沟，这是最大的风险点和待验证项。</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Detailed Analysis -->
|
||||
<section class="space-y-8">
|
||||
<!-- Catalysts & Path -->
|
||||
<div class="glass-card p-8" x-data="{ open: false }">
|
||||
<div class="flex justify-between items-center cursor-pointer" @click="open = !open">
|
||||
<h2 class="section-title">关键催化剂与发展路径</h2>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo-300 transition-transform" :class="{ 'rotate-180': open }" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</div>
|
||||
<div x-show="open" x-collapse.duration.500ms class="mt-6 text-gray-300 space-y-4 leading-relaxed">
|
||||
<div>
|
||||
<h4 class="font-bold text-lg text-purple-300">近期催化剂 (未来3-6个月)</h4>
|
||||
<ul class="list-disc list-inside ml-4 space-y-2 mt-2">
|
||||
<li><strong class="text-white">IPO进程关键节点:</strong> 预计2026年3-6月完成辅导，招股书披露将是最大催化剂，将首次公开财务、订单、毛利率等核心数据。</li>
|
||||
<li><strong class="text-white">重大订单或新场景落地:</strong> 继8295万训练中心项目后，若能宣布与头部企业达成更大规模商业订单，将提振市场信心。</li>
|
||||
<li><strong class="text-white">与华为合作成果发布:</strong> 在HDC等场合发布基于盘古大模型和鸿蒙的新一代机器人或重大功能升级。</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-lg text-purple-300">长期发展路径 (“三步走”战略)</h4>
|
||||
<ul class="list-disc list-inside ml-4 space-y-2 mt-2">
|
||||
<li><strong>第一阶段 (当前-2026):</strong> 以汽车制造等工业场景为切入点，完成从百台到万台级的交付，跑通商业模式并摊薄成本。</li>
|
||||
<li><strong>第二阶段 (2026-2028):</strong> 向商业服务 (展会、安防)、特种领域 (应急救援) 等高附加值场景拓展。</li>
|
||||
<li><strong>第三阶段 (2028以后):</strong> 随着成本下降和AI成熟，与海尔等巨头合作，最终进入万亿级家庭服务市场。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Risks & Challenges -->
|
||||
<div class="glass-card p-8" x-data="{ open: false }">
|
||||
<div class="flex justify-between items-center cursor-pointer" @click="open = !open">
|
||||
<h2 class="section-title">潜在风险与挑战</h2>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo-300 transition-transform" :class="{ 'rotate-180': open }" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</div>
|
||||
<div x-show="open" x-collapse.duration.500ms class="mt-6 text-gray-300 space-y-4 leading-relaxed">
|
||||
<ul class="list-disc list-inside ml-4 space-y-3">
|
||||
<li><strong class="text-red-300">技术风险:</strong> 高动态运动控制、灵巧手操作、物理世界交互泛化能力仍是行业瓶颈。行业技术仍在快速迭代，需持续高研发投入。</li>
|
||||
<li><strong class="text-red-300">商业化风险:</strong> 当前成本高昂，其在工业场景的投资回报率 (ROI) 尚未大规模验证。创始人曾警示行业可能进入“冷静期”，需思考场景价值。</li>
|
||||
<li><strong class="text-red-300">竞争风险:</strong> 国内外竞争加剧，特斯拉、宇树科技、优必选等快速追赶，未来可能出现价格战，压缩利润空间。</li>
|
||||
<li><strong class="text-red-300">信息交叉验证风险:</strong>
|
||||
<ul class="list-decimal list-inside ml-6 mt-1 text-sm">
|
||||
<li><strong>产能矛盾:</strong> 年产200台的已建成产能与年产1万台的规划产能存在巨大鸿沟。</li>
|
||||
<li><strong>华为合作口径:</strong> 官方曾对“与华为合作2025年量产”的消息予以否认，市场解读可能比实际进度更激进。</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-gradient-to-br from-purple-800 to-purple-600 p-8 card-hover">
|
||||
<div class="card-body">
|
||||
<h3 class="text-2xl font-bold mb-4">
|
||||
<i class="fas fa-network-wired mr-2"></i>生态赋能（软实力）
|
||||
</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||||
<span>华为鸿蒙OS（解决互联互通）</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||||
<span>华为盘古大模型（提供认知大脑）</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||||
<span>5G-A技术（低延迟高可靠）</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check-circle text-green-400 mt-1 mr-2"></i>
|
||||
<span>开源鸿蒙生态共享</span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Stock Data -->
|
||||
<section class="space-y-8">
|
||||
<div class="glass-card p-8">
|
||||
<h2 class="section-title mb-6">产业链与核心公司</h2>
|
||||
<div class="w-full">
|
||||
<table class="table table-zebra w-full text-sm">
|
||||
<thead class="text-base">
|
||||
<tr>
|
||||
<th>公司名称</th>
|
||||
<th>股票代码</th>
|
||||
<th>关联类型</th>
|
||||
<th>具体原因</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>东方精工</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=002611" target="_blank" class="link link-hover text-indigo-300">002611</a></td>
|
||||
<td><div class="badge badge-primary">参股/合资/合作</div></td>
|
||||
<td>直接持股6.83%，并设立合资公司，在生产制造、售后服务、市场推广等方面进行战略合作。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>和而泰</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=002402" target="_blank" class="link link-hover text-indigo-300">002402</a></td>
|
||||
<td><div class="badge badge-secondary">合资公司</div></td>
|
||||
<td>与乐聚、东方精工成立合资公司“和聚智控”，聚焦机器人的核心控制系统及部件。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>兆丰股份</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=300695" target="_blank" class="link link-hover text-indigo-300">300695</a></td>
|
||||
<td><div class="badge badge-primary">参股</div></td>
|
||||
<td>通过基金间接持股乐聚机器人约2.58%，并已成立合资公司。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>豪森智能</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=688529" target="_blank" class="link link-hover text-indigo-300">688529</a></td>
|
||||
<td><div class="badge badge-accent">合作</div></td>
|
||||
<td>与乐聚展开合作交流，聚焦工业场景下“具身智能技术协同与产业落地”。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>巨一科技</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=688162" target="_blank" class="link link-hover text-indigo-300">688162</a></td>
|
||||
<td><div class="badge badge-accent">合作</div></td>
|
||||
<td>签订联合开发协议，共同开发工业应用解决方案，进行场景适配训练与未来落地。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>富佳股份</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=603219" target="_blank" class="link link-hover text-indigo-300">603219</a></td>
|
||||
<td><div class="badge badge-accent">合作</div></td>
|
||||
<td>控股子公司宁波益佳电子为乐聚机器人代工各类线路板，是其上游供应商。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>蓝黛科技</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=002765" target="_blank" class="link link-hover text-indigo-300">002765</a></td>
|
||||
<td><div class="badge badge-warning">传闻/潜在</div></td>
|
||||
<td>市场传闻其为乐聚独家供应关节模组总成订单（未经证实），公司回应模糊。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>亨通光电</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=600487" target="_blank" class="link link-hover text-indigo-300">600487</a></td>
|
||||
<td><div class="badge badge-accent">合作</div></td>
|
||||
<td>签署战略合作协议，探索人形机器人在工业场景的规模化应用。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>中国移动</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=600941" target="_blank" class="link link-hover text-indigo-300">600941</a></td>
|
||||
<td><div class="badge badge-info">夸父机器人</div></td>
|
||||
<td>联合华为、乐聚发布全球首款5G-A具身智能机器人“夸父”(KUAVO)。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>海尔智家</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=600690" target="_blank" class="link link-hover text-indigo-300">600690</a></td>
|
||||
<td><div class="badge badge-info">夸父机器人</div></td>
|
||||
<td>与乐聚联合开发，并发布国内首款家庭服务人形机器人。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>上汽集团</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=600104" target="_blank" class="link link-hover text-indigo-300">600104</a></td>
|
||||
<td><div class="badge badge-primary">参股</div></td>
|
||||
<td>通过无锡上汽基金间接持股乐聚机器人1.17%。</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>中兴通讯</td>
|
||||
<td><a href="https://valuefrontier.cn/company?scode=000063" target="_blank" class="link link-hover text-indigo-300">000063</a></td>
|
||||
<td><div class="badge badge-primary">参股</div></td>
|
||||
<td>通过深创投间接持股乐聚机器人0.01%。</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="text-center py-6">
|
||||
<p class="text-sm text-gray-600">本报告由价值前沿AI投研模型生成，所有信息均来自公开数据，不构成任何投资建议。</p>
|
||||
<p class="text-sm text-gray-600">© 2024 北京价值前沿科技有限公司. All Rights Reserved.</p>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 发展时间线 -->
|
||||
<div class="bg-gray-800 py-16">
|
||||
<div class="container mx-auto px-4">
|
||||
<h2 class="text-4xl font-bold text-center mb-12 gradient-text">发展历程</h2>
|
||||
<div class="relative">
|
||||
<div class="absolute left-1/2 transform -translate-x-1/2 w-1 h-full timeline-line"></div>
|
||||
|
||||
<div class="mb-8 flex items-center w-full">
|
||||
<div class="w-5/12 text-right pr-8">
|
||||
<div class="glass-effect p-4 rounded-lg">
|
||||
<h3 class="font-bold text-lg">2016年</h3>
|
||||
<p>公司成立，第一代仿人机器人AELOS上市</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-2/12 flex justify-center">
|
||||
<div class="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center text-white font-bold">
|
||||
1
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-5/12"></div>
|
||||
</div>
|
||||
|
||||
<div class="mb-8 flex items-center w-full">
|
||||
<div class="w-5/12"></div>
|
||||
<div class="w-2/12 flex justify-center">
|
||||
<div class="w-12 h-12 bg-purple-500 rounded-full flex items-center justify-center text-white font-bold">
|
||||
2
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-5/12 pl-8">
|
||||
<div class="glass-effect p-4 rounded-lg">
|
||||
<h3 class="font-bold text-lg">2018年</h3>
|
||||
<p>亮相平昌冬奥会"北京8分钟"</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-8 flex items-center w-full">
|
||||
<div class="w-5/12 text-right pr-8">
|
||||
<div class="glass-effect p-4 rounded-lg">
|
||||
<h3 class="font-bold text-lg">2023年</h3>
|
||||
<p>发布高动态全尺寸人形机器人KUAVO</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-2/12 flex justify-center">
|
||||
<div class="w-12 h-12 bg-pink-500 rounded-full flex items-center justify-center text-white font-bold">
|
||||
3
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-5/12"></div>
|
||||
</div>
|
||||
|
||||
<div class="mb-8 flex items-center w-full">
|
||||
<div class="w-5/12"></div>
|
||||
<div class="w-2/12 flex justify-center">
|
||||
<div class="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center text-white font-bold">
|
||||
4
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-5/12 pl-8">
|
||||
<div class="glass-effect p-4 rounded-lg">
|
||||
<h3 class="font-bold text-lg">2024年</h3>
|
||||
<p>江苏省首条人形机器人产线启动（年产200台）</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-8 flex items-center w-full">
|
||||
<div class="w-5/12 text-right pr-8">
|
||||
<div class="glass-effect p-4 rounded-lg">
|
||||
<h3 class="font-bold text-lg">2025年</h3>
|
||||
<p>完成15亿元Pre-IPO融资，更名股份公司</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-2/12 flex justify-center">
|
||||
<div class="w-12 h-12 bg-yellow-500 rounded-full flex items-center justify-center text-white font-bold">
|
||||
5
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-5/12"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 商业化进展 -->
|
||||
<div class="container mx-auto px-4 py-16">
|
||||
<h2 class="text-4xl font-bold text-center mb-12 gradient-text">商业化落地进展</h2>
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<div class="stat bg-gradient-to-br from-blue-700 to-blue-500 p-6 rounded-xl text-center">
|
||||
<div class="stat-figure text-primary">
|
||||
<i class="fas fa-industry text-5xl"></i>
|
||||
</div>
|
||||
<div class="stat-title">工业场景</div>
|
||||
<div class="stat-value text-3xl">一汽红旗、蔚来</div>
|
||||
<div class="stat-desc">2025年已交付上百台</div>
|
||||
</div>
|
||||
<div class="stat bg-gradient-to-br from-purple-700 to-purple-500 p-6 rounded-xl text-center">
|
||||
<div class="stat-figure text-secondary">
|
||||
<i class="fas fa-graduation-cap text-5xl"></i>
|
||||
</div>
|
||||
<div class="stat-title">教育场景</div>
|
||||
<div class="stat-value text-3xl">4000+</div>
|
||||
<div class="stat-desc">学校机构覆盖</div>
|
||||
</div>
|
||||
<div class="stat bg-gradient-to-br from-green-700 to-green-500 p-6 rounded-xl text-center">
|
||||
<div class="stat-figure text-accent">
|
||||
<i class="fas fa-truck text-5xl"></i>
|
||||
</div>
|
||||
<div class="stat-title">物流场景</div>
|
||||
<div class="stat-value text-3xl">Fluvo</div>
|
||||
<div class="stat-desc">医院物流机器人</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 产业链图谱 -->
|
||||
<div class="bg-gray-800 py-16">
|
||||
<div class="container mx-auto px-4">
|
||||
<h2 class="text-4xl font-bold text-center mb-12 gradient-text">产业链核心公司</h2>
|
||||
<div class="alert alert-info mb-8">
|
||||
<i class="fas fa-info-circle mr-2"></i>
|
||||
<span>以下数据基于工商信息、公告和新闻报道整理</span>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto table-responsive">
|
||||
<table class="table w-full text-gray-100">
|
||||
<thead>
|
||||
<tr class="bg-gray-700">
|
||||
<th>股票代码</th>
|
||||
<th>关联类型</th>
|
||||
<th>具体内容</th>
|
||||
<th>信息来源</th>
|
||||
<th>重要性</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-blue-400">东方精工</td>
|
||||
<td><span class="badge badge-primary">直接持股</span></td>
|
||||
<td>直接持股乐聚机器人6.83%</td>
|
||||
<td>工商登记</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-1" class="mask mask-star-2 bg-orange-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-blue-400">东方精工</td>
|
||||
<td><span class="badge badge-secondary">战略合作</span></td>
|
||||
<td>生产制造、场景拓展、业务推广全方位合作</td>
|
||||
<td>公司公告</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-blue-400">东方精工</td>
|
||||
<td><span class="badge badge-accent">合资公司</span></td>
|
||||
<td>和聚智控(东方精工60%)、东方元启智能机器人</td>
|
||||
<td>工商/互动</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-3" class="mask mask-star-2 bg-orange-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-green-400">蓝黛科技</td>
|
||||
<td><span class="badge badge-warning">传闻供应</span></td>
|
||||
<td>独家供应关节模组(传闻5-10万套/年)</td>
|
||||
<td>市场传闻</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-4" class="mask mask-star-2 bg-yellow-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-green-400">蓝黛科技</td>
|
||||
<td><span class="badge badge-accent">合资公司</span></td>
|
||||
<td>无锡泉智博科技(蓝黛4.35%、乐聚4.96%)</td>
|
||||
<td>公司公告</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-5" class="mask mask-star-2 bg-orange-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-purple-400">富佳股份</td>
|
||||
<td><span class="badge badge-info">代工合作</span></td>
|
||||
<td>控股子公司为乐聚代工各类线路板</td>
|
||||
<td>互动平台</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-6" class="mask mask-star-2 bg-blue-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-purple-400">豪森智能</td>
|
||||
<td><span class="badge badge-secondary">战略合作</span></td>
|
||||
<td>聚焦工业场景"具身智能技术协同与产业落地"</td>
|
||||
<td>乐聚公众号</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-7" class="mask mask-star-2 bg-blue-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-purple-400">海晨股份</td>
|
||||
<td><span class="badge badge-secondary">战略合作</span></td>
|
||||
<td>围绕智能物流机器人、自动化仓储系统合作</td>
|
||||
<td>互动平台</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-8" class="mask mask-star-2 bg-blue-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-yellow-400">和而泰</td>
|
||||
<td><span class="badge badge-accent">合资公司</span></td>
|
||||
<td>深圳和聚智控(和而泰60%、东方精工15%、乐聚15%)</td>
|
||||
<td>工商/互动</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-9" class="mask mask-star-2 bg-orange-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-pink-400">中国移动</td>
|
||||
<td><span class="badge badge-success">产品合作</span></td>
|
||||
<td>联合发布全球首款5G-A具身智能机器人"夸父"</td>
|
||||
<td>新闻</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-10" class="mask mask-star-2 bg-blue-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-gray-700">
|
||||
<td class="font-bold text-pink-400">海尔智家</td>
|
||||
<td><span class="badge badge-success">产品合作</span></td>
|
||||
<td>联合开发国内首款家庭服务人形机器人</td>
|
||||
<td>互动/新闻</td>
|
||||
<td><div class="rating rating-sm">
|
||||
<input type="radio" name="rating-11" class="mask mask-star-2 bg-blue-400" checked disabled />
|
||||
</div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 风险分析 -->
|
||||
<div class="container mx-auto px-4 py-16">
|
||||
<h2 class="text-4xl font-bold text-center mb-12 gradient-text">潜在风险与挑战</h2>
|
||||
<div class="space-y-6">
|
||||
<div class="alert alert-warning">
|
||||
<i class="fas fa-exclamation-triangle mr-2"></i>
|
||||
<div>
|
||||
<h3 class="font-bold text-lg mb-2">技术风险</h3>
|
||||
<p>具身智能的终极实现依赖于AI大模型在物理世界中的泛化能力，机器人面对非结构化环境的自主决策能力仍是巨大挑战</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-error">
|
||||
<i class="fas fa-bomb mr-2"></i>
|
||||
<div>
|
||||
<h3 class="font-bold text-lg mb-2">商业化风险</h3>
|
||||
<p>全尺寸机器人当前售价"大几十万"，降至工业场景可接受的20-30万需要漫长的供应链成熟过程</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<i class="fas fa-users mr-2"></i>
|
||||
<div>
|
||||
<h3 class="font-bold text-lg mb-2">竞争风险</h3>
|
||||
<p>人形机器人已成为全球科技竞争焦点，特斯拉、优必选等巨头纷纷入局，技术迭代和价格战可能随时爆发</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert">
|
||||
<i class="fas fa-question-circle mr-2"></i>
|
||||
<div>
|
||||
<h3 class="font-bold text-lg mb-2">信息交叉验证风险</h3>
|
||||
<p>蓝黛科技关节模组独家供应的市场传言与公司官方模糊回应存在矛盾，需警惕基于未经证实信息的市场炒作</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 投资启示 -->
|
||||
<div class="bg-gradient-to-br from-blue-900 to-purple-900 py-16">
|
||||
<div class="container mx-auto px-4">
|
||||
<h2 class="text-4xl font-bold text-center mb-12 text-white">投资启示</h2>
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<div class="card glass-effect p-6">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-2xl mb-4">
|
||||
<i class="fas fa-crown text-yellow-400 mr-2"></i>最纯粹标的
|
||||
</h3>
|
||||
<p class="mb-4">东方精工通过股权+制造双绑定，深度分享乐聚成长红利</p>
|
||||
<div class="badge badge-warning">高风险高收益</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card glass-effect p-6">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-2xl mb-4">
|
||||
<i class="fas fa-shield-alt text-blue-400 mr-2"></i>稳健选择
|
||||
</h3>
|
||||
<p class="mb-4">布局为所有机器人厂商提供核心零部件的"卖铲人"</p>
|
||||
<div class="badge badge-info">中风险中收益</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card glass-effect p-6">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-2xl mb-4">
|
||||
<i class="fas fa-rocket text-green-400 mr-2"></i>场景落地
|
||||
</h3>
|
||||
<p class="mb-4">豪森智能、海晨股份等将机器人转化为客户愿意付费的解决方案</p>
|
||||
<div class="badge badge-success">确定性较高</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-12 text-center">
|
||||
<p class="text-xl text-white mb-4">关键跟踪指标</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<div class="badge badge-outline badge-lg">季度交付量</div>
|
||||
<div class="badge badge-outline badge-lg">ASP变化趋势</div>
|
||||
<div class="badge badge-outline badge-lg">IPO招股书</div>
|
||||
<div class="badge badge-outline badge-lg">供应链验证</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer footer-center p-10 bg-gray-900 text-base-content">
|
||||
<div>
|
||||
<p class="font-bold">
|
||||
乐聚机器人概念分析报告
|
||||
<br class="hidden sm:inline"/>数据来源：新闻、路演、Insight综合整理
|
||||
</p>
|
||||
<p>Copyright © 2024 - All right reserved</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="grid grid-flow-col gap-4">
|
||||
<a><i class="fab fa-github text-2xl"></i></a>
|
||||
<a><i class="fab fa-twitter text-2xl"></i></a>
|
||||
<a><i class="fab fa-linkedin text-2xl"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// 添加平滑滚动效果
|
||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||||
anchor.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
||||
behavior: 'smooth'
|
||||
});
|
||||
});
|
||||
});
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var chartDom = document.getElementById('deliveryChart');
|
||||
var myChart = echarts.init(chartDom, 'dark');
|
||||
var option;
|
||||
|
||||
// 添加滚动动画
|
||||
const observerOptions = {
|
||||
threshold: 0.1,
|
||||
rootMargin: '0px 0px -100px 0px'
|
||||
};
|
||||
|
||||
const observer = new IntersectionObserver(function(entries) {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.style.opacity = '1';
|
||||
entry.target.style.transform = 'translateY(0)';
|
||||
}
|
||||
});
|
||||
}, observerOptions);
|
||||
|
||||
document.querySelectorAll('.card, .stat').forEach(el => {
|
||||
el.style.opacity = '0';
|
||||
el.style.transform = 'translateY(20px)';
|
||||
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
|
||||
observer.observe(el);
|
||||
option = {
|
||||
backgroundColor: 'transparent',
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'shadow'
|
||||
},
|
||||
backgroundColor: 'rgba(23, 29, 42, 0.8)',
|
||||
borderColor: '#4A5568',
|
||||
textStyle: {
|
||||
color: '#E2E8F0'
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
data: ['实际交付', '目标交付'],
|
||||
textStyle: {
|
||||
color: '#A0AEC0'
|
||||
},
|
||||
top: '5%'
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
data: ['2025 Q1', '2025 全年', '2026 全年'],
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: '#4A5568'
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
color: '#CBD5E0'
|
||||
}
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value',
|
||||
name: '单位: 台',
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: '#4A5568'
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
color: '#CBD5E0'
|
||||
},
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: 'rgba(74, 85, 104, 0.3)'
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '实际交付',
|
||||
type: 'bar',
|
||||
barWidth: '30%',
|
||||
data: [300, null, null],
|
||||
itemStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: '#805ad5' },
|
||||
{ offset: 1, color: '#553c9a' }
|
||||
]),
|
||||
borderRadius: [4, 4, 0, 0]
|
||||
},
|
||||
label: {
|
||||
show: true,
|
||||
position: 'top',
|
||||
color: '#C4B5FD',
|
||||
formatter: '{c} 台'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: '目标交付',
|
||||
type: 'bar',
|
||||
barWidth: '30%',
|
||||
data: [null, { value: 2000, label: { formatter: '1000-2000' } }, 10000],
|
||||
itemStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: '#319795' },
|
||||
{ offset: 1, color: '#2c7a7b' }
|
||||
]),
|
||||
borderRadius: [4, 4, 0, 0]
|
||||
},
|
||||
label: {
|
||||
show: true,
|
||||
position: 'top',
|
||||
color: '#81E6D9',
|
||||
formatter: '{c} 台'
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
myChart.setOption(option);
|
||||
window.addEventListener('resize', myChart.resize);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
Reference in New Issue
Block a user