530 lines
31 KiB
HTML
530 lines
31 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>5G5.5G概念分析报告</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
}
|
||
.gradient-bg {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
}
|
||
.card-shadow {
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
||
}
|
||
.text-gradient {
|
||
background: linear-gradient(to right, #667eea, #764ba2);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
#particles-js {
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: -1;
|
||
}
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.mobile-stack {
|
||
flex-direction: column;
|
||
}
|
||
.mobile-full {
|
||
width: 100%;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50">
|
||
<div id="particles-js"></div>
|
||
|
||
<div class="container mx-auto px-4 py-8 max-w-7xl">
|
||
<!-- 标题部分 -->
|
||
<div class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">5G5.5G概念分析报告</h1>
|
||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
|
||
5G-Advanced技术发展路径与产业链投资机会深度解析
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 概念事件 -->
|
||
<div class="card bg-white rounded-xl shadow-lg mb-8 overflow-hidden">
|
||
<div class="gradient-bg p-6">
|
||
<h2 class="text-2xl font-bold text-white mb-2">
|
||
<i class="fas fa-broadcast-tower mr-3"></i>概念事件
|
||
</h2>
|
||
</div>
|
||
<div class="p-6">
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-3">背景</h3>
|
||
<p class="text-gray-600 leading-relaxed">
|
||
5G5.5G（5G-Advanced，简称5G-A）是5G向6G过渡的中间阶段，由3GPP在2021年定义为R18-R20标准，旨在通过<strong>超大规模天线、RedCap（轻量化5G）、通感一体化</strong>等技术，解决5G在B端（工业、车联网）和C端（XR、高清视频）的瓶颈。
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-3">催化事件</h3>
|
||
<ul class="space-y-2 text-gray-600">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-calendar-alt text-purple-600 mt-1 mr-2"></i>
|
||
<span><strong>2023年8月</strong>：工信部发布《推动5G轻量化RedCap技术应用指导意见》，明确2025年形成<strong>千万级终端连接</strong>（工业、可穿戴设备场景）。</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-calendar-alt text-purple-600 mt-1 mr-2"></i>
|
||
<span><strong>2024年</strong>：华为完成5G-A全功能测试，中国移动/联通启动<strong>RedCap商用试点</strong>（如智慧矿山、电网）。</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-calendar-alt text-purple-600 mt-1 mr-2"></i>
|
||
<span><strong>2025年</strong>：预计R18标准冻结，5.5G基站开始规模部署（热点区域+行业专网）。</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="card bg-gradient-to-r from-purple-600 to-indigo-600 rounded-xl shadow-lg mb-8 overflow-hidden">
|
||
<div class="p-6">
|
||
<h2 class="text-2xl font-bold text-white mb-4">
|
||
<i class="fas fa-lightbulb mr-3"></i>核心观点摘要
|
||
</h2>
|
||
<div class="grid md:grid-cols-3 gap-6">
|
||
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-4">
|
||
<h3 class="text-lg font-semibold text-white mb-2">阶段判断</h3>
|
||
<p class="text-white text-opacity-90">
|
||
5G5.5G处于<strong>技术验证向商业化过渡</strong>阶段，2024-2025年为RedCap落地元年，2026年后通感一体化（无人机监测、工业定位）将成核心增量。
|
||
</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-4">
|
||
<h3 class="text-lg font-semibold text-white mb-2">核心驱动力</h3>
|
||
<p class="text-white text-opacity-90">
|
||
政策强制（工信部2025年RedCap目标）+ 成本下降（RedCap模组降至<strong><200元</strong>）+ 场景刚需（工业大上行、XR低时延）。
|
||
</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-4">
|
||
<h3 class="text-lg font-semibold text-white mb-2">未来潜力</h3>
|
||
<p class="text-white text-opacity-90">
|
||
5G-A将重构<strong>工业物联网</strong>和<strong>低空经济</strong>（无人机、飞行汽车）的通信基础设施，市场空间或达<strong>千亿级</strong>。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心驱动力 -->
|
||
<div class="card bg-white rounded-xl shadow-lg mb-8 overflow-hidden">
|
||
<div class="p-6">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6">
|
||
<i class="fas fa-rocket mr-3 text-purple-600"></i>核心驱动力与市场认知
|
||
</h2>
|
||
|
||
<div class="grid md:grid-cols-3 gap-6 mb-8">
|
||
<div class="border-l-4 border-purple-600 pl-4">
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-3">技术突破</h3>
|
||
<ul class="space-y-3 text-gray-600">
|
||
<li>
|
||
<strong class="text-purple-600">RedCap</strong>：填补4G Cat.1与5G之间的中速物联网空白（速率10-100Mbps，功耗降低50%），2025年目标<strong>千万级连接</strong>。
|
||
</li>
|
||
<li>
|
||
<strong class="text-purple-600">通感一体化</strong>：基站集成雷达功能，实现<strong>亚米级定位</strong>（无人机黑飞监测、养老院跌倒检测），华为已试点。
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="border-l-4 border-indigo-600 pl-4">
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-3">政策驱动</h3>
|
||
<p class="text-gray-600">
|
||
工信部将5G-A纳入"十四五"规划，要求<strong>2025年RedCap覆盖工业、能源、车联网</strong>三大场景。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="border-l-4 border-blue-600 pl-4">
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-3">成本拐点</h3>
|
||
<p class="text-gray-600">
|
||
RedCap芯片成本从2023年的<strong>300元</strong>降至2025年<strong><100元</strong>（华为专家路演），推动规模化。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div class="bg-purple-50 rounded-lg p-5">
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-3">
|
||
<i class="fas fa-fire text-orange-500 mr-2"></i>市场热度与情绪
|
||
</h3>
|
||
<ul class="space-y-2 text-gray-600">
|
||
<li><strong>研报密集度</strong>：2024年5-6月，<strong>5篇低空经济研报</strong>均提及5G-A为"软基建核心"，情绪<strong>极度乐观</strong>。</li>
|
||
<li><strong>分歧点</strong>：市场高估<strong>基站硬件升级</strong>需求，实际<strong>70%功能可通过软件升级实现</strong>。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-indigo-50 rounded-lg p-5">
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-3">
|
||
<i class="fas fa-exclamation-triangle text-yellow-500 mr-2"></i>预期差分析
|
||
</h3>
|
||
<ul class="space-y-2 text-gray-600">
|
||
<li><strong>预期差1</strong>：市场认为5.5G需<strong>新建基站</strong>，实际<strong>存量300万站可通过软件升级支持RedCap</strong>。</li>
|
||
<li><strong>预期差2</strong>：通感一体化被低估——<strong>2026年仅需热点区域部署</strong>，硬件需求<strong><10%</strong>。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关键催化剂 -->
|
||
<div class="card bg-white rounded-xl shadow-lg mb-8 overflow-hidden">
|
||
<div class="p-6">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6">
|
||
<i class="fas fa-clock mr-3 text-indigo-600"></i>关键催化剂与发展路径
|
||
</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-6 mb-8">
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-4 bg-indigo-100 px-4 py-2 rounded-lg">
|
||
近期催化剂（3-6个月）
|
||
</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<span class="bg-indigo-600 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm mr-3 flex-shrink-0">1</span>
|
||
<span class="text-gray-600"><strong>2024Q4</strong>：工信部发布<strong>RedCap模组招标结果</strong>（预计<strong>移远通信、广和通</strong>中标）。</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="bg-indigo-600 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm mr-3 flex-shrink-0">2</span>
|
||
<span class="text-gray-600"><strong>2024Q4</strong>：华为/中兴<strong>5G-A基站集采启动</strong>（中国移动4.9GHz频段重耕）。</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="bg-indigo-600 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm mr-3 flex-shrink-0">3</span>
|
||
<span class="text-gray-600"><strong>2025Q1</strong>：<strong>低空经济试点城市</strong>（深圳、合肥）落地5G-A通感一体化项目。</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-4 bg-purple-100 px-4 py-2 rounded-lg">
|
||
长期路径（2025-2030）
|
||
</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<span class="bg-purple-600 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm mr-3 flex-shrink-0">1</span>
|
||
<span class="text-gray-600"><strong>2025-2026</strong>：RedCap在<strong>工业传感器、车载T-Box</strong>渗透率达<strong>30%</strong>。</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="bg-purple-600 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm mr-3 flex-shrink-0">2</span>
|
||
<span class="text-gray-600"><strong>2027-2028</strong>：通感一体化在<strong>智慧港口、无人机物流</strong>规模化。</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="bg-purple-600 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm mr-3 flex-shrink-0">3</span>
|
||
<span class="text-gray-600"><strong>2029-2030</strong>：5G-A与6G融合，<strong>空天地一体化网络</strong>成熟。</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链与核心公司 -->
|
||
<div class="card bg-white rounded-xl shadow-lg mb-8 overflow-hidden">
|
||
<div class="p-6">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6">
|
||
<i class="fas fa-sitemap mr-3 text-purple-600"></i>产业链与核心公司
|
||
</h2>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-3">产业链图谱</h3>
|
||
<div class="grid md:grid-cols-3 gap-4">
|
||
<div class="bg-purple-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-purple-800 mb-2">上游</h4>
|
||
<p class="text-gray-600 text-sm">射频/天线（通宇通信、武汉凡谷）、滤波器（灿勤科技）、光模块（中际旭创）</p>
|
||
</div>
|
||
<div class="bg-indigo-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-indigo-800 mb-2">中游</h4>
|
||
<p class="text-gray-600 text-sm">主设备商（华为、中兴通讯）、RedCap模组（移远通信、广和通）</p>
|
||
</div>
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h4 class="font-semibold text-blue-800 mb-2">下游</h4>
|
||
<p class="text-gray-600 text-sm">工业（利尔达）、车联网（美格智能）、低空经济（华力创通、金百泽）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-gray-800 mb-4">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
|
||
<thead class="bg-gray-50">
|
||
<tr>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">业务进展</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200">
|
||
<tr>
|
||
<td class="px-4 py-3 font-medium text-gray-900">移远通信</td>
|
||
<td class="px-4 py-3 text-gray-600">RedCap模组已送样，2024年Q4量产；<strong>全球模组市占率38%</strong>。</td>
|
||
<td class="px-4 py-3 text-gray-600">价格战导致毛利率<20%。</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="px-4 py-3 font-medium text-gray-900">通宇通信</td>
|
||
<td class="px-4 py-3 text-gray-600">5G-A天线通过华为认证，<strong>192通道天线单价提升50%</strong>。</td>
|
||
<td class="px-4 py-3 text-gray-600">毫米波天线量产良率待验证。</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="px-4 py-3 font-medium text-gray-900">华力创通</td>
|
||
<td class="px-4 py-3 text-gray-600">天通+5G双模终端用于无人机，<strong>2024年订单超1亿元</strong>。</td>
|
||
<td class="px-4 py-3 text-gray-600">依赖军工订单，民品拓展慢。</td>
|
||
</tr>
|
||
<tr class="bg-gray-50">
|
||
<td class="px-4 py-3 font-medium text-gray-900">信科移动</td>
|
||
<td class="px-4 py-3 text-gray-600">5G-A基站软件升级方案成熟，<strong>2025年存量站改造占比70%</strong>。</td>
|
||
<td class="px-4 py-3 text-gray-600">运营商资本开支下滑压制需求。</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 风险与挑战 -->
|
||
<div class="card bg-white rounded-xl shadow-lg mb-8 overflow-hidden">
|
||
<div class="p-6">
|
||
<h2 class="text-2xl font-bold text-gray-800 mb-6">
|
||
<i class="fas fa-exclamation-circle mr-3 text-red-600"></i>潜在风险与挑战
|
||
</h2>
|
||
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div class="space-y-4">
|
||
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded">
|
||
<h3 class="font-semibold text-gray-800 mb-2">技术风险</h3>
|
||
<p class="text-gray-600">通感一体化<strong>定位精度</strong>在复杂环境（城市峡谷）可能降至<strong>米级</strong>（华为测试数据）。</p>
|
||
</div>
|
||
|
||
<div class="bg-orange-50 border-l-4 border-orange-500 p-4 rounded">
|
||
<h3 class="font-semibold text-gray-800 mb-2">商业化风险</h3>
|
||
<p class="text-gray-600">RedCap在<strong>消费电子</strong>（智能手表）渗透慢，因<strong>功耗仍高于Cat.1</strong>（广和通路演）。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="space-y-4">
|
||
<div class="bg-yellow-50 border-l-4 border-yellow-500 p-4 rounded">
|
||
<h3 class="font-semibold text-gray-800 mb-2">政策风险</h3>
|
||
<p class="text-gray-600">6G标准若提前冻结（2028年），可能<strong>跳过5G-A阶段</strong>（东亚前海证券路演）。</p>
|
||
</div>
|
||
|
||
<div class="bg-blue-50 border-l-4 border-blue-500 p-4 rounded">
|
||
<h3 class="font-semibold text-gray-800 mb-2">信息矛盾</h3>
|
||
<p class="text-gray-600">部分研报称<strong>5G-A需新建基站</strong>，但运营商路演明确<strong>软件升级为主</strong>。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 投资启示 -->
|
||
<div class="card bg-gradient-to-r from-indigo-600 to-purple-600 rounded-xl shadow-lg mb-8 overflow-hidden">
|
||
<div class="p-6">
|
||
<h2 class="text-2xl font-bold text-white mb-6">
|
||
<i class="fas fa-chart-line mr-3"></i>综合结论与投资启示
|
||
</h2>
|
||
|
||
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-5 mb-6">
|
||
<h3 class="text-lg font-semibold text-white mb-2">阶段判断</h3>
|
||
<p class="text-white text-opacity-90">
|
||
5G5.5G处于<strong>主题炒作向基本面过渡</strong>阶段，<strong>RedCap落地</strong>是首个验证点。
|
||
</p>
|
||
</div>
|
||
|
||
<div class="grid md:grid-cols-2 gap-6 mb-6">
|
||
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-5">
|
||
<h3 class="text-lg font-semibold text-white mb-3">短期投资（2024-2025）</h3>
|
||
<ul class="space-y-2 text-white text-opacity-90">
|
||
<li><strong>RedCap模组</strong>（移远通信、广和通）</li>
|
||
<li><strong>工业场景</strong>（利尔达）</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-5">
|
||
<h3 class="text-lg font-semibold text-white mb-3">长期投资（2026+）</h3>
|
||
<ul class="space-y-2 text-white text-opacity-90">
|
||
<li><strong>通感一体化</strong>（通宇通信、华力创通）</li>
|
||
<li><strong>低空经济配套</strong>（金百泽）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-5">
|
||
<h3 class="text-lg font-semibold text-white mb-3">跟踪指标</h3>
|
||
<ul class="space-y-2 text-white text-opacity-90">
|
||
<li><strong>RedCap模组出货量</strong>（2024Q4起季度环比增速>50%）</li>
|
||
<li><strong>运营商5G-A集采规模</strong>（2025年集采金额是否超<strong>100亿元</strong>）</li>
|
||
<li><strong>低空经济试点城市5G-A项目数量</strong>（深圳/合肥2024年招标进展）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据表格 -->
|
||
<div class="card bg-white rounded-xl shadow-lg overflow-hidden">
|
||
<div class="gradient-bg p-6">
|
||
<h2 class="text-2xl font-bold text-white mb-2">
|
||
<i class="fas fa-table mr-3"></i>5G5.5G关联股票
|
||
</h2>
|
||
<p class="text-white text-opacity-90">产业链各环节相关上市公司一览</p>
|
||
</div>
|
||
<div class="p-6">
|
||
<div class="table-container">
|
||
<table class="min-w-full bg-white border border-gray-200 rounded-lg">
|
||
<thead class="bg-gray-50">
|
||
<tr>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">产业链环节</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">子类别</th>
|
||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200" id="stockTableBody">
|
||
<!-- 股票数据将通过JavaScript动态填充 -->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||
<script>
|
||
// 初始化粒子背景
|
||
tsParticles.load("particles-js", {
|
||
particles: {
|
||
number: {
|
||
value: 80,
|
||
density: {
|
||
enable: true,
|
||
value_area: 800
|
||
}
|
||
},
|
||
color: {
|
||
value: "#8b5cf6"
|
||
},
|
||
shape: {
|
||
type: "circle"
|
||
},
|
||
opacity: {
|
||
value: 0.5,
|
||
random: false
|
||
},
|
||
size: {
|
||
value: 3,
|
||
random: true
|
||
},
|
||
line_linked: {
|
||
enable: true,
|
||
distance: 150,
|
||
color: "#8b5cf6",
|
||
opacity: 0.4,
|
||
width: 1
|
||
},
|
||
move: {
|
||
enable: true,
|
||
speed: 2,
|
||
direction: "none",
|
||
random: false,
|
||
straight: false,
|
||
out_mode: "out",
|
||
bounce: false
|
||
}
|
||
},
|
||
interactivity: {
|
||
detect_on: "canvas",
|
||
events: {
|
||
onhover: {
|
||
enable: true,
|
||
mode: "grab"
|
||
},
|
||
onclick: {
|
||
enable: true,
|
||
mode: "push"
|
||
},
|
||
resize: true
|
||
},
|
||
modes: {
|
||
grab: {
|
||
distance: 140,
|
||
line_linked: {
|
||
opacity: 1
|
||
}
|
||
},
|
||
push: {
|
||
particles_nb: 4
|
||
}
|
||
}
|
||
},
|
||
retina_detect: true
|
||
});
|
||
|
||
// 股票数据
|
||
const stockData = [{'5G5.5G（20241125）': [{'stock': '通宇通讯', '产业链环节': '接入网', '子类别': '天线', '原因': '图片中接入网天线分类下列出的公司'}, {'stock': '盛路通信', '产业链环节': '接入网', '子类别': '天线', '原因': '图片中接入网天线分类下列出的公司'}, {'stock': '信科移动', '产业链环节': '接入网', '子类别': '天线', '原因': '图片中接入网天线分类下列出的公司'}, {'stock': '世嘉科技', '产业链环节': '接入网', '子类别': '天线', '原因': '图片中接入网天线分类下列出的公司'}, {'stock': '武汉凡谷', '产业链环节': '接入网', '子类别': '射频', '原因': '图片中接入网射频分类下列出的公司'}, {'stock': '大富科技', '产业链环节': '接入网', '子类别': '射频', '原因': '图片中接入网射频分类下列出的公司'}, {'stock': '阿莱德', '产业链环节': '接入网', '子类别': '射频', '原因': '图片中接入网射频分类下列出的公司'}, {'stock': '金信诺', '产业链环节': '接入网', '子类别': '射频', '原因': '图片中接入网射频分类下列出的公司'}, {'stock': '沪电股份', '产业链环节': '接入网', '子类别': 'PCB', '原因': '图片中接入网PCB分类下列出的公司'}, {'stock': '景旺电子', '产业链环节': '接入网', '子类别': 'PCB', '原因': '图片中接入网PCB分类下列出的公司'}, {'stock': '本川智能', '产业链环节': '接入网', '子类别': 'PCB', '原因': '图片中接入网PCB分类下列出的公司'}, {'stock': '灿勤科技', '产业链环节': '接入网', '子类别': '滤波器', '原因': '图片中接入网滤波器分类下列出的公司'}, {'stock': '东山精密', '产业链环节': '接入网', '子类别': '滤波器', '原因': '图片中接入网滤波器分类下列出的公司'}, {'stock': '大富科技', '产业链环节': '接入网', '子类别': '滤波器', '原因': '图片中接入网滤波器分类下列出的公司'}, {'stock': '春兴精工', '产业链环节': '接入网', '子类别': '滤波器', '原因': '图片中接入网滤波器分类下列出的公司'}, {'stock': '中兴通讯', '产业链环节': '接入网', '子类别': '主设备', '原因': '图片中接入网主设备分类下列出的公司'}, {'stock': '华为', '产业链环节': '接入网', '子类别': '主设备', '原因': '图片中接入网主设备分类下列出的公司'}, {'stock': '爱立信', '产业链环节': '接入网', '子类别': '主设备', '原因': '图片中接入网主设备分类下列出的公司'}, {'stock': '普利特', '产业链环节': '接入网', '子类别': 'LCP材料', '原因': '图片中接入网LCP材料分类下列出的公司'}, {'stock': '沃特股份', '产业链环节': '接入网', '子类别': 'LCP材料', '原因': '图片中接入网LCP材料分类下列出的公司'}, {'stock': '金发科技', '产业链环节': '接入网', '子类别': 'LCP材料', '原因': '图片中接入网LCP材料分类下列出的公司'}, {'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': '海格通信', '产业链环节': '专用网', '子类别': '专用网', '原因': '图片中专用网分类下列出的公司'}, {'stock': '东方通信', '产业链环节': '专用网', '子类别': '专用网', '原因': '图片中专用网分类下列出的公司'}, {'stock': '上海瀚讯', '产业链环节': '专用网', '子类别': '专用网', '原因': '图片中专用网分类下列出的公司'}]}];
|
||
|
||
// 填充股票数据到表格
|
||
function populateStockTable() {
|
||
const tableBody = document.getElementById('stockTableBody');
|
||
const stocks = stockData[0]['5G5.5G（20241125）'];
|
||
|
||
stocks.forEach((stock, index) => {
|
||
const row = document.createElement('tr');
|
||
if (index % 2 === 0) {
|
||
row.classList.add('bg-gray-50');
|
||
}
|
||
|
||
// 为产业链环节添加颜色标记
|
||
let linkColor = '';
|
||
switch(stock['产业链环节']) {
|
||
case '接入网':
|
||
linkColor = 'text-purple-600';
|
||
break;
|
||
case '承载网':
|
||
linkColor = 'text-indigo-600';
|
||
break;
|
||
case '核心网':
|
||
linkColor = 'text-blue-600';
|
||
break;
|
||
case '专用网':
|
||
linkColor = 'text-green-600';
|
||
break;
|
||
default:
|
||
linkColor = 'text-gray-600';
|
||
}
|
||
|
||
row.innerHTML = `
|
||
<td class="px-4 py-3 font-medium text-gray-900">${stock['stock']}</td>
|
||
<td class="px-4 py-3">
|
||
<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${linkColor} bg-opacity-10 ${linkColor.replace('text', 'bg')}">
|
||
${stock['产业链环节']}
|
||
</span>
|
||
</td>
|
||
<td class="px-4 py-3 text-gray-600">${stock['子类别']}</td>
|
||
<td class="px-4 py-3 text-gray-600 text-sm">${stock['原因']}</td>
|
||
`;
|
||
|
||
tableBody.appendChild(row);
|
||
});
|
||
}
|
||
|
||
// 页面加载完成后填充表格
|
||
document.addEventListener('DOMContentLoaded', populateStockTable);
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |