update pay ui

This commit is contained in:
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions

View File

@@ -1,506 +1,424 @@
<!DOCTYPE html>
<html lang="zh-CN">
<html lang="zh-CN" data-theme="night">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>荣耀股改概念分析报告</title>
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- Tailwind CSS -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<style>
body {
font-family: 'Inter', sans-serif;
}
.timeline-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #3b82f6;
position: absolute;
left: -8px;
top: 6px;
}
.timeline-line {
position: absolute;
left: 0;
top: 22px;
bottom: -22px;
width: 2px;
background-color: #e5e7eb;
}
.timeline-item:last-child .timeline-line {
display: none;
}
#vanta-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.card {
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.85);
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-container {
overflow-x: scroll;
}
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>荣耀股改 - 深度概念投研报告</title>
<script src="https://cdn.tailwindcss.com"></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>
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Lexend', sans-serif;
background-color: #000010;
color: #E0E0E0;
overflow-x: hidden;
}
.glass-card {
background: rgba(20, 20, 40, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(100, 100, 224, 0.2);
border-radius: 1.5rem;
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(30, 30, 60, 0.6);
box-shadow: 0 0 30px rgba(76, 115, 255, 0.3);
border-color: rgba(120, 120, 255, 0.4);
}
.glow-text {
text-shadow: 0 0 8px rgba(137, 207, 235, 0.8), 0 0 12px rgba(0, 191, 255, 0.6);
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 1024px) {
.bento-item-span-4 { grid-column: span 4; }
.bento-item-span-5 { grid-column: span 5; }
.bento-item-span-6 { grid-column: span 6; }
.bento-item-span-7 { grid-column: span 7; }
.bento-item-span-8 { grid-column: span 8; }
.bento-item-span-12 { grid-column: span 12; }
}
.section-title {
font-size: 1.75rem;
font-weight: 600;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(100, 100, 224, 0.3);
margin-bottom: 1.5rem;
color: #d1d5db;
}
.bg-space {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
background: radial-gradient(ellipse at 70% 30%, rgba(30, 64, 175, 0.15) 0%, rgba(0,0,16,0) 60%),
radial-gradient(ellipse at 20% 80%, rgba(139, 92, 246, 0.15) 0%, rgba(0,0,16,0) 50%),
#000010;
}
.table thead th {
background-color: rgba(30, 30, 60, 0.7);
color: #a5b4fc;
}
.table tbody tr {
transition: background-color 0.2s ease-in-out;
}
.table tbody tr:hover {
background-color: rgba(45, 45, 80, 0.8);
}
[x-cloak] { display: none !important; }
</style>
</head>
<body class="bg-gray-50">
<div id="vanta-bg"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题和简介 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<div class="flex items-center mb-4">
<div class="bg-blue-500 text-white p-3 rounded-lg mr-4">
<i class="fas fa-chart-line text-2xl"></i>
</div>
<div>
<h1 class="text-3xl font-bold text-gray-800">荣耀股改概念分析报告</h1>
<p class="text-gray-600">荣耀股改收官IPO箭在弦上参股渠道商与核心供应链公司将在"估值+业绩"双轮驱动下迎来主升浪</p>
</div>
</div>
</div>
<body x-data="{ loaded: false }" x-init="() => { setTimeout(() => loaded = true, 100) }">
<div class="bg-space"></div>
<!-- 时间轴 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-history text-blue-500 mr-2"></i>
概念事件时间轴
</h2>
<div class="relative pl-8">
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-blue-50 p-4 rounded-lg">
<p class="font-semibold text-blue-700">2024年8月</p>
<p class="text-gray-700">荣耀官方首次表态计划Q4启动股份制改革之后"适时启动IPO"。</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-blue-50 p-4 rounded-lg">
<p class="font-semibold text-blue-700">2024年10月31日</p>
<p class="text-gray-700">独家报道新一轮股改引入中国电信、中金资本、基石资本、特发基金、金石星耀等5家机构。</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-blue-50 p-4 rounded-lg">
<p class="font-semibold text-blue-700">2024年11月25日</p>
<p class="text-gray-700">国家市监总局公示"荣耀终端股份有限公司"名称预核准。</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-blue-50 p-4 rounded-lg">
<p class="font-semibold text-blue-700">2024年12月18日</p>
<p class="text-gray-700">工商变更落地:原股东杭州微同退出,中金(常德)基金、中国电信投资等正式入股。</p>
</div>
</div>
<div class="timeline-item relative pb-8">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-blue-50 p-4 rounded-lg">
<p class="font-semibold text-blue-700">2024年12月28日</p>
<p class="text-gray-700">荣耀官宣:股份制改造完成,公司更名为荣耀终端股份有限公司,并确认"将适时启动IPO"。</p>
</div>
</div>
<div class="timeline-item relative">
<div class="timeline-dot"></div>
<div class="bg-blue-50 p-4 rounded-lg">
<p class="font-semibold text-blue-700">2025年1月1日</p>
<p class="text-gray-700">爱施德公告确认荣耀股改完成,并提示"未发现应披露而未披露的重大事项"。</p>
</div>
</div>
</div>
</div>
<div class="container mx-auto px-4 py-8 lg:py-12" x-show="loaded" x-transition:enter="transition ease-out duration-1000" x-transition:enter-start="opacity-0 transform -translate-y-8" x-transition:enter-end="opacity-100 transform translate-y-0" x-cloak>
<header class="text-center mb-12">
<h1 class="text-4xl lg:text-6xl font-bold glow-text bg-gradient-to-r from-purple-400 via-cyan-300 to-indigo-400 text-transparent bg-clip-text">荣耀股改</h1>
<h2 class="text-xl lg:text-2xl font-light text-slate-300 mt-2">深度概念投研报告</h2>
<p class="text-xs text-slate-500 mt-4 max-w-2xl mx-auto">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现本报告为AI合成数据投资需谨慎。
</p>
</header>
<!-- 核心观点摘要 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-lightbulb text-yellow-500 mr-2"></i>
核心观点摘要
</h2>
<div class="space-y-4">
<div class="bg-yellow-50 border-l-4 border-yellow-500 p-4 rounded">
<p class="font-semibold text-yellow-700">阶段判断</p>
<p class="text-gray-700">荣耀股改已实质性完成IPO进入"临门一脚"阶段,概念正由"主题预期"向"基本面兑现"过渡。</p>
</div>
<div class="bg-green-50 border-l-4 border-green-500 p-4 rounded">
<p class="font-semibold text-green-700">核心驱动力</p>
<ul class="list-disc list-inside text-gray-700 space-y-1">
<li>股权结构多元化带来的估值溢价</li>
<li>荣耀高端全球化+AI终端放量带来的业绩弹性</li>
<li>深国资与运营商资源协同</li>
</ul>
</div>
<div class="bg-purple-50 border-l-4 border-purple-500 p-4 rounded">
<p class="font-semibold text-purple-700">未来潜力</p>
<p class="text-gray-700">若2025 H1成功登陆科创板市值锚定30004000亿元区间参股渠道商及供应链公司有望迎来戴维斯双击。</p>
</div>
</div>
</div>
<main class="space-y-8">
<section class="bento-grid">
<!-- Concept Overview -->
<div class="bento-item bento-item-span-12 lg:bento-item-span-7 glass-card p-6">
<h3 class="section-title text-cyan-300">概念事件与核心观点</h3>
<div class="space-y-4 text-slate-300">
<p><strong class="font-semibold text-white">定义:</strong> 荣耀股改是指荣耀终端有限公司为登陆资本市场而进行的一系列股权结构、公司治理及组织形式的改革。这一进程是荣耀自2020年从华为体系独立后迈向公开资本市场的关键一步旨在通过股权多元化和公司治理现代化为其下一阶段的战略发展尤其是在AI和高端手机市场提供资金和平台支持。</p>
<p><strong class="font-semibold text-white">核心背景:</strong> 自2023年11月荣耀董事会明确“通过首发上市推动公司登陆资本市场”以来市场便对这一手机巨头的资本化路径高度关注。整个“荣耀股改”概念由一系列紧密衔接的事件催化并推进最终目标指向A股IPO。</p>
<div class="p-4 border border-indigo-500/30 bg-indigo-900/20 rounded-xl">
<p class="font-semibold text-white">核心观点摘要:</p>
<p class="mt-2 text-indigo-200">“荣耀股改”概念已从<strong class="text-cyan-300">事件驱动的预期炒作阶段</strong>,正式进入<strong class="text-cyan-300">IPO前夕的基本面价值发现阶段</strong>。其核心驱动力在于市场对一个拥有强大技术基因AI、折叠屏、清晰市场地位和国家级资本背书的科技巨头进行价值重估的强烈预期。未来潜力不仅在于IPO本身带来的财富效应更在于其作为“AI手机第一股”登陆A股后能否引领新一轮智能终端的创新周期。</p>
</div>
</div>
</div>
<!-- 概念的核心逻辑与市场认知分析 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-brain text-purple-500 mr-2"></i>
概念的核心逻辑与市场认知分析
</h2>
<div class="table-container">
<table class="min-w-full bg-white border border-gray-200 rounded-lg overflow-hidden">
<thead class="bg-gray-100">
<tr>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">维度</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">市场主流认知</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">深度验证与预期差</th>
</tr>
</thead>
<tbody>
<tr class="border-b hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">核心驱动力</td>
<td class="py-3 px-4 text-gray-700">"荣耀要上市"带来股权升值</td>
<td class="py-3 px-4 text-gray-700">
<ul class="list-disc list-inside space-y-1">
<li>已完成股改+更名IPO只是程序问题</li>
<li>2024年荣耀全球出货6000万部ASP提升12%,利润弹性被低估</li>
<li>运营商入股带来政企订单(电信集采、云终端)</li>
</ul>
</td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">市场热度</td>
<td class="py-3 px-4 text-gray-700">12月28日官宣后爱施德、慧博云通、天音控股等概念股涨停情绪高涨</td>
<td class="py-3 px-4 text-gray-700">卖方路演仅覆盖爱施德,杭钢股份、三人行等"影子股"尚未充分定价</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">预期差</td>
<td class="py-3 px-4 text-gray-700">市场聚焦"参股收益",忽视渠道分成+AI生态分成</td>
<td class="py-3 px-4 text-gray-700">爱施德不仅是股东还是荣耀海外独家代理泰国、越南2025年海外目标1000万部对应30亿元增量收入路演数据</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Timeline -->
<div class="bento-item bento-item-span-12 lg:bento-item-span-5 glass-card p-6 flex flex-col">
<h3 class="section-title text-cyan-300">关键时间轴</h3>
<div id="timeline-chart" class="flex-grow min-h-[400px]"></div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-rocket text-red-500 mr-2"></i>
关键催化剂与未来发展路径
</h2>
<div class="table-container">
<table class="min-w-full bg-white border border-gray-200 rounded-lg overflow-hidden">
<thead class="bg-gray-100">
<tr>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">时间窗口</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">催化剂</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">影响路径</th>
</tr>
</thead>
<tbody>
<tr class="border-b hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">2025 Q1</td>
<td class="py-3 px-4 text-gray-700">深圳证监局IPO辅导备案</td>
<td class="py-3 px-4 text-gray-700">标志进入正式审核阶段估值锚定科创板3035倍PE</td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">2025 Q2</td>
<td class="py-3 px-4 text-gray-700">荣耀Magic7系列AI功能升级 + 国补3000元档覆盖</td>
<td class="py-3 px-4 text-gray-700">拉动国内销量20%+,提升上市前利润基数</td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">2025 Q3</td>
<td class="py-3 px-4 text-gray-700">海外越南/泰国运营商渠道放量</td>
<td class="py-3 px-4 text-gray-700">爱施德作为独家代理单台毛利80100元贡献810亿元毛利</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">2025 Q4</td>
<td class="py-3 px-4 text-gray-700">科创板挂牌上市</td>
<td class="py-3 px-4 text-gray-700">参股公司股权价值一次性重估爱施德6.6亿元投资或增值至3040亿元</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Supporting Evidence -->
<div class="bento-item bento-item-span-12 lg:bento-item-span-4 glass-card p-6">
<h3 class="section-title text-purple-300">股权结构多元化</h3>
<ul class="space-y-3 list-disc list-inside text-slate-300">
<li><strong class="text-white">目标:</strong>坚持公开透明发展原则,持续推动股权结构多元化,为上市做准备。</li>
<li><strong class="text-white">新引入投资者:</strong>中国移动、国新控股、中国电信、中金资本、基石资本、特发基金等重量级国有资本和市场化投资机构。</li>
<li><strong class="text-white">战略股东赋能:</strong>引入运营商巨头和国家级资本不仅是财务投资,更是深度战略绑定,为荣耀构建了强大的渠道和政策“护城河”。</li>
<li><strong class="text-white">核心参股方:</strong>爱施德、天音控股等渠道商深度参与,既是股东又是业务伙伴。</li>
</ul>
</div>
<div class="bento-item bento-item-span-12 lg:bento-item-span-4 glass-card p-6">
<h3 class="section-title text-purple-300">技术创新驱动</h3>
<ul class="space-y-3 list-disc list-inside text-slate-300">
<li><strong class="text-white">折叠屏突破:</strong>Magic V3以<strong class="text-cyan-400">9.2mm</strong>的折叠态厚度刷新行业记录引领轻薄体验。2024年Q1中国折叠屏手机出货量同比增长83%。</li>
<li><strong class="text-white">端侧AI领先</strong>首发YOYO智能体实现跨应用开放生态技术<strong class="text-cyan-400">领先行业半年</strong>。MagicOS 9.0支持自然语言完成复杂任务。</li>
<li><strong class="text-white">生态战略:</strong>发布“百模生态计划”开放HONOR AI Connect平台从“AI手机”向“AI生态”进化有望驱动新一轮换机潮。</li>
</ul>
</div>
<div class="bento-item bento-item-span-12 lg:bento-item-span-4 glass-card p-6">
<h3 class="section-title text-purple-300">市场反应与IPO预期</h3>
<ul class="space-y-3 list-disc list-inside text-slate-300">
<li><strong class="text-white">概念股表现:</strong>股改消息多次引爆市场,华映科技曾录得<strong class="text-green-400">7连板</strong>,爱施德<strong class="text-green-400">5连板</strong>,市场热度极高。</li>
<li><strong class="text-white">IPO路径</strong>明确选择在A股上市。路演信息显示IPO计划“或于2025-2026年落地”市场需注意时间表的预期差。</li>
<li><strong class="text-white">上市条件:</strong>路演中提及荣耀上市“需提升损益表现”表明公司正处于优化财务指标以满足A股上市要求的阶段。</li>
</ul>
</div>
</section>
<!-- 产业链与核心公司深度剖析 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-sitemap text-green-500 mr-2"></i>
产业链与核心公司深度剖析
</h2>
<!-- 产业链图谱 -->
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4">产业链图谱</h3>
<div class="flex flex-col md:flex-row justify-between space-y-4 md:space-y-0 md:space-x-4">
<div class="bg-blue-50 p-4 rounded-lg flex-1">
<h4 class="font-semibold text-blue-700 mb-2">上游</h4>
<p class="text-gray-700">京东方(屏幕)、德赛电池、维信诺、虹软科技(算法)</p>
</div>
<div class="bg-green-50 p-4 rounded-lg flex-1">
<h4 class="font-semibold text-green-700 mb-2">中游</h4>
<p class="text-gray-700">荣耀终端(品牌+OS</p>
</div>
<div class="bg-purple-50 p-4 rounded-lg flex-1">
<h4 class="font-semibold text-purple-700 mb-2">下游</h4>
<div class="space-y-2">
<p class="text-gray-700"><span class="font-medium">渠道商</span>:爱施德(国内+东南亚)、天音控股(内地)、慧博云通(线上)</p>
<p class="text-gray-700"><span class="font-medium">运营商</span>:中国电信(入股+集采)、中国移动(已投资)</p>
</div>
</div>
</div>
</div>
<!-- 核心玩家对比 -->
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">核心玩家对比</h3>
<div class="table-container">
<table class="min-w-full bg-white border border-gray-200 rounded-lg overflow-hidden">
<thead class="bg-gray-100">
<tr>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">公司</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">关联逻辑</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">2024验证数据</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">风险点</th>
</tr>
</thead>
<tbody>
<tr class="border-b hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">爱施德</td>
<td class="py-3 px-4 text-gray-700">
<ul class="list-disc list-inside">
<li>6.6亿元参股(最大渠道商)</li>
<li>东南亚独家代理</li>
<li>荣耀IPO直接受益</li>
</ul>
</td>
<td class="py-3 px-4 text-gray-700">2024 H1荣耀收入占比28%毛利率6.8%→8.1%(国补拉动)</td>
<td class="py-3 px-4 text-gray-700">若荣耀自建海外渠道,分成比例下降</td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">天音控</td>
<td class="py-3 px-4 text-gray-700">子公司星盟信息持有荣耀19.36%股权穿透后约1.2%</td>
<td class="py-3 px-4 text-gray-700">2024 Q3投资收益2.1亿元(主要来自荣耀公允价值变动)</td>
<td class="py-3 px-4 text-gray-700">股权比例较低,弹性弱于爱施德</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">杭钢股份</td>
<td class="py-3 px-4 text-gray-700">通过国新基金间接参股荣耀,市场未充分定价</td>
<td class="py-3 px-4 text-gray-700">2024年12月30日涨停龙虎榜机构净买入1.3亿元</td>
<td class="py-3 px-4 text-gray-700">参股比例未披露,存在信息不透明风险</td>
</tr>
</tbody>
</table>
</div>
<!-- Deep Dive Analysis -->
<section class="glass-card p-6 lg:p-8">
<h3 class="section-title text-cyan-300">深度逻辑与前瞻分析</h3>
<div class="prose prose-invert max-w-none text-slate-300 prose-headings:text-slate-100 prose-strong:text-white prose-a:text-cyan-400">
<h4>核心驱动力与市场认知</h4>
<ul>
<li><strong>优质资产证券化:</strong>荣耀并非初创企业而是成熟的头部手机厂商。股改和IPO是将高价值、高成长性未上市资产进行公开市场定价的过程是资本市场的标志性事件。</li>
<li><strong>战略股东赋能:</strong>引入中国移动、中国电信等运营商巨头和中金、国新等国家级资本,构建了极强的“护城河”,这是市场对其未来发展抱有高期望的核心逻辑之一。</li>
<li><strong>技术创新驱动价值重估:</strong>荣耀在折叠屏和端侧AI领域已建立技术领先优势。市场不再将其视为纯粹的硬件制造商而是预期其能凭借AI能力转型为平台生态型公司从而获得更高的估值。</li>
</ul>
<h4>预期差分析</h4>
<ol>
<li><strong>IPO时间表的预期差</strong>市场普遍预期股改完成后IPO将迅速推进。然而路演中透露的“2025-2026年落地”与早期市场的激进预期存在明显差距。这可能意味着上市准备工作比外界想象的更复杂。</li>
<li><strong>受益范围的预期差:</strong>市场的炒作范围较广,但核心逻辑显示,真正的核心受益者是拥有直接股权的上市公司(如爱施德、天音控股)。对弱关联公司的炒作存在预期过高的风险。</li>
<li><strong>“AI故事”的预期差</strong>A股市场是否会完全接纳并给予其高昂的“AI估值”仍是未知数。最终估值可能介于传统硬件巨头和AI软件公司之间。</li>
</ol>
<h4>关键催化剂与未来发展路径</h4>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h5>近期催化剂 (未来3-6个月)</h5>
<ul>
<li><strong>正式提交IPO招股书</strong>最关键催化剂,将首次公开核心财务数据。</li>
<li><strong>旗舰新品的市场表现:</strong>如Magic 7系列的市场销量将是验证其“AI手机”故事的试金石。</li>
<li><strong>公布IPO辅导机构及上市板块</strong>标志着IPO进程进入实质性冲刺阶段。</li>
</ul>
</div>
<div>
<h5>长期发展路径</h5>
<ul>
<li><strong>成功登陆A股</strong>完成IPO获得充裕的资本支持。</li>
<li><strong>AI生态的构建与商业化</strong>从“AI手机”向“AI生态”进化探索软件服务商业模式。</li>
<li><strong>全球化市场扩张:</strong>利用募集资金,加速在欧洲、拉美等市场的渗透。</li>
</ul>
</div>
</div>
<h4>潜在风险与挑战</h4>
<ul>
<li><strong>技术风险:</strong>行业竞争激烈若苹果、谷歌等巨头在端侧AI有颠覆性突破荣耀的技术优势窗口期可能被缩短。</li>
<li><strong>商业化风险:</strong>智能手机市场竞争白热化持续的“价格战”可能侵蚀利润。“需提升损益表现”是其IPO前必须解决的现实问题。</li>
<li><strong>政策与竞争风险:</strong>A股IPO审批流程存在不确定性监管政策的变化可能影响上市节奏。</li>
<li><strong>信息交叉验证风险:</strong>最显著的矛盾点在于IPO时间表路演给出的“2025-2026年”说法更为审慎揭示了市场预期可能过于激进的风险。</li>
</ul>
</div>
</section>
<!-- Stock Table -->
<section class="glass-card p-6 lg:p-8">
<h3 class="section-title text-cyan-300">产业链与核心公司深度剖析</h3>
<p class="mb-6 text-slate-400">荣耀股改的投资机会主要集中在直接参股的上市公司它们将直接受益于荣耀IPO带来的股权价值重估和业务协同增长。其他关联方则更多受益于业务合作带来的成长红利或主题性炒作关联强度和确定性依次递减。</p>
<div class="overflow-x-auto">
<table class="table table-zebra-zebra w-full text-sm">
<thead class="text-base">
<tr>
<th>票名称</th>
<th>股票代码</th>
<th>关联原因</th>
<th>关联类型</th>
</tr>
</thead>
<tbody>
<!-- 参股 -->
<tr class="font-bold bg-purple-900/30"><td colspan="4" class="text-purple-300 text-lg py-3">核心参股方 (直接受益)</td></tr>
<tr>
<td>爱施德</td>
<td><a href="https://valuefrontier.cn/company?scode=002416" target="_blank" class="text-cyan-400 hover:underline">002416</a></td>
<td>荣耀股东中持股比例最大的渠道战略伙伴早期投资6.6亿元。</td>
<td class="font-semibold text-green-400">参股</td>
</tr>
<tr>
<td>天音控股</td>
<td><a href="https://valuefrontier.cn/company?scode=000829" target="_blank" class="text-cyan-400 hover:underline">000829</a></td>
<td>全资子公司天音通信持有荣耀终端的股东深圳市星盟信息技术19.36%的股权。</td>
<td class="font-semibold text-green-400">参股</td>
</tr>
<!-- 共同实控人 -->
<tr class="font-bold bg-indigo-900/30"><td colspan="4" class="text-indigo-300 text-lg py-3">共同实控人 (深圳国资)</td></tr>
<tr>
<td>深城交</td>
<td><a href="https://valuefrontier.cn/company?scode=301091" target="_blank" class="text-cyan-400 hover:underline">301091</a></td>
<td>大股东深智城亦是收购荣耀的主体,是深智城旗下唯一上市平台。</td>
<td class="font-semibold text-yellow-400">共同实控人</td>
</tr>
<tr>
<td>深圳能源</td>
<td><a href="https://valuefrontier.cn/company?scode=000027" target="_blank" class="text-cyan-400 hover:underline">000027</a></td>
<td>通过深圳国资协同发展私募基金参股荣耀公司。</td>
<td class="font-semibold text-yellow-400">共同实控人</td>
</tr>
<!-- 业务往来 -->
<tr class="font-bold bg-teal-900/30"><td colspan="4" class="text-teal-300 text-lg py-3">核心业务伙伴</td></tr>
<tr>
<td>慧博云通</td>
<td><a href="https://valuefrontier.cn/company?scode=301316" target="_blank" class="text-cyan-400 hover:underline">301316</a></td>
<td>荣耀品牌唯一的全渠道零售服务商(网传)。</td>
<td class="font-semibold text-blue-400">业务往来</td>
</tr>
<tr>
<td>京东方A</td>
<td>-</td>
<td>荣耀手机屏幕核心供应商。</td>
<td class="font-semibold text-blue-400">业务往来</td>
</tr>
<tr>
<td>虹软科技</td>
<td><a href="https://valuefrontier.cn/company?scode=688088" target="_blank" class="text-cyan-400 hover:underline">688088</a></td>
<td>荣耀手机视觉算法核心供应商。</td>
<td class="font-semibold text-blue-400">业务往来</td>
</tr>
<tr>
<td>德赛电池</td>
<td><a href="https://valuefrontier.cn/company?scode=000049" target="_blank" class="text-cyan-400 hover:underline">000049</a></td>
<td>荣耀手机电池供应商。</td>
<td class="font-semibold text-blue-400">业务往来</td>
</tr>
<!-- 其他关联 -->
<tr class="font-bold bg-slate-800/50"><td colspan="4" class="text-slate-400 text-lg py-3">其他关联方</td></tr>
<tr><td>杭钢股份</td><td><a href="https://valuefrontier.cn/company?scode=600126" class="text-cyan-400 hover:underline">600126</a></td><td>参股荣耀股改概念</td><td class="text-slate-400">参股-其他</td></tr>
<tr><td>三人行</td><td><a href="https://valuefrontier.cn/company?scode=605168" class="text-cyan-400 hover:underline">605168</a></td><td>参股荣耀股改概念</td><td class="text-slate-400">参股-其他</td></tr>
<tr><td>国信证券</td><td><a href="https://valuefrontier.cn/company?scode=002736" class="text-cyan-400 hover:underline">002736</a></td><td>参股荣耀股改概念</td><td class="text-slate-400">参股-其他</td></tr>
<tr><td>中信证券</td><td><a href="https://valuefrontier.cn/company?scode=600030" class="text-cyan-400 hover:underline">600030</a></td><td>参股荣耀股改概念</td><td class="text-slate-400">参股-其他</td></tr>
<tr><td>国新文化</td><td>-</td><td>参股荣耀股改概念</td><td class="text-slate-400">参股-其他</td></tr>
<tr><td>国新健康</td><td><a href="https://valuefrontier.cn/company?scode=000503" class="text-cyan-400 hover:underline">000503</a></td><td>参股荣耀股改概念</td><td class="text-slate-400">参股-其他</td></tr>
<tr><td>ST易购</td><td><a href="https://valuefrontier.cn/company?scode=002024" class="text-cyan-400 hover:underline">002024</a></td><td>参股荣耀股改概念</td><td class="text-slate-400">参股-其他</td></tr>
<tr><td>ST英飞拓</td><td><a href="https://valuefrontier.cn/company?scode=002528" class="text-cyan-400 hover:underline">002528</a></td><td>与荣耀共同实控人为深圳国资</td><td class="text-slate-400">共同实控人-其他</td></tr>
<tr><td>深赛格</td><td>-</td><td>与荣耀共同实控人为深圳国资</td><td class="text-slate-400">共同实控人-其他</td></tr>
<tr><td>深深房A</td><td>-</td><td>与荣耀共同实控人为深圳国资</td><td class="text-slate-400">共同实控人-其他</td></tr>
<tr><td>怡亚通</td><td>-</td><td>与荣耀共同实控人为深圳国资</td><td class="text-slate-400">共同实控人-其他</td></tr>
<tr><td>深振业A</td><td>-</td><td>与荣耀共同实控人为深圳国资</td><td class="text-slate-400">共同实控人-其他</td></tr>
<tr><td>深水规院</td><td><a href="https://valuefrontier.cn/company?scode=301038" class="text-cyan-400 hover:underline">301038</a></td><td>与荣耀共同实控人为深圳国资</td><td class="text-slate-400">共同实控人-其他</td></tr>
<tr><td>福日电子</td><td><a href="https://valuefrontier.cn/company?scode=600203" class="text-cyan-400 hover:underline">600203</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>强瑞技术</td><td><a href="https://valuefrontier.cn/company?scode=301128" class="text-cyan-400 hover:underline">301128</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>东田微</td><td><a href="https://valuefrontier.cn/company?scode=301183" class="text-cyan-400 hover:underline">301183</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>每日互动</td><td><a href="https://valuefrontier.cn/company?scode=300766" class="text-cyan-400 hover:underline">300766</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>华映科技</td><td><a href="https://valuefrontier.cn/company?scode=000536" class="text-cyan-400 hover:underline">000536</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>中京电子</td><td><a href="https://valuefrontier.cn/company?scode=002579" class="text-cyan-400 hover:underline">002579</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>飞荣达</td><td><a href="https://valuefrontier.cn/company?scode=300602" class="text-cyan-400 hover:underline">300602</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>智度股份</td><td><a href="https://valuefrontier.cn/company?scode=000676" class="text-cyan-400 hover:underline">000676</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>光弘科技</td><td><a href="https://valuefrontier.cn/company?scode=300735" class="text-cyan-400 hover:underline">300735</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>恒玄科技</td><td><a href="https://valuefrontier.cn/company?scode=688608" class="text-cyan-400 hover:underline">688608</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>维信诺</td><td><a href="https://valuefrontier.cn/company?scode=002387" class="text-cyan-400 hover:underline">002387</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>长信科技</td><td><a href="https://valuefrontier.cn/company?scode=300088" class="text-cyan-400 hover:underline">300088</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>松井股份</td><td><a href="https://valuefrontier.cn/company?scode=688157" class="text-cyan-400 hover:underline">688157</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>新纶新材</td><td>-</td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>弘信电子</td><td><a href="https://valuefrontier.cn/company?scode=300657" class="text-cyan-400 hover:underline">300657</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>佳禾智能</td><td><a href="https://valuefrontier.cn/company?scode=300793" class="text-cyan-400 hover:underline">300793</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>聚辰股份</td><td><a href="https://valuefrontier.cn/company?scode=688123" class="text-cyan-400 hover:underline">688123</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>奥海科技</td><td><a href="https://valuefrontier.cn/company?scode=002993" class="text-cyan-400 hover:underline">002993</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>力源信息</td><td><a href="https://valuefrontier.cn/company?scode=300184" class="text-cyan-400 hover:underline">300184</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>汇创达</td><td><a href="https://valuefrontier.cn/company?scode=300909" class="text-cyan-400 hover:underline">300909</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
<tr><td>芯海科技</td><td><a href="https://valuefrontier.cn/company?scode=688595" class="text-cyan-400 hover:underline">688595</a></td><td>与荣耀有业务往来</td><td class="text-slate-400">业务往来-其他</td></tr>
</tbody>
</table>
</div>
</section>
</main>
<!-- 验证与证伪 -->
<div class="mt-6 grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-green-50 border-l-4 border-green-500 p-4 rounded">
<p class="font-semibold text-green-700">验证</p>
<p class="text-gray-700">爱施德路演披露"荣耀40系列预售250万台创三年新高",与渠道调研数据一致。</p>
</div>
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded">
<p class="font-semibold text-red-700">证伪</p>
<p class="text-gray-700">网传"慧博云通是荣耀唯一全渠道服务商"——实际荣耀线上由京东自营+天猫旗舰店主导,慧博云通仅为代运营方之一,存在夸大。</p>
</div>
</div>
</div>
<footer class="text-center mt-12">
<p class="text-xs text-slate-600">© 2024 北京价值前沿科技有限公司. All rights reserved. AI Generated Content.</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('timeline-chart');
var myChart = echarts.init(chartDom);
var option;
<!-- 潜在风险与挑战 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-exclamation-triangle text-red-500 mr-2"></i>
潜在风险与挑战
</h2>
<div class="table-container">
<table class="min-w-full bg-white border border-gray-200 rounded-lg overflow-hidden">
<thead class="bg-gray-100">
<tr>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">风险类型</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">具体表现</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">监测指标</th>
</tr>
</thead>
<tbody>
<tr class="border-b hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">技术风险</td>
<td class="py-3 px-4 text-gray-700">AI手机同质化荣耀AI Agent体验不及华为Mate70</td>
<td class="py-3 px-4 text-gray-700">荣耀高端机型ASP环比变化</td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">商业化风险</td>
<td class="py-3 px-4 text-gray-700">海外渠道自建导致爱施德分成下降</td>
<td class="py-3 px-4 text-gray-700">荣耀泰国/越南子公司注册进度</td>
</tr>
<tr class="border-b hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">政策风险</td>
<td class="py-3 px-4 text-gray-700">科创板IPO审核趋严上市时点推迟</td>
<td class="py-3 px-4 text-gray-700">深圳证监局辅导备案→受理间隔</td>
</tr>
<tr class="hover:bg-gray-50">
<td class="py-3 px-4 font-medium text-gray-900">信息矛盾</td>
<td class="py-3 px-4 text-gray-700">12月19日荣耀曾否认"股改完成"12月28日又官宣完成</td>
<td class="py-3 px-4 text-gray-700">以工商变更为准,媒体误读可能性大</td>
</tr>
</tbody>
</table>
</div>
</div>
const data = [
{ date: '2024-08-05', event: '启动计划', detail: '荣耀官方宣布计划在Q4启动股份制改革适时启动IPO。' },
{ date: '2024-09-30', event: '人事变动', detail: '股改前副董事长万飚辞职。' },
{ date: '2024-10-30', event: '窗口逼近', detail: '市场预期荣耀股改关键时间窗口逼近。' },
{ date: '2024-11-25', event: '名称申报', detail: '“荣耀终端股份有限公司”名称完成申报,股改进入实质操作。' },
{ date: '2024-12-18', event: '工商变更', detail: '新一轮股东正式入股,中国电信、中金资本等加入。' },
{ date: '2024-12-28', event: '股改完成', detail: '荣耀终端有限公司正式整体变更为股份有限公司。' },
{ date: '2025-05-29', event: '官方确认', detail: '荣耀CFO彭求恩事后确认公司已于2024年底完成股改。' }
];
<!-- 综合结论与投资启示 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-flag-checkered text-indigo-500 mr-2"></i>
综合结论与投资启示
</h2>
<div class="space-y-6">
<div class="bg-indigo-50 border-l-4 border-indigo-500 p-4 rounded">
<p class="font-semibold text-indigo-700">阶段判断</p>
<p class="text-gray-700">荣耀股改已完成,概念进入"IPO落地前夜",兼具主题与基本面双重属性。</p>
</div>
<div>
<p class="font-semibold text-gray-800 mb-3">最具价值方向</p>
<div class="space-y-3">
<div class="bg-blue-50 p-4 rounded-lg">
<p class="font-medium text-blue-700">1. 渠道商股权收益</p>
<p class="text-gray-700">首推爱施德(直接参股+海外代理),其次天音控股(间接参股)。</p>
</div>
<div class="bg-green-50 p-4 rounded-lg">
<p class="font-medium text-green-700">2. 供应链业绩兑现</p>
<p class="text-gray-700">关注京东方A屏幕主供、虹软科技AI算法</p>
</div>
</div>
</div>
<div>
<p class="font-semibold text-gray-800 mb-3">关键跟踪指标</p>
<ul class="list-disc list-inside text-gray-700 space-y-1 bg-gray-50 p-4 rounded-lg">
<li>荣耀2024 Q4出货量IDC预计16001800万部</li>
<li>深圳证监局IPO辅导备案公告</li>
<li>爱施德2025 Q1海外荣耀收入占比目标 >15%</li>
</ul>
</div>
<div class="bg-gradient-to-r from-blue-50 to-purple-50 p-4 rounded-lg border border-blue-200">
<p class="font-bold text-lg text-gray-800 text-center">一句话总结</p>
<p class="text-gray-700 text-center mt-2">荣耀股改收官IPO箭在弦上参股渠道商与核心供应链公司将在"估值+业绩"双轮驱动下迎来主升浪,但需紧盯上市节奏与海外渠道博弈。</p>
</div>
</div>
</div>
<!-- 关联股票表格 -->
<div class="card rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-table text-blue-500 mr-2"></i>
关联股票
</h2>
<div class="table-container">
<table class="min-w-full bg-white border border-gray-200 rounded-lg overflow-hidden">
<thead class="bg-gray-100">
<tr>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">股票名称</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">关联类型</th>
<th class="py-3 px-4 text-left text-gray-700 font-semibold border-b">关联原因</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 股票数据将通过JavaScript动态插入 -->
</tbody>
</table>
</div>
</div>
</div>
<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>
<script>
// 初始化Vanta.js背景
VANTA.WAVES({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x1a365d,
shininess: 30.00,
waveHeight: 15.00,
waveSpeed: 0.75,
zoom: 0.75
});
// 股票数据
const stockData = [{'荣耀股改241229': [{'stock': '爱施德', '参股': '渠道战略伙伴', '原因': '荣耀股东中持股比例最大的渠道战略伙伴'}, {'stock': '天音控股', '参股': '子公司持股', '原因': '全资子公司天音通信持有荣耀终端股东深圳市星盟信息技术19.36%的股权'}, {'stock': '杭钢股份', '参股': '参股荣耀', '原因': '参股荣耀'}, {'stock': '三人行', '参股': '参股荣耀', '原因': '参股荣耀'}, {'stock': '深圳能源', '参股': '参股荣耀', '原因': '参股荣耀'}, {'stock': '京东方A', '参股': '参股荣耀', '原因': '参股荣耀'}, {'stock': '国信证券', '参股': '参股荣耀', '原因': '参股荣耀'}, {'stock': '中信证券', '参股': '参股荣耀', '原因': '参股荣耀'}, {'stock': '国新文化', '参股': '参股荣耀', '原因': '参股荣耀'}, {'stock': '国新健康', '参股': '参股荣耀', '原因': '参股荣耀'}, {'stock': 'ST易购', '参股': '参股荣耀', '原因': '参股荣耀'}, {'stock': '深城交', '共同实控人': '深圳国资委', '大股东': '深智城', '原因': '被深圳国资委旗下的深智城收购深智城持有深城交30%股份,是第一大股东;深城交是深智城旗下唯一上市平台'}, {'stock': '深圳能源', '共同实控人': '深圳国资委', '原因': '通过深圳国资委协同发展私募基金参股荣耀公司'}, {'stock': 'ST英飞拓', '共同实控人': '深圳国资委', '原因': '深圳国资委控股'}, {'stock': '深赛格', '共同实控人': '深圳国资委', '原因': '深圳国资委控股'}, {'stock': '深深房A', '共同实控人': '深圳国资委', '原因': '深圳国资委控股'}, {'stock': '怡亚通', '共同实控人': '深圳国资委', '原因': '深圳国资委控股'}, {'stock': '深振业A', '共同实控人': '深圳国资委', '原因': '深圳国资委控股'}, {'stock': '深水规院', '共同实控人': '深圳国资委', '原因': '深圳国资委控股'}, {'stock': '慧博云通', '业务往来': '全渠道零售商', '原因': '荣耀品牌唯一的全渠道零售服务商(网传)'}, {'stock': '福日电子', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '强瑞技术', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '东田微', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '每日互动', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '华映科技', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '中京电子', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '飞荣达', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '虹软科技', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '智度股份', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '光弘科技', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '恒玄科技', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '德赛电池', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '维信诺', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '长信科技', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '松井股份', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '新伦新材', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '弘信电子', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '佳禾智能', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '聚辰股份', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '奥海科技', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '力源信息', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '汇创达', '业务往来': '供应商', '原因': '与荣耀有业务合作'}, {'stock': '芯海科技', '业务往来': '供应商', '原因': '与荣耀有业务合作'}]}];
// 填充股票表格
const stockTableBody = document.getElementById('stockTableBody');
const stocks = stockData[0]['荣耀股改241229'];
stocks.forEach(stock => {
const row = document.createElement('tr');
row.className = 'border-b hover:bg-gray-50';
// 确定关联类型和对应的值
let relationType = '';
let relationValue = '';
if (stock['参股']) {
relationType = '参股';
relationValue = stock['参股'];
} else if (stock['共同实控人']) {
relationType = '共同实控人';
relationValue = stock['共同实控人'];
} else if (stock['业务往来']) {
relationType = '业务往来';
relationValue = stock['业务往来'];
}
// 根据关联类型设置不同的背景色
let bgColorClass = '';
if (relationType === '参股') {
bgColorClass = 'bg-blue-50';
} else if (relationType === '共同实控人') {
bgColorClass = 'bg-green-50';
} else if (relationType === '业务往来') {
bgColorClass = 'bg-purple-50';
}
row.innerHTML = `
<td class="py-3 px-4 font-medium text-gray-900">${stock['stock']}</td>
<td class="py-3 px-4">
<span class="inline-block px-2 py-1 text-xs font-semibold rounded-full ${bgColorClass}">
${relationType}: ${relationValue}
</span>
</td>
<td class="py-3 px-4 text-gray-700">${stock['原因']}</td>
`;
stockTableBody.appendChild(row);
});
</script>
option = {
tooltip: {
trigger: 'axis',
formatter: function (params) {
const item = data[params[0].dataIndex];
return `<b>${item.date}</b><br/><b>事件: ${item.event}</b><br/>${item.detail}`;
},
backgroundColor: 'rgba(20, 20, 40, 0.8)',
borderColor: '#4c73ff',
textStyle: {
color: '#E0E0E0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
data: data.map(item => item.date),
axisLine: { lineStyle: { color: '#888' } },
axisLabel: { color: '#ccc', rotate: 30 }
},
yAxis: {
type: 'value',
show: false,
},
series: [{
data: data.map((item, index) => ({
value: index + 1,
symbol: 'circle',
symbolSize: 12,
label: {
show: true,
position: 'top',
formatter: '{b}',
color: '#a5b4fc',
fontWeight: 'bold',
distance: 15
},
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#83bff6' },
{ offset: 0.5, color: '#188df0' },
{ offset: 1, color: '#188df0' }
])
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#2378f7' },
{ offset: 0.7, color: '#2378f7' },
{ offset: 1, color: '#83bff6' }
]),
shadowBlur: 10,
shadowOffsetX: 0,
shadowOffsetY: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
})),
type: 'line',
smooth: true,
lineStyle: {
width: 3,
color: '#4c73ff',
shadowColor: 'rgba(76, 115, 255, 0.5)',
shadowBlur: 10
}
}],
backgroundColor: 'transparent'
};
option.series[0].data.forEach((item, index) => {
item.label.formatter = data[index].event;
});
myChart.setOption(option);
window.addEventListener('resize', function () {
myChart.resize();
});
});
</script>
</body>
</html>
```
</html>