Files
vf_react/public/htmls/电力设备.html
2025-10-11 16:16:02 +08:00

622 lines
42 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/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" 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/dist/full.min.css" rel="stylesheet" type="text/css" />
<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!-- Particles.js -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<!-- Three.js & Vanta.js -->
<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>
body {
font-family: 'Inter', sans-serif;
background: #f0f9ff;
}
.gradient-bg {
background: linear-gradient(135deg, #0ea5e9 0%, #0d9488 100%);
}
.card-shadow {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.timeline-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #0ea5e9;
position: absolute;
left: -8px;
top: 5px;
}
.timeline-line {
position: absolute;
left: 0;
top: 21px;
bottom: 0;
width: 2px;
background-color: #cbd5e1;
}
.highlight-text {
background: linear-gradient(120deg, #0ea5e9 0%, #0d9488 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.timeline-line {
left: 15px;
}
.timeline-dot {
left: 7px;
}
.timeline-content {
margin-left: 30px;
}
}
</style>
</head>
<body class="bg-slate-50">
<!-- Background Particles -->
<div id="tsparticles" class="fixed inset-0 z-0"></div>
<!-- Main Content -->
<div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<!-- Header Section -->
<div class="gradient-bg rounded-2xl p-8 mb-8 card-shadow">
<div class="text-center">
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4">电力设备行业分析报告</h1>
<p class="text-xl text-blue-100 max-w-3xl mx-auto">
政策驱动+供需缺口共振的基本面加速期全球电网投资CAGR达10%
</p>
</div>
</div>
<!-- Executive Summary -->
<div class="bg-white rounded-2xl p-6 mb-8 card-shadow">
<div class="flex items-center mb-4">
<div class="bg-blue-100 p-3 rounded-lg mr-4">
<i class="fas fa-lightbulb text-blue-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">核心观点摘要</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-blue-50 p-5 rounded-xl">
<h3 class="font-semibold text-blue-800 mb-2">阶段判断</h3>
<p class="text-gray-700">电力设备正处于<span class="highlight-text">"政策驱动+供需缺口"共振的基本面加速期</span>,而非主题炒作</p>
</div>
<div class="bg-teal-50 p-5 rounded-xl">
<h3 class="font-semibold text-teal-800 mb-2">核心驱动力</h3>
<p class="text-gray-700">国内特高压/配网投资超预期2024年电网投资<span class="highlight-text">>6000亿元</span>,同比+13%+海外能源转型缺口</p>
</div>
<div class="bg-indigo-50 p-5 rounded-xl">
<h3 class="font-semibold text-indigo-800 mb-2">未来潜力</h3>
<p class="text-gray-700">2025-2027年全球电网投资CAGR维持<span class="highlight-text">8-10%</span>,中国企业具备<span class="highlight-text">30%+成本优势</span></p>
</div>
</div>
</div>
<!-- Timeline Section -->
<div class="bg-white rounded-2xl p-6 mb-8 card-shadow">
<div class="flex items-center mb-6">
<div class="bg-purple-100 p-3 rounded-lg mr-4">
<i class="fas fa-history text-purple-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">概念事件时间轴</h2>
</div>
<div class="relative">
<div class="timeline-line"></div>
<div class="relative pl-8 pb-8">
<div class="timeline-dot"></div>
<div class="timeline-content">
<div class="bg-purple-50 p-4 rounded-lg">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-purple-800">2023Q4-2024Q1</h3>
<span class="bg-purple-200 text-purple-800 text-xs px-2 py-1 rounded">全球电网投资加速</span>
</div>
<p class="text-gray-700 text-sm">IEA预测2023-2030年电网投资CAGR达10%,欧美变压器短缺(美国交货周期>1年欧洲并网排队50个月</p>
</div>
</div>
</div>
<div class="relative pl-8 pb-8">
<div class="timeline-dot"></div>
<div class="timeline-content">
<div class="bg-blue-50 p-4 rounded-lg">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-blue-800">2024年2月</h3>
<span class="bg-blue-200 text-blue-800 text-xs px-2 py-1 rounded">国内政策发布</span>
</div>
<p class="text-gray-700 text-sm">中国发布《配电网高质量发展指导意见》明确2025年配网投资占比提升至30%+,智能电表/储能配套需求爆发</p>
</div>
</div>
</div>
<div class="relative pl-8 pb-8">
<div class="timeline-dot"></div>
<div class="timeline-content">
<div class="bg-teal-50 p-4 rounded-lg">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-teal-800">2024年8月</h3>
<span class="bg-teal-200 text-teal-800 text-xs px-2 py-1 rounded">机构关注</span>
</div>
<p class="text-gray-700 text-sm">中信建投连续3篇周报强调"电力设备板块进入订单-业绩共振区间",特高压陕北-安徽直流招标完成H2核准储备项目超10条</p>
</div>
</div>
</div>
<div class="relative pl-8 pb-8">
<div class="timeline-dot"></div>
<div class="timeline-content">
<div class="bg-indigo-50 p-4 rounded-lg">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-indigo-800">2024年9月</h3>
<span class="bg-indigo-200 text-indigo-800 text-xs px-2 py-1 rounded">出口高景气</span>
</div>
<p class="text-gray-700 text-sm">中金/国君路演指出"海外电力设备出口高景气"变压器1-7月出口额<span class="font-bold text-indigo-700">+28%</span>,高压开关<span class="font-bold text-indigo-700">+27%</span>美国IRA法案+欧盟5840亿欧元电网计划催化</p>
</div>
</div>
</div>
<div class="relative pl-8">
<div class="timeline-dot"></div>
<div class="timeline-content">
<div class="bg-green-50 p-4 rounded-lg">
<div class="flex justify-between items-start mb-2">
<h3 class="font-semibold text-green-800">2025年1月</h3>
<span class="bg-green-200 text-green-800 text-xs px-2 py-1 rounded">超级周期</span>
</div>
<p class="text-gray-700 text-sm">上证报提出"电力设备超级周期"雅下水电带动GIL气体绝缘输电纯增量需求平高/西电技术领先</p>
</div>
</div>
</div>
</div>
</div>
<!-- Core Logic & Market Analysis -->
<div class="bg-white rounded-2xl p-6 mb-8 card-shadow">
<div class="flex items-center mb-6">
<div class="bg-amber-100 p-3 rounded-lg mr-4">
<i class="fas fa-brain text-amber-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">核心逻辑与市场认知分析</h2>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-rocket text-amber-500 mr-2"></i>核心驱动力
</h3>
<div class="space-y-4">
<div class="bg-amber-50 p-4 rounded-lg">
<h4 class="font-semibold text-amber-800 mb-2">政策刚性</h4>
<p class="text-gray-700 text-sm">国内"十四五"特高压剩余缺口<span class="font-bold text-amber-700">15条线路</span>当前仅完成14/38条配网智能化改造2025年投资占比48%</p>
</div>
<div class="bg-orange-50 p-4 rounded-lg">
<h4 class="font-semibold text-orange-800 mb-2">海外缺口</h4>
<p class="text-gray-700 text-sm">欧美电网老化(>20年设备占比50%+新能源并网延迟(美国排队项目<span class="font-bold text-orange-700">3000+个</span>),催生<span class="font-bold text-orange-700">5年交付周期</span>的供需失衡</p>
</div>
<div class="bg-yellow-50 p-4 rounded-lg">
<h4 class="font-semibold text-yellow-800 mb-2">技术壁垒</h4>
<p class="text-gray-700 text-sm">中国特高压±1100kV、柔性直流换流阀价值量<span class="font-bold text-yellow-700">20亿/站</span>全球领先海外认证UL/CE壁垒高筑</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-chart-line text-green-500 mr-2"></i>市场热度与预期差
</h3>
<div class="space-y-4">
<div class="bg-green-50 p-4 rounded-lg">
<h4 class="font-semibold text-green-800 mb-2">研报密度</h4>
<p class="text-gray-700 text-sm">2024年8-9月电力设备研报数量<span class="font-bold text-green-700">环比+200%</span>(中信建投/中金/国君连续路演)</p>
</div>
<div class="bg-emerald-50 p-4 rounded-lg">
<h4 class="font-semibold text-emerald-800 mb-2">资金动向</h4>
<p class="text-gray-700 text-sm">Q3公募基金电网设备持仓<span class="font-bold text-emerald-700">+25.95%</span>(华鑫路演),但板块仍低配<span class="font-bold text-emerald-700">-11.29%</span>(存在配置空间)</p>
</div>
<div class="bg-teal-50 p-4 rounded-lg">
<h4 class="font-semibold text-teal-800 mb-2">市场忽略点</h4>
<p class="text-gray-700 text-sm">
<span class="font-bold text-teal-700">GIL技术</span>雅下水电项目首次大规模应用GIL单价<span class="font-bold text-teal-700">>500万/km</span>),平高/西电产能100km/年,弹性未被定价<br>
<span class="font-bold text-teal-700">AIDC需求</span>:腾讯/字节CAPEX翻倍带动数据中心HVDC/UPS需求科华数据Q1订单<span class="font-bold text-teal-700">+50%</span>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Catalysts & Future Path -->
<div class="bg-white rounded-2xl p-6 mb-8 card-shadow">
<div class="flex items-center mb-6">
<div class="bg-cyan-100 p-3 rounded-lg mr-4">
<i class="fas fa-road text-cyan-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">关键催化剂与未来发展路径</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-clock text-cyan-500 mr-2"></i>近期催化剂3-6个月
</h3>
<div class="space-y-3">
<div class="flex items-start">
<div class="bg-cyan-100 p-2 rounded-full mr-3 mt-1">
<i class="fas fa-bolt text-cyan-600 text-sm"></i>
</div>
<div>
<h4 class="font-semibold text-gray-800">特高压招标</h4>
<p class="text-gray-600 text-sm">2024Q4核准甘肃-浙江/陕西-河南直流项目,预计释放<span class="font-bold text-cyan-700">200亿设备订单</span>(换流阀/变压器)</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 p-2 rounded-full mr-3 mt-1">
<i class="fas fa-globe text-blue-600 text-sm"></i>
</div>
<div>
<h4 class="font-semibold text-gray-800">海外订单落地</h4>
<p class="text-gray-600 text-sm">欧盟5840亿欧元电网计划首批招标2024Q4启动中国西电/思源电气已入围德国/瑞典项目</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-indigo-100 p-2 rounded-full mr-3 mt-1">
<i class="fas fa-server text-indigo-600 text-sm"></i>
</div>
<div>
<h4 class="font-semibold text-gray-800">AIDC催化</h4>
<p class="text-gray-600 text-sm">NVL72服务器电源需求超预期单柜PSU数量<span class="font-bold text-indigo-700">10组</span> vs 预期8组麦格米特/欧陆通直接受益</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-calendar-alt text-purple-500 mr-2"></i>长期路径2025-2027
</h3>
<div class="space-y-3">
<div class="bg-purple-50 p-4 rounded-lg">
<h4 class="font-semibold text-purple-800 mb-2">阶段12025</h4>
<p class="text-gray-700 text-sm">国内特高压密集交付(收入确认高峰),海外变压器出口<span class="font-bold text-purple-700">>100亿美元</span>当前53亿</p>
</div>
<div class="bg-pink-50 p-4 rounded-lg">
<h4 class="font-semibold text-pink-800 mb-2">阶段22026-2027</h4>
<p class="text-gray-700 text-sm">配网智能化智能电表渗透率从60%→80%+储能配套(新型储能装机<span class="font-bold text-pink-700">50GW</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- Industry Chain & Core Companies -->
<div class="bg-white rounded-2xl p-6 mb-8 card-shadow">
<div class="flex items-center mb-6">
<div class="bg-rose-100 p-3 rounded-lg mr-4">
<i class="fas fa-sitemap text-rose-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">产业链与核心公司深度剖析</h2>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-4">产业链图谱</h3>
<div class="bg-gradient-to-r from-blue-50 to-teal-50 p-6 rounded-xl">
<div class="flex flex-wrap justify-center items-center gap-4">
<div class="bg-blue-100 px-4 py-2 rounded-lg">
<span class="font-semibold text-blue-800">上游:铜/硅钢</span>
<span class="text-gray-600 text-sm ml-2">(价格波动)</span>
</div>
<i class="fas fa-arrow-right text-gray-400"></i>
<div class="bg-teal-100 px-4 py-2 rounded-lg">
<span class="font-semibold text-teal-800">中游:变压器/换流阀/电表</span>
</div>
<i class="fas fa-arrow-right text-gray-400"></i>
<div class="bg-indigo-100 px-4 py-2 rounded-lg">
<span class="font-semibold text-indigo-800">下游:电网/新能源/AIDC</span>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white">
<thead>
<tr class="bg-gray-100">
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">核心逻辑</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">验证数据</th>
<th class="py-3 px-4 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="py-3 px-4 font-semibold text-gray-900">国电南瑞</td>
<td class="py-3 px-4 text-gray-700">换流阀龙头市占率50%</td>
<td class="py-3 px-4 text-gray-700">2024H1特高压收入<span class="font-bold text-green-600">+30%</span></td>
<td class="py-3 px-4 text-gray-700">国网系订单依赖度高</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-semibold text-gray-900">平高电气</td>
<td class="py-3 px-4 text-gray-700">GIL技术唯一量产雅下项目<span class="font-bold text-blue-600">50km</span></td>
<td class="py-3 px-4 text-gray-700">Q3合同负债<span class="font-bold text-green-600">+158%</span></td>
<td class="py-3 px-4 text-gray-700">交流特高压占比下降</td>
</tr>
<tr>
<td class="py-3 px-4 font-semibold text-gray-900">金盘科技</td>
<td class="py-3 px-4 text-gray-700">变压器出海龙头(海外收入<span class="font-bold text-blue-600">>60%</span></td>
<td class="py-3 px-4 text-gray-700">美国订单<span class="font-bold text-green-600">+50%</span>豁免关税至2026</td>
<td class="py-3 px-4 text-gray-700">墨西哥产能释放不及预期</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 font-semibold text-gray-900">思源电气</td>
<td class="py-3 px-4 text-gray-700">海外EPC+SVG双轮驱动</td>
<td class="py-3 px-4 text-gray-700">2024H1海外收入<span class="font-bold text-green-600">+44%</span></td>
<td class="py-3 px-4 text-gray-700">欧洲认证进度延迟</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Risks & Challenges -->
<div class="bg-white rounded-2xl p-6 mb-8 card-shadow">
<div class="flex items-center mb-6">
<div class="bg-red-100 p-3 rounded-lg mr-4">
<i class="fas fa-exclamation-triangle text-red-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">潜在风险与挑战</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-red-50 p-4 rounded-lg">
<h3 class="font-semibold text-red-800 mb-2 flex items-center">
<i class="fas fa-microchip text-red-600 mr-2"></i>技术风险
</h3>
<p class="text-gray-700 text-sm">柔性直流换流阀IGBT模块仍依赖进口英飞凌/三菱)</p>
</div>
<div class="bg-orange-50 p-4 rounded-lg">
<h3 class="font-semibold text-orange-800 mb-2 flex items-center">
<i class="fas fa-money-bill-wave text-orange-600 mr-2"></i>商业化风险
</h3>
<p class="text-gray-700 text-sm">美国2026年关税豁免到期或从7.5%→25%),客户成本分摊能力待验证</p>
</div>
<div class="bg-amber-50 p-4 rounded-lg">
<h3 class="font-semibold text-amber-800 mb-2 flex items-center">
<i class="fas fa-file-contract text-amber-600 mr-2"></i>政策风险
</h3>
<p class="text-gray-700 text-sm">国内电网投资若低于<span class="font-bold text-amber-700">6000亿</span>2024年目标业绩弹性将打折</p>
</div>
<div class="bg-yellow-50 p-4 rounded-lg">
<h3 class="font-semibold text-yellow-800 mb-2 flex items-center">
<i class="fas fa-balance-scale text-yellow-600 mr-2"></i>信息矛盾
</h3>
<p class="text-gray-700 text-sm">中信建投预测"2025年特高压核准维持高位",但国君路演提示"2025后或见顶"</p>
</div>
</div>
</div>
<!-- Conclusion -->
<div class="bg-gradient-to-r from-blue-600 to-teal-600 rounded-2xl p-6 mb-8 card-shadow">
<div class="flex items-center mb-6">
<div class="bg-white bg-opacity-20 p-3 rounded-lg mr-4">
<i class="fas fa-flag-checkered text-white text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-white">综合结论与投资启示</h2>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div>
<h3 class="text-xl font-semibold text-white mb-4">阶段判断</h3>
<div class="bg-white bg-opacity-20 p-4 rounded-lg">
<p class="text-white">电力设备已从<span class="font-bold text-yellow-300">"估值修复"</span>进入<span class="font-bold text-yellow-300">"订单-业绩兑现"</span>阶段2024H2-2025H1为黄金窗口期</p>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-white mb-4">最具价值方向</h3>
<div class="space-y-3">
<div class="bg-white bg-opacity-20 p-3 rounded-lg">
<p class="text-white"><span class="font-bold text-yellow-300">1. 特高压换流阀</span>:国电南瑞(技术垄断+订单爆发)</p>
</div>
<div class="bg-white bg-opacity-20 p-3 rounded-lg">
<p class="text-white"><span class="font-bold text-yellow-300">2. 变压器出海</span>:金盘科技(美国数据中心需求+关税豁免)</p>
</div>
<div class="bg-white bg-opacity-20 p-3 rounded-lg">
<p class="text-white"><span class="font-bold text-yellow-300">3. GIL增量</span>:平高电气(雅下水电纯增量)</p>
</div>
</div>
</div>
</div>
<div class="mt-6">
<h3 class="text-xl font-semibold text-white mb-4">关键跟踪指标</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-white bg-opacity-20 p-4 rounded-lg text-center">
<i class="fas fa-chart-pie text-white text-2xl mb-2"></i>
<p class="text-white font-semibold">国网招标</p>
<p class="text-yellow-300 text-sm">2024Q4特高压设备中标金额目标<span class="font-bold">>200亿</span></p>
</div>
<div class="bg-white bg-opacity-20 p-4 rounded-lg text-center">
<i class="fas fa-shipping-fast text-white text-2xl mb-2"></i>
<p class="text-white font-semibold">出口数据</p>
<p class="text-yellow-300 text-sm">变压器月度出口增速(需维持<span class="font-bold">>20%</span></p>
</div>
<div class="bg-white bg-opacity-20 p-4 rounded-lg text-center">
<i class="fas fa-server text-white text-2xl mb-2"></i>
<p class="text-white font-semibold">AIDC订单</p>
<p class="text-yellow-300 text-sm">腾讯/字节CAPEX季度环比Q4指引<span class="font-bold">>50%</span></p>
</div>
</div>
</div>
</div>
<!-- Related Stocks Table -->
<div class="bg-white rounded-2xl p-6 card-shadow">
<div class="flex items-center mb-6">
<div class="bg-green-100 p-3 rounded-lg mr-4">
<i class="fas fa-table text-green-600 text-xl"></i>
</div>
<h2 class="text-2xl font-bold text-gray-800">关联股票</h2>
</div>
<div class="table-container">
<table class="min-w-full bg-white">
<thead>
<tr class="bg-gray-100">
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">行业</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">分类</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">关联原因</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200" id="stockTableBody">
<!-- Table content will be populated by JavaScript -->
</tbody>
</table>
</div>
</div>
</div>
<script>
// Initialize particles background
tsParticles.load("tsparticles", {
particles: {
number: {
value: 30,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#0ea5e9"
},
shape: {
type: "circle"
},
opacity: {
value: 0.1,
random: true
},
size: {
value: 5,
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: "repulse"
}
}
},
retina_detect: true
});
// Populate stock table
const stockData = [{'电力设备(241230)': [{'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': '属于输电线缆领域'}, {'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': '属于用电信息采集领域'}, {'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 stocks = [];
// Extract all stocks from the data structure
for (const key in stockData[0]) {
stocks = stocks.concat(stockData[0][key]);
}
// Remove duplicates based on stock name and classification
const uniqueStocks = [];
const stockMap = new Map();
stocks.forEach(stock => {
const key = `${stock.stock}-${stock.分类}`;
if (!stockMap.has(key)) {
stockMap.set(key, stock);
uniqueStocks.push(stock);
}
});
// Sort stocks by classification
uniqueStocks.sort((a, b) => {
if (a.分类 < b.分类) return -1;
if (a.分类 > b.分类) return 1;
return 0;
});
// Populate table
uniqueStocks.forEach(stock => {
const row = document.createElement('tr');
row.className = 'hover:bg-gray-50';
// Determine badge color based on classification
let badgeColor = 'bg-blue-100 text-blue-800';
if (stock.分类.includes('一次设备')) {
badgeColor = 'bg-blue-100 text-blue-800';
} else if (stock.分类.includes('二次设备')) {
badgeColor = 'bg-green-100 text-green-800';
} else if (stock.分类.includes('设备检测')) {
badgeColor = 'bg-purple-100 text-purple-800';
}
row.innerHTML = `
<td class="py-3 px-4 font-medium text-gray-900">${stock.stock}</td>
<td class="py-3 px-4 text-gray-700">${stock.行业}</td>
<td class="py-3 px-4">
<span class="px-2 py-1 text-xs font-medium rounded-full ${badgeColor}">${stock.分类}</span>
</td>
<td class="py-3 px-4 text-gray-700">${stock.reason}</td>
`;
stockTableBody.appendChild(row);
});
</script>
</body>
</html>
```