606 lines
30 KiB
HTML
606 lines
30 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>钛合金消费电子潮 - 行业洞察与投资分析</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">
|
||
<!-- DaisyUI -->
|
||
<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" />
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Noto Sans SC', 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||
color: #e2e8f0;
|
||
min-height: 100vh;
|
||
}
|
||
|
||
.card {
|
||
background: rgba(30, 41, 59, 0.7);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(148, 163, 184, 0.1);
|
||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.card:hover {
|
||
transform: translateY(-5px);
|
||
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(90deg, #60a5fa, #818cf8);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.highlight-box {
|
||
background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(99, 102, 241, 0.2));
|
||
border-left: 4px solid #60a5fa;
|
||
}
|
||
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
th, td {
|
||
padding: 12px 15px;
|
||
text-align: left;
|
||
border-bottom: 1px solid rgba(148, 163, 184, 0.1);
|
||
}
|
||
|
||
th {
|
||
background-color: rgba(30, 41, 59, 0.5);
|
||
font-weight: 600;
|
||
color: #93c5fd;
|
||
}
|
||
|
||
tr:hover {
|
||
background-color: rgba(59, 130, 246, 0.1);
|
||
}
|
||
|
||
.badge {
|
||
display: inline-block;
|
||
padding: 0.25rem 0.5rem;
|
||
font-size: 0.75rem;
|
||
font-weight: 500;
|
||
border-radius: 9999px;
|
||
background-color: rgba(59, 130, 246, 0.2);
|
||
color: #93c5fd;
|
||
}
|
||
|
||
.timeline-dot {
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background-color: #60a5fa;
|
||
display: inline-block;
|
||
margin-right: 8px;
|
||
}
|
||
|
||
#particles-js {
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: -1;
|
||
}
|
||
|
||
.section-title {
|
||
position: relative;
|
||
padding-left: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.section-title::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 0;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 4px;
|
||
height: 24px;
|
||
background: linear-gradient(to bottom, #60a5fa, #818cf8);
|
||
border-radius: 2px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<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-300 max-w-3xl mx-auto">
|
||
从苹果iPhone 15 Pro到荣耀Magic V2，钛合金正引领消费电子轻量化革命，开启百亿级市场新篇章
|
||
</p>
|
||
</div>
|
||
|
||
<!-- 概念事件 -->
|
||
<div class="card rounded-xl p-6 mb-8">
|
||
<h2 class="text-2xl font-bold mb-6 section-title">概念事件</h2>
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<div class="timeline-dot mt-1.5"></div>
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-blue-300">2023年9月</h3>
|
||
<p>苹果发布iPhone 15 Pro系列，首次采用钛合金中框（TC4钛铝复合材料），减重<strong>8-9%</strong>，成为消费电子钛合金应用的里程碑事件。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="timeline-dot mt-1.5"></div>
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-blue-300">2023年7月</h3>
|
||
<p>荣耀Magic V2折叠屏手机采用<strong>3D打印钛合金铰链轴盖</strong>，减重<strong>20%</strong>，厚度降至<strong>9.9mm</strong>，验证钛合金在折叠屏轻量化中的关键作用。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="timeline-dot mt-1.5"></div>
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-blue-300">2024年</h3>
|
||
<p>小米14 Pro钛金属版、三星Galaxy S24 Ultra等机型跟进，钛合金从高端机型向中端渗透，应用场景扩展至手表、MR设备。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="timeline-dot mt-1.5"></div>
|
||
<div>
|
||
<h3 class="text-lg font-semibold text-blue-300">2025年</h3>
|
||
<p>机构预测全球折叠屏手机出货量将达<strong>4800万台</strong>（2022年仅1420万台），钛合金铰链/中框渗透率有望提升至<strong>30%</strong>。</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="highlight-box p-5 rounded-lg">
|
||
<div class="text-blue-400 text-3xl mb-3">
|
||
<i class="fas fa-chart-line"></i>
|
||
</div>
|
||
<h3 class="text-xl font-semibold mb-2">阶段判断</h3>
|
||
<p>钛合金消费电子潮处于<strong>"从1到N"的爆发前夜</strong>，苹果示范效应已验证技术可行性，2024-2025年将迎来安卓阵营全面跟进。</p>
|
||
</div>
|
||
<div class="highlight-box p-5 rounded-lg">
|
||
<div class="text-blue-400 text-3xl mb-3">
|
||
<i class="fas fa-rocket"></i>
|
||
</div>
|
||
<h3 class="text-xl font-semibold mb-2">核心驱动力</h3>
|
||
<p><strong>折叠屏轻量化需求</strong>（钛合金强度是铝合金3倍，密度仅60%）叠加<strong>3D打印技术突破</strong>（成本下降50%+效率提升30%），推动规模化应用。</p>
|
||
</div>
|
||
<div class="highlight-box p-5 rounded-lg">
|
||
<div class="text-blue-400 text-3xl mb-3">
|
||
<i class="fas fa-coins"></i>
|
||
</div>
|
||
<h3 class="text-xl font-semibold mb-2">未来潜力</h3>
|
||
<p>中性测算下，2025年全球手机钛合金需求将达<strong>3万吨</strong>（苹果独占1.3万吨），对应<strong>百亿级设备/材料市场</strong>。</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-300">核心驱动力</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg">
|
||
<h4 class="font-semibold mb-3 flex items-center">
|
||
<i class="fas fa-microchip mr-2 text-blue-400"></i>技术突破
|
||
</h4>
|
||
<ul class="space-y-2">
|
||
<li><strong>3D打印降本</strong>：钛合金粉末价格从2020年<strong>140万元/吨</strong>降至2023年<strong>70万元/吨</strong>（降幅50%），设备单价从500万降至<strong>20万/台</strong>（降幅96%）。</li>
|
||
<li><strong>工艺创新</strong>：钛铝复合材料（如苹果"三明治结构"）平衡强度与成本，CNC加工良率从30%提升至<strong>60%+</strong>（华锐精密数据）。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg">
|
||
<h4 class="font-semibold mb-3 flex items-center">
|
||
<i class="fas fa-shopping-cart mr-2 text-blue-400"></i>需求刚性
|
||
</h4>
|
||
<ul class="space-y-2">
|
||
<li>折叠屏手机需解决"厚重"痛点，钛合金铰链轴盖可使厚度减少<strong>15-20%</strong>（荣耀案例）。</li>
|
||
<li>高端手机（≥600美元）占比从2022年21%提升至2025年<strong>30%</strong>（Counterpoint），钛合金成为差异化卖点。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-8">
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-300">市场热度与情绪</h3>
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg">
|
||
<ul class="space-y-2">
|
||
<li><strong>研报密度</strong>：2023Q4以来，浙商、华泰、民生等10+家券商发布钛合金专题报告，<strong>3D打印设备（铂力特/华曙高科）</strong>和<strong>刀具（华锐精密）</strong>成为高频推荐标的。</li>
|
||
<li><strong>资金动向</strong>：2024年8月消费电子板块涨停潮中，<strong>金太阳（抛光设备）</strong>、<strong>银邦股份（钛材）</strong>等标的领涨，反映主题资金已介入。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-300">预期差分析</h3>
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg">
|
||
<div class="mb-3">
|
||
<span class="badge">市场共识</span>
|
||
<p class="mt-2">钛合金仅用于高端机（如iPhone Pro）。</p>
|
||
</div>
|
||
<div>
|
||
<span class="badge bg-blue-500 bg-opacity-30 text-blue-300">预期差</span>
|
||
<ul class="mt-2 space-y-2">
|
||
<li><strong>中端机渗透</strong>：小米14 Pro钛金属版定价<strong>6499元</strong>（接近普通旗舰），验证中端机型可行性。</li>
|
||
<li><strong>3D打印替代CNC</strong>：市场低估3D打印在复杂结构件（如折叠屏铰链）的效率优势，<strong>铂力特A450六激光设备</strong>效率已接近CNC（30% vs 传统50%）。</li>
|
||
</ul>
|
||
</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-300">近期催化剂（3-6个月）</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-gradient-to-br from-blue-900 to-indigo-900 p-5 rounded-lg">
|
||
<div class="text-blue-300 mb-2">2024年10月</div>
|
||
<p>华为Mate70系列发布，钛合金中框<strong>渗透率或达50%</strong>（银邦股份已确认供货）。</p>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-blue-900 to-indigo-900 p-5 rounded-lg">
|
||
<div class="text-blue-300 mb-2">2024年12月</div>
|
||
<p>苹果iPhone 16系列备货启动，<strong>纯钛中框</strong>可能首次应用于Pro Max机型（华锐精密刀具订单已提前锁定）。</p>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-blue-900 to-indigo-900 p-5 rounded-lg">
|
||
<div class="text-blue-300 mb-2">政策催化</div>
|
||
<p>中国"以旧换新"补贴覆盖钛合金手机（江苏/广东补贴15%），刺激换机需求。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-300">长期发展路径</h3>
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg">
|
||
<div class="space-y-4">
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">1</div>
|
||
<div>
|
||
<h4 class="font-semibold">2024-2025年</h4>
|
||
<p>安卓阵营全面导入，钛合金手机年出货量从<strong>2000万部</strong>增至<strong>1亿部</strong>（渗透率8%）。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">2</div>
|
||
<div>
|
||
<h4 class="font-semibold">2026-2027年</h4>
|
||
<p>技术下沉至中端机，3D打印成本降至<strong>10万元/台</strong>，折叠屏铰链100%钛合金化。</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">3</div>
|
||
<div>
|
||
<h4 class="font-semibold">2028年后</h4>
|
||
<p>钛合金扩展至平板、MR头显，全球消费电子钛材需求达<strong>10万吨</strong>（当前航空航天需求仅5万吨）。</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-300">产业链图谱</h3>
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg text-center">
|
||
<div class="flex flex-col md:flex-row items-center justify-center space-y-4 md:space-y-0 md:space-x-8">
|
||
<div class="bg-blue-900 px-6 py-3 rounded-lg">上游：钛材<br><span class="text-blue-300">宝钛股份/西部超导</span></div>
|
||
<div class="text-2xl text-blue-400">→</div>
|
||
<div class="bg-blue-900 px-6 py-3 rounded-lg">中游：3D打印设备/刀具<br><span class="text-blue-300">铂力特/华曙高科/华锐精密</span></div>
|
||
<div class="text-2xl text-blue-400">→</div>
|
||
<div class="bg-blue-900 px-6 py-3 rounded-lg">下游：代工厂<br><span class="text-blue-300">富士康/比亚迪电子</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-xl font-semibold mb-4 text-blue-300">核心玩家对比</h3>
|
||
<div class="table-container">
|
||
<table class="w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>公司</th>
|
||
<th>角色</th>
|
||
<th>进展</th>
|
||
<th>风险</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong>铂力特</strong></td>
|
||
<td>3D打印设备龙头</td>
|
||
<td>荣耀Magic V2铰链<strong>独家供应商</strong>，2024年消费电子订单占比<strong>30%</strong></td>
|
||
<td>竞争加剧（华曙高科追赶）</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>华锐精密</strong></td>
|
||
<td>钛合金刀具龙头</td>
|
||
<td>苹果刀具单价<strong>300元/支</strong>（vs铝合金25元），毛利率<strong>45%</strong></td>
|
||
<td>产能瓶颈（精密磨床交付6个月）</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>银邦股份</strong></td>
|
||
<td>钛材供应商</td>
|
||
<td>小米14/华为Mate70钛合金中框<strong>主供</strong>，2024年相关收入<strong>5亿元+</strong></td>
|
||
<td>钛价波动（20万/吨→潜在涨价）</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>金太阳</strong></td>
|
||
<td>抛光设备</td>
|
||
<td>钛合金中框抛光耗材单价<strong>200元/件</strong>（vs铝合金50元），绑定苹果链</td>
|
||
<td>技术替代（电解抛光工艺）</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</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-6">
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-3 text-red-400 flex items-center">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>技术风险
|
||
</h3>
|
||
<p><strong>3D打印精度</strong>：钛合金3D打印表面粗糙度<strong>Ra 0.2mm</strong>，需后处理抛光，增加成本<strong>20%</strong>。</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-3 text-red-400 flex items-center">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>商业化风险
|
||
</h3>
|
||
<p><strong>成本敏感</strong>：钛合金中框成本<strong>200-300元</strong>（vs铝合金80元），中端机接受度待验证。</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-3 text-red-400 flex items-center">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>政策与竞争风险
|
||
</h3>
|
||
<p><strong>镁合金替代</strong>：三星测试镁合金中框（成本仅为钛合金50%），可能分流需求。</p>
|
||
</div>
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-3 text-red-400 flex items-center">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>信息矛盾
|
||
</h3>
|
||
<p><strong>需求预测分歧</strong>：IDC预测2025年折叠屏<strong>4800万台</strong>，但供应链调研显示<strong>铰链钛合金渗透率仅30%</strong>（vs研报假设80%）。</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="space-y-6">
|
||
<div class="bg-gradient-to-r from-blue-900 to-indigo-900 p-5 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-3">阶段判断</h3>
|
||
<p>钛合金消费电子潮已从<strong>主题炒作</strong>（2023Q4）进入<strong>基本面驱动</strong>（2024Q3订单落地），但需警惕2025年镁合金替代风险。</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold mb-3">投资方向</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0">1</div>
|
||
<div><strong>3D打印设备</strong>：<strong>铂力特</strong>（技术+订单双验证）</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0">2</div>
|
||
<div><strong>高壁垒耗材</strong>：<strong>华锐精密</strong>（刀具单价300元，毛利率45%）</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center mr-3 mt-1 flex-shrink-0">3</div>
|
||
<div><strong>材料弹性</strong>：<strong>银邦股份</strong>（钛材收入占比从5%→30%）</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="text-lg font-semibold mb-3">跟踪指标</h3>
|
||
<div class="bg-slate-800 bg-opacity-50 p-5 rounded-lg">
|
||
<ul class="space-y-2">
|
||
<li><strong>月度数据</strong>：荣耀/小米钛合金机型销量（Counterpoint）</li>
|
||
<li><strong>订单验证</strong>：铂力特2024Q4消费电子设备出货量（目标<strong>500台</strong>）</li>
|
||
<li><strong>成本拐点</strong>：钛合金粉末价格能否跌破<strong>50万元/吨</strong>（当前70万）</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据 -->
|
||
<div class="card rounded-xl p-6">
|
||
<h2 class="text-2xl font-bold mb-6 section-title">关联股票数据</h2>
|
||
<div class="table-container">
|
||
<table class="w-full" id="stockTable">
|
||
<thead>
|
||
<tr id="tableHeader">
|
||
<!-- 动态生成表头 -->
|
||
</tr>
|
||
</thead>
|
||
<tbody id="tableBody">
|
||
<!-- 动态生成表格内容 -->
|
||
</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: 80,
|
||
density: {
|
||
enable: true,
|
||
value_area: 800
|
||
}
|
||
},
|
||
color: {
|
||
value: "#60a5fa"
|
||
},
|
||
shape: {
|
||
type: "circle"
|
||
},
|
||
opacity: {
|
||
value: 0.5,
|
||
random: false
|
||
},
|
||
size: {
|
||
value: 3,
|
||
random: true
|
||
},
|
||
line_linked: {
|
||
enable: true,
|
||
distance: 150,
|
||
color: "#60a5fa",
|
||
opacity: 0.2,
|
||
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: 0.5
|
||
}
|
||
},
|
||
push: {
|
||
particles_nb: 4
|
||
}
|
||
}
|
||
},
|
||
retina_detect: true
|
||
});
|
||
|
||
// 处理股票数据并生成表格
|
||
const stockData = [{'钛合金(240829)': [{'stock': '哈森股份', '行业': '抛光设备材料', '项目': '钛合金边框加工服务', '产业链': '消费电子供应链', 'reason': '公司收购苏州郎克斯，为苹果、华为、三星、小米等3C终端品牌提供手机边框代加工服务。'}, {'stock': '科森科技', '行业': '抛光设备材料', '项目': '智能手机钛合金边框加工工艺', '产业链': '消费电子供应链', 'reason': '公司具备智能手机钛合金边框加工工艺。'}, {'stock': '银邦股份', '行业': '抛光设备材料', '项目': '钛合金材料供应', '产业链': '消费电子供应链', 'reason': '公司去年为小米14钛合金供货，今年为华为Mate70及新手表供应重要金属材料。'}, {'stock': '金太阳', '行业': '抛光设备材料', '项目': '精密研磨抛光材料及解决方案', '产业链': '消费电子供应链', 'reason': '公司提供抛光材料、智能装备及加工工艺，服务于精密研磨抛光与结构件制造。'}, {'stock': '宇环数控', '行业': '抛光设备材料', '项目': '钛合金研磨抛光设备', '产业链': '消费电子供应链', 'reason': '公司产品应用于3C消费电子，机床可用于智能穿戴产品的钛合金等材料加工。'}, {'stock': '光韵达', '行业': '3D打印设备', '项目': '钛合金3D打印结构件', '产业链': '消费电子供应链', 'reason': '手机新品采用钛合金3D打印结构件，公司3D打印业务已积累多年并关注消费电子应用。'}, {'stock': '铂力特', '行业': '3D打印设备', '项目': '3D打印钛合金应用', '产业链': '消费电子供应链', 'reason': '公司3D打印产品已应用于消费电子行业，持续拓展行业布局。'}, {'stock': '华曙高科', '行业': '3D打印设备', '项目': '钛合金3D打印导入消费电子', '产业链': '消费电子供应链', 'reason': '公司3D打印钛合金技术已导入消费电子领域。'}]}, {'钛合金（240829）': [{'stock': '哈森股份', '项目': '收购苏州郎克斯', '行业': '消费电子', '客户': '苹果/华为/三星/小米', '产品': '精密金属结构件', 'reason': '收购的苏州郎克斯主要从事精密金属结构件研发生产，为3C终端品牌提供手机边框代加工服务'}, {'stock': '科森科技', '项目': '钛合金边框加工', '行业': '消费电子', '技术': '智能手机钛合金边框工艺', 'reason': '具备智能手机钛合金边框加工工艺，符合消费电子轻量化趋势'}, {'stock': '宇环数控', '行业': '消费电子', '产品': '抛光设备', '应用领域': '玻璃/不锈钢/钛合金', '客户': '智能穿戴产品', 'reason': '产品应用于3C消费电子硬脆材料研磨抛光，部分机床用于智能穿戴产品加工'}, {'stock': '银邦股份', '项目': '钛合金中框供应', '客户': '小米/华为', '产品': '钛合金材料', '应用': '智能手机', 'reason': '去年为小米14供应钛合金中框，今年将为华为MATE70及新一代手表供应钛合金材料'}, {'stock': '利和兴', '行业': '显示技术', '技术': 'OLED面板良率提升', '应用领域': '智能穿戴/VR', '产品': 'OLED环绕屏手机', 'reason': '随着折叠屏手机普及，公司在显示领域渗透率有望增加，逐步应用于智能穿戴和VR领域'}, {'stock': '鼎泰高科', '行业': '3D打印', '产品': '3D打印刀具', '技术': '钛合金加工工具', '客户关系': '保持良好供应', 'reason': '3D钛合金打印刀具龙头，在钛合金加工工具领域有技术储备并保持客户供应关系'}, {'stock': '金太阳', '行业': '抛光材料', '产品': '精密研磨抛光材料', '服务': '精密结构件制造', '应用': '智能装备', 'reason': '提供精密研磨抛光与精密结构件制造综合解决方案，服务于智能装备领域'}, {'stock': '华升股份', '技术': 'MIM工艺', '行业': '金属注射成型', '客户': '英捷高科', '应用': '消费电子', 'reason': '参股公司英捷高科是MIM领域最早生产企业之一，服务于消费电子领域'}, {'stock': '爱迪特', '项目': 'CPD-100 3D打印机', '技术': '纳米高精度打印', '应用': '医疗领域', 'reason': '官网显示CPD-100 3D打印机可进行30纳米高精度打印'}, {'stock': '光韵达', '行业': '3D打印', '技术': '钛合金3D打印结构件', '应用': '消费电子/汽车', '客户': '智能手机', 'reason': '手机新品采用钛合金3D打印结构件，公司在3D打印行业有多年积累'}, {'stock': '爱司凯', '技术': '3D打印技术储备', '行业': '3D打印', '应用': '工业领域', 'reason': '具备3D打印技术储备，持续拓展行业应用'}, {'stock': '铂力特', '行业': '3D打印', '产品': '3D打印产品', '应用': '消费电子', '战略': '行业拓展', 'reason': '3D打印产品已应用于消费电子，将持续拓展各行业应用'}, {'stock': '华曙高科', '项目': '3D打印钛合金导入', '行业': '3D打印', '应用': '消费电子', 'reason': '3D打印钛合金技术导入消费电子领域'}]}];
|
||
|
||
// 合并所有股票数据并去重
|
||
const allStocks = [];
|
||
const stockMap = new Map();
|
||
|
||
stockData.forEach(category => {
|
||
Object.values(category).forEach(stocks => {
|
||
stocks.forEach(stock => {
|
||
if (!stockMap.has(stock.stock)) {
|
||
stockMap.set(stock.stock, stock);
|
||
allStocks.push(stock);
|
||
} else {
|
||
// 合并相同股票的不同属性
|
||
const existingStock = stockMap.get(stock.stock);
|
||
Object.keys(stock).forEach(key => {
|
||
if (!existingStock[key]) {
|
||
existingStock[key] = stock[key];
|
||
}
|
||
});
|
||
}
|
||
});
|
||
});
|
||
});
|
||
|
||
// 获取所有可能的字段名
|
||
const allFields = new Set();
|
||
allStocks.forEach(stock => {
|
||
Object.keys(stock).forEach(field => {
|
||
allFields.add(field);
|
||
});
|
||
});
|
||
|
||
// 生成表头
|
||
const tableHeader = document.getElementById('tableHeader');
|
||
allFields.forEach(field => {
|
||
const th = document.createElement('th');
|
||
th.textContent = field === 'stock' ? '股票名称' :
|
||
field === 'reason' ? '投资逻辑' :
|
||
field === '行业' ? '行业' :
|
||
field === '项目' ? '项目' :
|
||
field === '产业链' ? '产业链' :
|
||
field === '客户' ? '客户' :
|
||
field === '产品' ? '产品' :
|
||
field === '技术' ? '技术' :
|
||
field === '应用' ? '应用' :
|
||
field === '应用领域' ? '应用领域' :
|
||
field === '服务' ? '服务' :
|
||
field === '客户关系' ? '客户关系' :
|
||
field === '战略' ? '战略' : field;
|
||
tableHeader.appendChild(th);
|
||
});
|
||
|
||
// 生成表格内容
|
||
const tableBody = document.getElementById('tableBody');
|
||
allStocks.forEach(stock => {
|
||
const tr = document.createElement('tr');
|
||
|
||
allFields.forEach(field => {
|
||
const td = document.createElement('td');
|
||
|
||
if (field === 'stock') {
|
||
td.innerHTML = `<strong>${stock[field] || '-'}</strong>`;
|
||
} else if (field === 'reason') {
|
||
td.innerHTML = `<span class="text-sm">${stock[field] || '-'}</span>`;
|
||
} else if (stock[field]) {
|
||
td.innerHTML = `<span class="badge">${stock[field]}</span>`;
|
||
} else {
|
||
td.textContent = '-';
|
||
}
|
||
|
||
tr.appendChild(td);
|
||
});
|
||
|
||
tableBody.appendChild(tr);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |