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

520 lines
33 KiB
HTML
Raw 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" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<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>
<style>
.timeline-item {
position: relative;
padding-left: 30px;
}
.timeline-item::before {
content: '';
position: absolute;
left: 0;
top: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #3b82f6;
}
.timeline-item::after {
content: '';
position: absolute;
left: 5px;
top: 17px;
width: 2px;
height: calc(100% + 10px);
background-color: #d1d5db;
}
.timeline-item:last-child::after {
display: none;
}
.card-shadow {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.gradient-bg {
background: linear-gradient(135deg, #1e3a8a 0%, #0c4a6e 100%);
}
.text-gradient {
background: linear-gradient(to right, #3b82f6, #60a5fa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.table-responsive {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-responsive {
overflow-x: scroll;
}
}
</style>
</head>
<body class="bg-gray-50 text-gray-800">
<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 font-bold mb-4 text-gradient">存储行业洞察报告</h1>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">"三重周期共振":供给收缩 + 需求爆发 + 技术升级</p>
</div>
<!-- 概念事件时间轴 -->
<div class="mb-12 card-shadow bg-white rounded-xl p-6">
<h2 class="text-2xl font-bold mb-6 text-blue-700">概念事件时间轴</h2>
<div class="space-y-6">
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-1/4">2023Q4</span>
<div class="md:w-3/4">
<p class="font-semibold">三星/海力士/美光启动第二轮减产</p>
<p class="text-gray-600">NAND减产15-20%DRAM减产10% → 供给收缩,价格底部确认</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-1/4">2024Q1</span>
<div class="md:w-3/4">
<p class="font-semibold">佰维存储/江波龙等模组厂库存减值风险出清</p>
<p class="text-gray-600">毛利率环比+13pct → 业绩拐点出现</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-1/4">2024Q2</span>
<div class="md:w-3/4">
<p class="font-semibold">华为发布磁电存储OceanStor Arctic</p>
<p class="text-gray-600">功耗降90%2025H1上市 → 冷数据存储技术突破</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-1/4">2024Q3</span>
<div class="md:w-3/4">
<p class="font-semibold">长江存储Xtacking 4.0量产</p>
<p class="text-gray-600">密度+42%,寿命+33% → 国产3D NAND技术领先</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-1/4">2024Q4</span>
<div class="md:w-3/4">
<p class="font-semibold">长鑫存储启动上市辅导</p>
<p class="text-gray-600">2025年产能翻倍至36万片/月 → 国产DRAM资本化加速</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-1/4">2025Q1</span>
<div class="md:w-3/4">
<p class="font-semibold">闪迪/群联宣布NAND涨价10%+</p>
<p class="text-gray-600">4月1日起执行 → 行业进入涨价周期</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-1/4">2025Q2</span>
<div class="md:w-3/4">
<p class="font-semibold">AI眼镜爆发</p>
<p class="text-gray-600">Meta/闪极采用佰维ePOP存储 → 端侧AI存储需求验证</p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="mb-12 card-shadow bg-gradient-to-r from-blue-700 to-cyan-600 text-white rounded-xl p-6">
<h2 class="text-2xl font-bold mb-4">核心观点摘要</h2>
<div class="bg-white/20 backdrop-blur-sm rounded-lg p-4">
<p class="text-lg">存储行业正处于<strong>"三重周期共振"</strong>的关键节点:<strong>供给收缩(减产)+需求爆发AI/国产替代)+技术升级HBM/3D NAND</strong>。当前处于<strong>"周期底部右侧"</strong>2025年将迎来<strong>量价齐升的戴维斯双击</strong>,国产厂商通过<strong>技术授权(长江存储→三星)</strong><strong>产能逆周期扩张</strong>实现弯道超车。</p>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="mb-12 card-shadow bg-white rounded-xl p-6">
<h2 class="text-2xl font-bold mb-6 text-blue-700">核心逻辑与市场认知分析</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4 text-blue-600">根本驱动力</h3>
<div class="mb-6">
<h4 class="font-bold mb-2 text-gray-700">1. 供给端硬约束</h4>
<ul class="list-disc pl-6 space-y-2">
<li><strong>减产幅度</strong>三星NAND减产20%西安厂减产30%海力士DRAM减产10%<strong>全球产能利用率降至80%</strong>2024Q4数据</li>
<li><strong>技术切换成本</strong>HBM3E产线占用DRAM产能30%挤压传统DRAM供给美光2025年HBM营收占比将达30%)。</li>
</ul>
</div>
<div class="mb-6">
<h4 class="font-bold mb-2 text-gray-700">2. 需求端三重引擎</h4>
<ul class="list-disc pl-6 space-y-2">
<li><strong>AI服务器</strong>HBM需求2025年达<strong>169亿美元</strong>TrendForce单机搭载量从80GBH100→288GBB200</li>
<li><strong>端侧AI</strong>AI手机渗透率30%2025年单机存储容量+8GBiPhone17 Pro Max升级至12GB</li>
<li><strong>国产替代</strong>:存储模组国产化率从<strong>5%→25%</strong>2024-2026长鑫/长存产能释放填补缺口。</li>
</ul>
</div>
<div class="mb-6">
<h4 class="font-bold mb-2 text-gray-700">3. 技术代际红利</h4>
<ul class="list-disc pl-6 space-y-2">
<li><strong>3D NAND</strong>长江存储232层Xtacking 4.0<strong>成本比三星低30%</strong>,已获三星技术授权。</li>
<li><strong>HBM</strong>:国内<strong>通富微电/长电科技</strong>突破TSV封装2025年配套国产算力芯片。</li>
</ul>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-600">市场认知偏差</h3>
<ul class="list-disc pl-6 space-y-2">
<li><strong>预期差1</strong>:市场认为存储是"强周期",忽视<strong>AI带来的成长性</strong>。HBM需求年增速60%+,本质是<strong>"周期嵌套成长"</strong></li>
<li><strong>预期差2</strong>:低估<strong>国产技术输出</strong>。长江存储向三星授权混合键合技术,标志中国从<strong>"追赶者"→"规则制定者"</strong></li>
</ul>
</div>
</div>
<!-- 催化剂与发展路径 -->
<div class="mb-12 card-shadow bg-white rounded-xl p-6">
<h2 class="text-2xl font-bold mb-6 text-blue-700">催化剂与发展路径</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4 text-blue-600">近期催化剂3-6个月</h3>
<ul class="list-disc pl-6 space-y-2">
<li><strong>价格信号</strong>NAND Flash 256GB TLC现货价已<strong>反弹125%</strong>2023Q4低点→2025Q1模组厂库存周转天数降至<strong>180天</strong>(佰维存储)。</li>
<li><strong>订单验证</strong>
<ul class="list-circle pl-6 mt-2">
<li>佰维存储<strong>Meta AI眼镜</strong>订单Q2放量单机存储价值量$11-13</li>
<li>江波龙<strong>企业级SSD</strong>2025年营收目标翻倍2024年9亿→2025年18亿</li>
</ul>
</li>
<li><strong>政策催化</strong>:长鑫存储<strong>科创板IPO</strong>预计2025Q3募资用于HBM产线建设。</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-600">长期路径2025-2027</h3>
<div class="bg-gray-50 p-4 rounded-lg">
<div class="flex flex-col items-center">
<div class="bg-blue-600 text-white px-4 py-2 rounded-lg mb-4">2025: 涨价周期</div>
<div class="h-8 w-1 bg-blue-600 mb-4"></div>
<div class="bg-blue-500 text-white px-4 py-2 rounded-lg mb-4">2026: 国产替代加速</div>
<div class="h-8 w-1 bg-blue-500 mb-4"></div>
<div class="bg-blue-400 text-white px-4 py-2 rounded-lg mb-4">2027: 技术输出红利</div>
<div class="h-8 w-1 bg-blue-400 mb-4"></div>
<div class="bg-blue-300 text-blue-900 px-4 py-2 rounded-lg">全球份额: 中国DRAM 15%/NAND 10%</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司 -->
<div class="mb-12 card-shadow bg-white rounded-xl p-6">
<h2 class="text-2xl font-bold mb-6 text-blue-700">产业链与核心公司</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4 text-blue-600">产业链图谱</h3>
<div class="bg-gray-50 p-4 rounded-lg">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<div class="font-bold text-center mb-2">上游(晶圆)</div>
<div class="text-center">长江存储NAND<br>长鑫存储DRAM<br>通富微电HBM封装</div>
</div>
<div class="text-2xl text-blue-500 mx-4"></div>
<div class="mb-4 md:mb-0">
<div class="font-bold text-center mb-2">中游(模组/封测)</div>
<div class="text-center">佰维存储ePOP<br>江波龙企业SSD<br>兆易创新NOR Flash</div>
</div>
<div class="text-2xl text-blue-500 mx-4"></div>
<div>
<div class="font-bold text-center mb-2">下游(应用)</div>
<div class="text-center">Meta眼镜<br>阿里云<br>车载存储</div>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold mb-4 text-blue-600">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200">
<thead>
<tr class="bg-gray-100">
<th class="py-3 px-4 border-b text-left">公司</th>
<th class="py-3 px-4 border-b text-left">技术壁垒</th>
<th class="py-3 px-4 border-b text-left">订单验证</th>
<th class="py-3 px-4 border-b text-left">风险点</th>
</tr>
</thead>
<tbody>
<tr>
<td class="py-3 px-4 border-b font-semibold">佰维存储</td>
<td class="py-3 px-4 border-b">ePOP市占率80%AI眼镜</td>
<td class="py-3 px-4 border-b">Meta/传音订单Q2确认</td>
<td class="py-3 px-4 border-b">股权激励需<strong>200亿市值+50亿营收</strong>双重达标</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 border-b font-semibold">江波龙</td>
<td class="py-3 px-4 border-b">企业级SSD国内第一</td>
<td class="py-3 px-4 border-b">阿里/腾讯核心供应商</td>
<td class="py-3 px-4 border-b">库存周转<strong>260天</strong>高于行业平均</td>
</tr>
<tr>
<td class="py-3 px-4 border-b font-semibold">德明利</td>
<td class="py-3 px-4 border-b">自研主控芯片毛利率30%</td>
<td class="py-3 px-4 border-b">企业级SSD订单翻倍</td>
<td class="py-3 px-4 border-b">消费级需求复苏不及预期</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 border-b font-semibold">兆易创新</td>
<td class="py-3 px-4 border-b">NOR Flash全球第二</td>
<td class="py-3 px-4 border-b">车载NOR ASP提升3倍</td>
<td class="py-3 px-4 border-b">3D DRAM研发进度滞后</td>
</tr>
</tbody>
</table>
</div>
<div class="mt-6">
<h4 class="font-bold mb-2 text-gray-700">验证与证伪</h4>
<ul class="list-disc pl-6 space-y-2">
<li><strong>证真</strong>:佰维存储<strong>40亿库存</strong>×30%涨价=<strong>12亿利润弹性</strong>(路演数据)。</li>
<li><strong>证伪</strong>:东芯股份<strong>8.5亿库存</strong>未减值Q4亏损扩大显示<strong>需求复苏分化</strong></li>
</ul>
</div>
</div>
</div>
<!-- 潜在风险 -->
<div class="mb-12 card-shadow bg-white rounded-xl p-6">
<h2 class="text-2xl font-bold mb-6 text-blue-700">潜在风险</h2>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200">
<thead>
<tr class="bg-gray-100">
<th class="py-3 px-4 border-b text-left">风险类型</th>
<th class="py-3 px-4 border-b text-left">具体表现</th>
<th class="py-3 px-4 border-b text-left">概率</th>
</tr>
</thead>
<tbody>
<tr>
<td class="py-3 px-4 border-b font-semibold">技术瓶颈</td>
<td class="py-3 px-4 border-b">HBM TSV良率<70%通富微电</td>
<td class="py-3 px-4 border-b"><span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded"></span></td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 border-b font-semibold">需求波动</td>
<td class="py-3 px-4 border-b">AI服务器资本开支若低于预期2025年指引+20%</td>
<td class="py-3 px-4 border-b"><span class="bg-red-100 text-red-800 px-2 py-1 rounded"></span></td>
</tr>
<tr>
<td class="py-3 px-4 border-b font-semibold">政策风险</td>
<td class="py-3 px-4 border-b">美国对华存储设备管制升级2025年新增8类设备</td>
<td class="py-3 px-4 border-b"><span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded"></span></td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 border-b font-semibold">信息矛盾</td>
<td class="py-3 px-4 border-b">研报预测<strong>2025年DRAM涨价20%</strong>,但现货价显示<strong>DDR4涨幅仅5%</strong>2025Q1</td>
<td class="py-3 px-4 border-b"><span class="bg-blue-100 text-blue-800 px-2 py-1 rounded">需跟踪</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="mb-12 card-shadow bg-gradient-to-r from-blue-800 to-indigo-900 text-white rounded-xl p-6">
<h2 class="text-2xl font-bold mb-6">综合结论与投资启示</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4">阶段判断</h3>
<div class="bg-white/20 backdrop-blur-sm rounded-lg p-4">
<p>存储已从<strong>"主题炒作"</strong>2023Q4进入<strong>"基本面驱动"</strong>2025Q1<strong>涨价周期+国产替代</strong>构成核心逻辑。</p>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold mb-4">投资优先级</h3>
<ol class="list-decimal pl-6 space-y-3">
<li><strong>弹性最大</strong><strong>佰维存储</strong>AI眼镜+库存重估2025年PE 25X vs 历史峰值60X</li>
<li><strong>技术壁垒</strong><strong>通富微电</strong>HBM封装唯一量产标的2025年HBM收入占比30%)。</li>
<li><strong>稳健配置</strong><strong>兆易创新</strong>车载NOR ASP提升2025年净利润3.5亿PE 30X</li>
</ol>
</div>
<div>
<h3 class="text-xl font-semibold mb-4">关键跟踪指标</h3>
<ul class="list-disc pl-6 space-y-2">
<li><strong>价格信号</strong>NAND Flash 256GB现货价突破<strong>$4.5</strong>(当前$3.13)。</li>
<li><strong>订单验证</strong>:佰维存储<strong>Q2营收>20亿</strong>(股权激励触发条件)。</li>
<li><strong>产能落地</strong>:长鑫存储<strong>HBM3E量产</strong>2025Q3验证</li>
</ul>
<div class="mt-4 p-4 bg-yellow-500/20 backdrop-blur-sm rounded-lg">
<p class="font-semibold">风险提示若2025Q2消费电子复苏不及预期涨价周期可能缩短至4-6个季度历史周期6-8个季度</p>
</div>
</div>
</div>
<!-- 关联股票数据 -->
<div class="card-shadow bg-white rounded-xl p-6">
<h2 class="text-2xl font-bold mb-6 text-blue-700">关联股票数据</h2>
<div class="table-responsive">
<table class="min-w-full bg-white border border-gray-200">
<thead>
<tr class="bg-gray-100">
<th class="py-3 px-4 border-b text-left">股票代码</th>
<th class="py-3 px-4 border-b text-left">分类</th>
<th class="py-3 px-4 border-b text-left">细分</th>
<th class="py-3 px-4 border-b text-left">公司</th>
<th class="py-3 px-4 border-b text-left">原因</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 股票数据将通过JavaScript动态插入 -->
</tbody>
</table>
</div>
</div>
</div>
<script>
// 处理股票数据并填充表格
const stockData = [{'存储250302': [{'stock': '中电兴发', '分类': '磁电存储', '公司': '中电兴发', 'reason': '属于磁电存储领域'}, {'stock': '宁波建工', '分类': '磁电存储', '公司': '宁波建工', 'reason': '属于磁电存储领域'}, {'stock': '智迪科技', '分类': '磁电存储', '公司': '智迪科技', 'reason': '属于磁电存储领域'}, {'stock': '易华录', '分类': '磁电存储', '公司': '易华录', 'reason': '属于磁电存储领域'}, {'stock': '宁波韵升', '分类': '磁电存储', '公司': '宁波韵升', 'reason': '属于磁电存储领域'}, {'stock': '信息发展', '分类': '磁电存储', '公司': '信息发展', 'reason': '属于磁电存储领域'}, {'stock': '同有科技', '分类': '磁电存储', '公司': '同有科技', 'reason': '属于磁电存储领域'}, {'stock': '福日电子', '分类': '磁电存储', '公司': '福日电子', 'reason': '属于磁电存储领域'}, {'stock': '中亦科技', '分类': '华为存储', '细分': 'OceanStor', '公司': '中亦科技', 'reason': '华为OceanStor存储相关'}, {'stock': '易华录', '分类': '华为存储', '细分': 'OceanStor', '公司': '易华录', 'reason': '华为OceanStor存储相关'}, {'stock': '创意信息', '分类': '华为存储', '细分': 'OceanStor', '公司': '创意信息', 'reason': '华为OceanStor存储相关'}, {'stock': '天源迪科', '分类': '华为存储', '细分': 'OceanStor', '公司': '天源迪科', 'reason': '华为OceanStor存储相关'}, {'stock': '兆易创新', '分类': '华为存储', '细分': '存储相关', '公司': '兆易创新', 'reason': '华为存储相关'}, {'stock': '同有科技', '分类': '华为存储', '细分': '存储相关', '公司': '同有科技', 'reason': '华为存储相关'}, {'stock': '神州数码', '分类': '华为存储', '细分': '存储相关', '公司': '神州数码', 'reason': '华为存储相关'}, {'stock': '中科曙光', '分类': '华为存储', '细分': '存储相关', '公司': '中科曙光', 'reason': '华为存储相关'}, {'stock': '银信科技', '分类': '华为存储', '细分': '存储相关', '公司': '银信科技', 'reason': '华为存储相关'}, {'stock': '万润科技', '分类': '华为存储', '细分': '存储相关', '公司': '万润科技', 'reason': '华为存储相关'}, {'stock': '太极股份', '分类': '华为存储', '细分': '存储相关', '公司': '太极股份', 'reason': '华为存储相关'}, {'stock': '拓维信息', '分类': '华为存储', '细分': '存储相关', '公司': '拓维信息', 'reason': '华为存储相关'}, {'stock': '兆易创新', '分类': '存储芯片产业', '细分': 'DRAM', '公司': '兆易创新', 'reason': 'DRAM芯片领域'}, {'stock': '北京君正', '分类': '存储芯片产业', '细分': 'DRAM', '公司': '北京君正', 'reason': 'DRAM芯片领域'}, {'stock': '东芯股份', '分类': '存储芯片产业', '细分': 'DRAM', '公司': '东芯股份', 'reason': 'DRAM芯片领域'}, {'stock': '兆易创新', '分类': '存储芯片产业', '细分': 'NANDFLASH', '公司': '兆易创新', 'reason': 'NANDFLASH芯片领域'}, {'stock': '东芯股份', '分类': '存储芯片产业', '细分': 'NANDFLASH', '公司': '东芯股份', 'reason': 'NANDFLASH芯片领域'}, {'stock': '兆易创新', '分类': '存储芯片产业', '细分': 'NORFLASH', '公司': '兆易创新', 'reason': 'NORFLASH芯片领域'}, {'stock': '普冉股份', '分类': '存储芯片产业', '细分': 'NORFLASH', '公司': '普冉股份', 'reason': 'NORFLASH芯片领域'}, {'stock': '恒烁股份', '分类': '存储芯片产业', '细分': 'NORFLASH', '公司': '恒烁股份', 'reason': 'NORFLASH芯片领域'}, {'stock': '普冉股份', '分类': '存储芯片产业', '细分': 'EEPROM', '公司': '普冉股份', 'reason': 'EEPROM芯片领域'}, {'stock': '聚辰股份', '分类': '存储芯片产业', '细分': 'EEPROM', '公司': '聚辰股份', 'reason': 'EEPROM芯片领域'}, {'stock': '复旦微电', '分类': '存储芯片产业', '细分': 'EEPROM', '公司': '复旦微电', 'reason': 'EEPROM芯片领域'}, {'stock': '北京君正', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '北京君正', 'reason': 'SRAM芯片领域'}, {'stock': '兆易创新', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '兆易创新', 'reason': 'SRAM芯片领域'}, {'stock': '西测测试', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '西测测试', 'reason': 'SRAM芯片领域'}, {'stock': '纳思达', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '纳思达', 'reason': 'SRAM芯片领域'}, {'stock': '思科瑞', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '思科瑞', 'reason': 'SRAM芯片领域'}, {'stock': '恒烁股份', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '恒烁股份', 'reason': 'SRAM芯片领域'}, {'stock': '中电港', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '中电港', 'reason': 'SRAM芯片领域'}, {'stock': '广立微', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '广立微', 'reason': 'SRAM芯片领域'}, {'stock': '华岭股份', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '华岭股份', 'reason': 'SRAM芯片领域'}, {'stock': '光韵达', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '光韵达', 'reason': 'SRAM芯片领域'}, {'stock': '光力科技', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '光力科技', 'reason': 'SRAM芯片领域'}, {'stock': '航宇微', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '航宇微', 'reason': 'SRAM芯片领域'}, {'stock': '炬芯科技', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '炬芯科技', 'reason': 'SRAM芯片领域'}, {'stock': '万润科技', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '万润科技', 'reason': 'SRAM芯片领域'}, {'stock': '睿能科技', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '睿能科技', 'reason': 'SRAM芯片领域'}, {'stock': '好上好', '分类': '存储芯片产业', '细分': 'SRAM', '公司': '好上好', 'reason': 'SRAM芯片领域'}, {'stock': '香农芯创', '分类': '存储芯片产业', '细分': 'HBM', '公司': '香农芯创', 'reason': 'HBM芯片领域'}, {'stock': '雅克科技', '分类': '存储芯片产业', '细分': 'HBM', '公司': '雅克科技', 'reason': 'HBM芯片领域'}, {'stock': '亚威股份', '分类': '存储芯片产业', '细分': 'HBM', '公司': '亚威股份', 'reason': 'HBM芯片领域'}, {'stock': '太极实业', '分类': '存储芯片产业', '细分': 'HBM', '公司': '太极实业', 'reason': 'HBM芯片领域'}, {'stock': '通富微电', '分类': '存储芯片产业', '细分': 'HBM', '公司': '通富微电', 'reason': 'HBM芯片领域'}, {'stock': '深科技', '分类': '存储芯片产业', '细分': 'HBM', '公司': '深科技', 'reason': 'HBM芯片领域'}, {'stock': '华海诚科', '分类': '存储芯片产业', '细分': 'HBM', '公司': '华海诚科', 'reason': 'HBM芯片领域'}, {'stock': '中微公司', '分类': '存储芯片产业', '细分': 'HBM', '公司': '中微公司', 'reason': 'HBM芯片领域'}, {'stock': '长电科技', '分类': '存储芯片产业', '细分': 'HBM', '公司': '长电科技', 'reason': 'HBM芯片领域'}, {'stock': '山东华鹏', '分类': '存储芯片产业', '细分': 'HBM', '公司': '山东华鹏', 'reason': 'HBM芯片领域'}, {'stock': '中京电子', '分类': '存储芯片产业', '细分': 'HBM', '公司': '中京电子', 'reason': 'HBM芯片领域'}, {'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': '长江存储模组公司'}]}];
const stockTableBody = document.getElementById('stockTableBody');
let currentCategory = '';
stockData.forEach(category => {
const categoryName = Object.keys(category)[0];
const stocks = category[categoryName];
stocks.forEach((stock, index) => {
const row = document.createElement('tr');
// 如果是新分类的第一行,添加分类标题
if (index === 0 || stocks[index-1]['分类'] !== stock['分类']) {
currentCategory = stock['分类'];
const categoryRow = document.createElement('tr');
categoryRow.className = 'bg-blue-50';
categoryRow.innerHTML = `
<td colspan="5" class="py-2 px-4 font-bold text-blue-700">${stock['分类']}</td>
`;
stockTableBody.appendChild(categoryRow);
}
// 添加交替行背景色
if ((index + 1) % 2 === 0) {
row.className = 'bg-gray-50';
}
row.innerHTML = `
<td class="py-3 px-4 border-b font-semibold">${stock['stock']}</td>
<td class="py-3 px-4 border-b">${stock['分类']}</td>
<td class="py-3 px-4 border-b">${stock['细分'] || '-'}</td>
<td class="py-3 px-4 border-b">${stock['公司']}</td>
<td class="py-3 px-4 border-b">${stock['reason']}</td>
`;
stockTableBody.appendChild(row);
});
});
// 初始化粒子背景
tsParticles.load("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#3b82f6"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: false
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#3b82f6",
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
});
</script>
</body>
</html>
```