Files
vf_react/public/htmls/军机.html
2025-10-11 16:16:02 +08:00

663 lines
35 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" />
<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" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
body {
font-family: 'Noto Sans SC', 'Inter', sans-serif;
background: #0f172a;
color: #e2e8f0;
}
.gradient-text {
background: linear-gradient(120deg, #3b82f6, #8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.card-gradient {
background: linear-gradient(135deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.9));
backdrop-filter: blur(10px);
border: 1px solid rgba(100, 116, 139, 0.2);
}
.timeline-dot {
background: #3b82f6;
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}
.table-hover tbody tr:hover {
background-color: rgba(59, 130, 246, 0.1);
}
.section-title {
position: relative;
padding-left: 16px;
}
.section-title::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 24px;
background: #3b82f6;
border-radius: 2px;
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.card {
backdrop-filter: blur(10px);
background: rgba(15, 23, 42, 0.7);
border: 1px solid rgba(100, 116, 139, 0.2);
}
.tag {
display: inline-block;
padding: 2px 10px;
border-radius: 12px;
font-size: 12px;
font-weight: 500;
margin-right: 6px;
margin-bottom: 6px;
}
.tag-blue {
background: rgba(59, 130, 246, 0.2);
color: #93c5fd;
}
.tag-purple {
background: rgba(139, 92, 246, 0.2);
color: #c4b5fd;
}
.tag-green {
background: rgba(16, 185, 129, 0.2);
color: #6ee7b7;
}
.tag-yellow {
background: rgba(245, 158, 11, 0.2);
color: #fcd34d;
}
.tag-red {
background: rgba(239, 68, 68, 0.2);
color: #fca5a5;
}
</style>
</head>
<body class="min-h-screen">
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">军机概念深度分析</h1>
<p class="text-lg text-slate-400 max-w-3xl mx-auto">
从五代机放量到六代机突破,军机产业迎来技术迭代与军贸爆发双重机遇
</p>
</div>
<!-- 概念事件与时间轴 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 section-title">概念事件与时间轴</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-blue-400">背景与催化事件</h3>
<div class="space-y-3">
<div class="flex items-start">
<span class="tag tag-blue">2024年8月-2025年5月</span>
<p class="ml-2 text-slate-300">以色列军机连续在黎巴嫩上空突破音障,埃及、摩洛哥、韩国等多国军机坠毁事件频发,凸显全球军机战备压力与更新换代需求。</p>
</div>
<div class="flex items-start">
<span class="tag tag-blue">2024年11月</span>
<p class="ml-2 text-slate-300">中国歼-35A隐身战机首次公开亮相珠海航展标志国产五代机外贸版正式登场。</p>
</div>
<div class="flex items-start">
<span class="tag tag-blue">2025年2月</span>
<p class="ml-2 text-slate-300">华西军工报告明确看好碳纤维环节中简科技22亿订单延长至2026年埃及接收首批歼-10CE印证军贸订单加速落地。</p>
</div>
<div class="flex items-start">
<span class="tag tag-blue">2025年3月</span>
<p class="ml-2 text-slate-300">东北军工路演提出"六代机已试飞"沈飞、成飞两款性能参数3万米高空、3马赫巡航碾压五代机催化技术迭代预期。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">关键时间轴</h3>
<div class="relative pl-8 border-l-2 border-slate-700">
<div class="mb-6 relative">
<div class="absolute -left-9 top-0 w-4 h-4 rounded-full timeline-dot"></div>
<div class="font-semibold text-blue-400">2024年8月</div>
<p class="text-slate-300">以军机连续突破音障,中东局势紧张</p>
</div>
<div class="mb-6 relative">
<div class="absolute -left-9 top-0 w-4 h-4 rounded-full timeline-dot"></div>
<div class="font-semibold text-blue-400">2024年11月</div>
<p class="text-slate-300">歼-35A亮相航展歼-20双座版歼-20S曝光</p>
</div>
<div class="mb-6 relative">
<div class="absolute -left-9 top-0 w-4 h-4 rounded-full timeline-dot"></div>
<div class="font-semibold text-blue-400">2025年2月</div>
<p class="text-slate-300">埃及接收歼-10CE中简科技碳纤维订单超预期</p>
</div>
<div class="mb-6 relative">
<div class="absolute -left-9 top-0 w-4 h-4 rounded-full timeline-dot"></div>
<div class="font-semibold text-blue-400">2025年3月</div>
<p class="text-slate-300">六代机试飞消息流出,军工集团人事调整完成</p>
</div>
<div class="relative">
<div class="absolute -left-9 top-0 w-4 h-4 rounded-full timeline-dot"></div>
<div class="font-semibold text-blue-400">2025年5月</div>
<p class="text-slate-300">韩国军机坠毁、印巴冲突刺激军贸需求,军工板块估值触底反弹</p>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 section-title">核心观点摘要</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-gradient-to-br from-blue-900/30 to-slate-900/50 p-5 rounded-lg border border-blue-500/20">
<div class="text-blue-400 text-sm font-semibold mb-2">阶段判断</div>
<p class="text-slate-300">军机产业处于"五代机放量+六代机突破"的过渡期,军贸出口成为第二增长曲线。</p>
</div>
<div class="bg-gradient-to-br from-purple-900/30 to-slate-900/50 p-5 rounded-lg border border-purple-500/20">
<div class="text-purple-400 text-sm font-semibold mb-2">核心驱动力</div>
<ul class="text-slate-300 space-y-1 text-sm">
<li>• 国内换装二代机占比76%→四代/五代机加速列装)</li>
<li>• 军贸爆发(歼-10CE/歼-35出口中东/东南亚需求激增)</li>
<li>• 材料升级碳纤维复材渗透率从20%→40%</li>
</ul>
</div>
<div class="bg-gradient-to-br from-green-900/30 to-slate-900/50 p-5 rounded-lg border border-green-500/20">
<div class="text-green-400 text-sm font-semibold mb-2">未来潜力</div>
<p class="text-slate-300">六代机技术代差优势3万米/3马赫将重塑全球军贸格局中航沈飞、洪都航空、中简科技为核心受益标的。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 section-title">核心逻辑与市场认知分析</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4 text-blue-400">核心驱动力</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-slate-800/50 p-4 rounded-lg">
<div class="text-blue-400 font-semibold mb-2 flex items-center">
<i class="fas fa-rocket mr-2"></i>技术突破
</div>
<p class="text-sm text-slate-300">六代机试飞成功(成飞/沈飞),涡扇-15发动机推重比超F135隐身材料光启技术超材料领先美国。</p>
</div>
<div class="bg-slate-800/50 p-4 rounded-lg">
<div class="text-purple-400 font-semibold mb-2 flex items-center">
<i class="fas fa-landmark mr-2"></i>政策驱动
</div>
<p class="text-sm text-slate-300">2027年建军百年目标倒逼装备升级"十五五"规划明确弹药/军机双主线。</p>
</div>
<div class="bg-slate-800/50 p-4 rounded-lg">
<div class="text-green-400 font-semibold mb-2 flex items-center">
<i class="fas fa-chart-line mr-2"></i>成本下降
</div>
<p class="text-sm text-slate-300">碳纤维复材规模化中简科技ZT9H批产使军机减重20%-40%单机成本下降15%。</p>
</div>
</div>
</div>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4 text-blue-400">市场热度与情绪</h3>
<div class="bg-slate-800/30 p-5 rounded-lg">
<div class="flex flex-wrap gap-2 mb-4">
<span class="tag tag-yellow">研报密集度</span>
<span class="text-slate-300">2025年2-5月华西、东北、长江等7家券商发布军机深度报告</span>
</div>
<div class="flex flex-wrap gap-2 mb-4">
<span class="tag tag-yellow">中航沈飞</span>
<span class="text-slate-300">被提及12次</span>
</div>
<div class="flex flex-wrap gap-2">
<span class="tag tag-yellow">洪都航空</span>
<span class="text-slate-300">被提及9次</span>
</div>
<div class="mt-4 pt-4 border-t border-slate-700">
<div class="flex items-center mb-2">
<span class="tag tag-red">情绪分歧</span>
</div>
<p class="text-slate-300">市场对六代机量产时间存疑预计2028-2030年但一致看好军贸埃及/巴基斯坦订单验证)。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">预期差分析</h3>
<div class="bg-gradient-to-r from-blue-900/20 to-purple-900/20 p-5 rounded-lg border border-blue-500/20">
<div class="mb-4">
<div class="text-blue-400 font-semibold mb-2">被忽略的关键点</div>
</div>
<div class="space-y-4">
<div class="bg-slate-800/40 p-4 rounded-lg">
<div class="text-purple-400 font-semibold mb-1">军贸溢价</div>
<p class="text-slate-300">歼-35出口价约8000万美元仅为F-35的1/3但毛利率超50%国内军品毛利率7%→军贸21%)。</p>
</div>
<div class="bg-slate-800/40 p-4 rounded-lg">
<div class="text-purple-400 font-semibold mb-1">材料瓶颈</div>
<p class="text-slate-300">全球95%镓被中国控制F-35因缺镓导致TR组件停产年产从150架降至36架中国六代机供应链优势显著。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 section-title">关键催化剂与未来发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">近期催化剂3-6个月</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-blue-500/20 p-2 rounded-lg mr-3">
<i class="fas fa-calendar-alt text-blue-400"></i>
</div>
<div>
<div class="font-semibold text-blue-400">2025年Q3</div>
<p class="text-slate-300 text-sm">歼-35海军版量产福建舰配套中航沈飞产能利用率从70%→90%。</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-500/20 p-2 rounded-lg mr-3">
<i class="fas fa-calendar-alt text-blue-400"></i>
</div>
<div>
<div class="font-semibold text-blue-400">2025年Q4</div>
<p class="text-slate-300 text-sm">六代机首飞高清图曝光类似2024年12月歼-36试飞事件催化主题行情。</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">长期发展路径</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-purple-500/20 p-2 rounded-lg mr-3">
<i class="fas fa-route text-purple-400"></i>
</div>
<div>
<div class="font-semibold text-purple-400">2025-2027</div>
<p class="text-slate-300 text-sm">五代机(歼-20/35国内列装200架+/年军贸出口50架+/年(中东/东南亚)。</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-purple-500/20 p-2 rounded-lg mr-3">
<i class="fas fa-route text-purple-400"></i>
</div>
<div>
<div class="font-semibold text-purple-400">2028-2030</div>
<p class="text-slate-300 text-sm">六代机小批量列装形成对F-35的"代差压制"军贸市占率从3%→15%。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 section-title">产业链与核心公司深度剖析</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4 text-blue-400">产业链图谱</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-slate-800/50 p-5 rounded-lg">
<div class="text-blue-400 font-semibold mb-3 text-center">上游材料</div>
<div class="space-y-2">
<div class="flex justify-between">
<span class="text-slate-400">碳纤维</span>
<span class="text-slate-300">中简科技、光威复材</span>
</div>
<div class="flex justify-between">
<span class="text-slate-400">钛合金</span>
<span class="text-slate-300">西部超导</span>
</div>
<div class="flex justify-between">
<span class="text-slate-400">隐身材料</span>
<span class="text-slate-300">光启技术</span>
</div>
</div>
</div>
<div class="bg-slate-800/50 p-5 rounded-lg">
<div class="text-purple-400 font-semibold mb-3 text-center">中游分系统</div>
<div class="space-y-2">
<div class="flex justify-between">
<span class="text-slate-400">发动机</span>
<span class="text-slate-300">航发动力</span>
</div>
<div class="flex justify-between">
<span class="text-slate-400">航电</span>
<span class="text-slate-300">中航机载</span>
</div>
<div class="flex justify-between">
<span class="text-slate-400">锻造</span>
<span class="text-slate-300">中航重机</span>
</div>
</div>
</div>
<div class="bg-slate-800/50 p-5 rounded-lg">
<div class="text-green-400 font-semibold mb-3 text-center">下游主机厂</div>
<div class="space-y-2">
<div class="flex justify-between">
<span class="text-slate-400">战斗机</span>
<span class="text-slate-300">中航沈飞歼-20/35</span>
</div>
<div class="flex justify-between">
<span class="text-slate-400">教练机</span>
<span class="text-slate-300">洪都航空L-15</span>
</div>
<div class="flex justify-between">
<span class="text-slate-400">无人机</span>
<span class="text-slate-300">航天彩虹翼龙</span>
</div>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-slate-700">
<th class="py-3 px-4 text-left text-blue-400">公司</th>
<th class="py-3 px-4 text-left text-blue-400">核心逻辑</th>
<th class="py-3 px-4 text-left text-blue-400">风险点</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-slate-800">
<td class="py-3 px-4 font-semibold text-purple-400">中航沈飞</td>
<td class="py-3 px-4 text-slate-300">歼-35唯一总装厂军贸订单弹性大2025年关联交易上限149亿同比+33%)。</td>
<td class="py-3 px-4 text-slate-300">六代机量产进度不及预期。</td>
</tr>
<tr class="border-b border-slate-800">
<td class="py-3 px-4 font-semibold text-purple-400">洪都航空</td>
<td class="py-3 px-4 text-slate-300">L-15教练机出口非洲/中东单价2000万-9500万毛利率超40%。</td>
<td class="py-3 px-4 text-slate-300">教练机需求受军费削减影响。</td>
</tr>
<tr>
<td class="py-3 px-4 font-semibold text-purple-400">中简科技</td>
<td class="py-3 px-4 text-slate-300">碳纤维占歼-20机身30%22亿订单延长至2026年产能利用率50%→80%。</td>
<td class="py-3 px-4 text-slate-300">降价压力传导至材料环节。</td>
</tr>
</tbody>
</table>
</div>
<div class="mt-6 grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-green-900/20 p-4 rounded-lg border border-green-500/20">
<div class="text-green-400 font-semibold mb-2 flex items-center">
<i class="fas fa-check-circle mr-2"></i>印证
</div>
<p class="text-slate-300 text-sm">中航沈飞2025年Q1合同负债+120%(军贸预付款到账)。</p>
</div>
<div class="bg-red-900/20 p-4 rounded-lg border border-red-500/20">
<div class="text-red-400 font-semibold mb-2 flex items-center">
<i class="fas fa-exclamation-circle mr-2"></i>矛盾
</div>
<p class="text-slate-300 text-sm">研报预测歼-35年产能100架但路演透露当前仅30架/年需2026年扩产完成</p>
</div>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 section-title">潜在风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-slate-800/50 p-5 rounded-lg">
<div class="text-red-400 font-semibold mb-2 flex items-center">
<i class="fas fa-microchip mr-2"></i>技术风险
</div>
<p class="text-slate-300 text-sm">六代机3万米高空性能需验证现有导弹无法拦截但自身雷达探测距离可能受限</p>
</div>
<div class="bg-slate-800/50 p-5 rounded-lg">
<div class="text-red-400 font-semibold mb-2 flex items-center">
<i class="fas fa-handshake mr-2"></i>商业化风险
</div>
<p class="text-slate-300 text-sm">军贸订单受地缘政治波动(如印巴冲突缓和可能导致巴基斯坦延迟付款)。</p>
</div>
<div class="bg-slate-800/50 p-5 rounded-lg">
<div class="text-red-400 font-semibold mb-2 flex items-center">
<i class="fas fa-balance-scale mr-2"></i>政策风险
</div>
<p class="text-slate-300 text-sm">美国可能扩大对华镓出口管制影响F-35复产间接利好中国军机出口</p>
</div>
<div class="bg-slate-800/50 p-5 rounded-lg">
<div class="text-red-400 font-semibold mb-2 flex items-center">
<i class="fas fa-info-circle mr-2"></i>信息矛盾
</div>
<p class="text-slate-300 text-sm">东北军工称六代机已试飞,但航发动力路演透露涡扇-15寿命仅2000小时国际顶尖5000小时</p>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="card rounded-xl p-6 mb-8">
<h2 class="text-2xl font-bold mb-6 section-title">综合结论与投资启示</h2>
<div class="mb-6">
<div class="bg-gradient-to-r from-blue-900/30 to-purple-900/30 p-5 rounded-lg border border-blue-500/20">
<div class="text-blue-400 font-semibold mb-2">阶段判断</div>
<p class="text-slate-300">军机产业从主题炒作(六代机预期)转向基本面驱动(军贸订单+材料放量)。</p>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4 text-blue-400">最具价值方向</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-slate-800/50 p-5 rounded-lg">
<div class="text-purple-400 font-semibold mb-3">1. 军贸主机厂</div>
<div class="space-y-2">
<div class="flex items-center">
<div class="w-2 h-2 rounded-full bg-purple-500 mr-2"></div>
<span class="text-slate-300">中航沈飞(歼-35</span>
</div>
<div class="flex items-center">
<div class="w-2 h-2 rounded-full bg-purple-500 mr-2"></div>
<span class="text-slate-300">洪都航空L-15</span>
</div>
</div>
</div>
<div class="bg-slate-800/50 p-5 rounded-lg">
<div class="text-green-400 font-semibold mb-3">2. 材料龙头</div>
<div class="space-y-2">
<div class="flex items-center">
<div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div>
<span class="text-slate-300">中简科技(碳纤维)</span>
</div>
<div class="flex items-center">
<div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div>
<span class="text-slate-300">光启技术(隐身材料)</span>
</div>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-400">关键跟踪指标</h3>
<div class="space-y-4">
<div class="bg-slate-800/40 p-4 rounded-lg">
<div class="text-blue-400 font-semibold mb-1">歼-35出口订单</div>
<p class="text-slate-300 text-sm">2025年H2中东客户沙特/阿联酋)是否追加采购。</p>
</div>
<div class="bg-slate-800/40 p-4 rounded-lg">
<div class="text-blue-400 font-semibold mb-1">碳纤维价格</div>
<p class="text-slate-300 text-sm">中简科技ZT9H产品是否降价当前3000元/公斤军贸可溢价50%)。</p>
</div>
<div class="bg-slate-800/40 p-4 rounded-lg">
<div class="text-blue-400 font-semibold mb-1">六代机进度</div>
<p class="text-slate-300 text-sm">2025年Q4是否公布官方试飞视频类似2024年歼-36事件</p>
</div>
</div>
</div>
</div>
<!-- 关联股票数据表格 -->
<div class="card rounded-xl p-6">
<h2 class="text-2xl font-bold mb-6 section-title">关联股票数据</h2>
<div class="overflow-x-auto">
<table class="w-full text-sm table-hover">
<thead>
<tr class="border-b border-slate-700">
<th class="py-3 px-4 text-left text-blue-400">股票名称</th>
<th class="py-3 px-4 text-left text-blue-400">行业</th>
<th class="py-3 px-4 text-left text-blue-400">项目</th>
<th class="py-3 px-4 text-left text-blue-400">分类</th>
<th class="py-3 px-4 text-left text-blue-400">产业链</th>
<th class="py-3 px-4 text-left text-blue-400">原因</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 股票数据将通过JavaScript动态填充 -->
</tbody>
</table>
</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: 30,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#3b82f6"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: true
},
size: {
value: 3,
random: true
},
move: {
enable: true,
speed: 1,
direction: "none",
random: true,
straight: false,
out_mode: "out"
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "grab"
},
onclick: {
enable: true,
mode: "push"
}
}
},
retina_detect: true
});
// 填充股票数据表格
const stockData = [{'军机(241227)': [{'stock': '中航电测', '行业': '军机', '项目': '主机厂', '分类': '僚机', '产业链': '战斗机', 'reason': '表格中显示中航电测属于主机厂、僚机及战斗机产业链'}, {'stock': '中航沈飞', '行业': '军机', '项目': '主机厂', '分类': '僚机', '产业链': '战斗机', 'reason': '表格中显示中航沈飞属于主机厂、僚机及战斗机产业链'}, {'stock': '洪都航空', '行业': '军机', '分类': '僚机', 'reason': '表格中显示洪都航空属于僚机分类'}, {'stock': '光启技术', '行业': '军机', '分类': '隐身', 'reason': '表格中显示光启技术属于隐身技术'}, {'stock': '佳驰科技', '行业': '军机', '分类': '隐身', 'reason': '表格中显示佳驰科技属于隐身技术'}, {'stock': '华秦科技', '行业': '军机', '分类': '隐身', 'reason': '表格中显示华秦科技属于隐身技术'}, {'stock': '中航机载', '行业': '军机', '项目': '机电系统', '分类': '机载系统', 'reason': '表格中显示中航机载属于机电系统'}, {'stock': '海特高新', '行业': '军机', '项目': '机电系统', '分类': '机载系统', 'reason': '表格中显示海特高新属于机电系统'}, {'stock': '全信股份', '行业': '军机', '项目': '机电系统', '分类': '机载系统', 'reason': '表格中显示全信股份属于机电系统'}, {'stock': '中航光电', '行业': '军机', '项目': '机电系统', '分类': '机载系统', 'reason': '表格中显示中航光电属于机电系统'}, {'stock': '景嘉微', '行业': '军机', '项目': '航电系统', '分类': '机载系统', 'reason': '表格中显示景嘉微属于航电系统'}, {'stock': '烽火电子', '行业': '军机', '项目': '航电系统', '分类': '机载系统', 'reason': '表格中显示烽火电子属于航电系统'}, {'stock': '航发动力', '行业': '军机', '项目': '航发', '分类': '动力系统', 'reason': '表格中显示航发动力属于航发项目'}, {'stock': '航发控制', '行业': '军机', '项目': '航发', '分类': '动力系统', 'reason': '表格中显示航发控制属于航发项目'}, {'stock': '航发科技', '行业': '军机', '项目': '发动机零部件', '分类': '动力系统', 'reason': '表格中显示航发科技属于发动机零部件'}, {'stock': '中航重机', '行业': '军机', '项目': '发动机零部件', '分类': '动力系统', 'reason': '表格中显示中航重机属于发动机零部件'}, {'stock': '三角防务', '行业': '军机', '项目': '发动机零部件', '分类': '动力系统', 'reason': '表格中显示三角防务属于发动机零部件'}, {'stock': '应流股份', '行业': '军机', '项目': '发动机零部件', '分类': '动力系统', 'reason': '表格中显示应流股份属于发动机零部件'}, {'stock': '龙溪股份', '行业': '军机', '项目': '转动轴承', '分类': '动力系统', 'reason': '表格中显示龙溪股份属于转动轴承'}, {'stock': '中航重机', '行业': '军机', '项目': '机体结构', '分类': '机体制造', 'reason': '表格中显示中航重机属于机体结构'}, {'stock': '三角防务', '行业': '军机', '项目': '机体结构', '分类': '机体制造', 'reason': '表格中显示三角防务属于机体结构'}, {'stock': '爱乐达', '行业': '军机', '项目': '机体结构', '分类': '机体制造', 'reason': '表格中显示爱乐达属于机体结构'}, {'stock': '利君股份', '行业': '军机', '项目': '机体结构', '分类': '机体制造', 'reason': '表格中显示利君股份属于机体结构'}, {'stock': '中国铝业', '行业': '军机', '项目': '铝合金', '分类': '机体材料', 'reason': '表格中显示中国铝业属于铝合金材料'}, {'stock': '南山铝业', '行业': '军机', '项目': '铝合金', '分类': '机体材料', 'reason': '表格中显示南山铝业属于铝合金材料'}, {'stock': '西部材料', '行业': '军机', '项目': '钛合金', '分类': '机体材料', 'reason': '表格中显示西部材料属于钛合金'}, {'stock': '宝钛股份', '行业': '军机', '项目': '钛合金', '分类': '机体材料', 'reason': '表格中显示宝钛股份属于钛合金'}, {'stock': '西部超导', '行业': '军机', '项目': '钛合金', '分类': '机体材料', 'reason': '表格中显示西部超导属于钛合金'}, {'stock': '中航高科', '行业': '军机', '项目': '复合材料', '分类': '机体材料', 'reason': '表格中显示中航高科属于复合材料'}, {'stock': '光威复材', '行业': '军机', '项目': '复合材料', '分类': '机体材料', 'reason': '表格中显示光威复材属于复合材料'}, {'stock': '中简科技', '行业': '军机', '项目': '复合材料', '分类': '机体材料', 'reason': '表格中显示中简科技属于复合材料'}, {'stock': '江航装备', '行业': '军机', '项目': '机载系统/信息化', '分类': '信息化', 'reason': '表格中显示江航装备属于机载系统/信息化'}, {'stock': '智明达', '行业': '军机', '项目': '机载系统/信息化', '分类': '信息化', 'reason': '表格中显示智明达属于机载系统/信息化'}, {'stock': '七一二', '行业': '军机', '项目': '机载系统/信息化', '分类': '信息化', 'reason': '表格中显示七一二属于机载系统/信息化'}, {'stock': '新劲刚', '行业': '军机', '项目': '机载系统/信息化', '分类': '信息化', 'reason': '表格中显示新劲刚属于机载系统/信息化'}, {'stock': '北摩高科', '行业': '军机', '项目': '起落架系统', '分类': '其它', 'reason': '表格中显示北摩高科属于起落架系统'}, {'stock': '南山铝业', '行业': '军机', '项目': '起落架系统', '分类': '其它', 'reason': '表格中显示南山铝业属于起落架系统'}, {'stock': '宝钛股份', '行业': '军机', '项目': '起落架系统', '分类': '其它', 'reason': '表格中显示宝钛股份属于起落架系统'}, {'stock': '中航西飞', '行业': '军机', '项目': '起落架系统', '分类': '其它', 'reason': '表格中显示中航西飞属于起落架系统'}, {'stock': '中航西飞', '行业': '军机', '项目': '运输机', '分类': '其它', 'reason': '表格中显示中航西飞属于运输机'}, {'stock': '中直股份', '行业': '军机', '项目': '直升机', '分类': '其它', 'reason': '表格中显示中直股份属于直升机'}, {'stock': '洪都航空', '行业': '军机', '项目': '教练机', '分类': '其它', 'reason': '表格中显示洪都航空属于教练机'}, {'stock': '北摩高科', '行业': '军机', '项目': '机轮和刹车系统', '分类': '其它', 'reason': '表格中显示北摩高科属于机轮和刹车系统'}, {'stock': '博云新材', '行业': '军机', '项目': '机轮和刹车系统', '分类': '其它', 'reason': '表格中显示博云新材属于机轮和刹车系统'}]}]}[0]['军机(241227)'];
const tableBody = document.getElementById('stockTableBody');
stockData.forEach(stock => {
const row = document.createElement('tr');
row.className = 'border-b border-slate-800 hover:bg-slate-800/30';
// 股票名称
const nameCell = document.createElement('td');
nameCell.className = 'py-3 px-4 font-semibold text-purple-400';
nameCell.textContent = stock.stock;
// 行业
const industryCell = document.createElement('td');
industryCell.className = 'py-3 px-4 text-slate-300';
industryCell.textContent = stock.行业;
// 项目
const projectCell = document.createElement('td');
projectCell.className = 'py-3 px-4 text-slate-300';
projectCell.textContent = stock.项目 || '-';
// 分类
const categoryCell = document.createElement('td');
categoryCell.className = 'py-3 px-4';
const categoryTag = document.createElement('span');
categoryTag.className = 'tag tag-blue';
categoryTag.textContent = stock.分类;
categoryCell.appendChild(categoryTag);
// 产业链
const chainCell = document.createElement('td');
chainCell.className = 'py-3 px-4 text-slate-300';
chainCell.textContent = stock.产业链 || '-';
// 原因
const reasonCell = document.createElement('td');
reasonCell.className = 'py-3 px-4 text-slate-300 text-xs max-w-xs';
reasonCell.textContent = stock.reason;
row.appendChild(nameCell);
row.appendChild(industryCell);
row.appendChild(projectCell);
row.appendChild(categoryCell);
row.appendChild(chainCell);
row.appendChild(reasonCell);
tableBody.appendChild(row);
});
</script>
</body>
</html>
```