Files
vf_react/public/htmls/荣耀股改.html
2025-10-11 16:16:02 +08:00

506 lines
28 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>荣耀股改概念分析报告</title>
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- 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>
</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>
<!-- 时间轴 -->
<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="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>
<!-- 概念的核心逻辑与市场认知分析 -->
<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>
<!-- 关键催化剂与未来发展路径 -->
<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>
<!-- 产业链与核心公司深度剖析 -->
<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>
<!-- 验证与证伪 -->
<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>
</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-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>
<!-- 综合结论与投资启示 -->
<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>
</body>
</html>
```