Files
vf_react/public/htmls/家用电器.html
2025-10-11 16:16:02 +08:00

648 lines
40 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>
<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, #f5f7fa 0%, #c3cfe2 100%);
min-height: 100vh;
}
.insight-card {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.18);
}
.timeline-item {
position: relative;
padding-left: 30px;
}
.timeline-item::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #3b82f6;
}
.timeline-item::after {
content: '';
position: absolute;
left: 5px;
top: 20px;
width: 2px;
height: calc(100% + 10px);
background: #e5e7eb;
}
.timeline-item:last-child::after {
display: none;
}
.strength-indicator {
display: inline-flex;
align-items: center;
}
.star {
color: #fbbf24;
margin-right: 2px;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-container {
font-size: 0.875rem;
}
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.mermaid {
text-align: center;
margin: 20px 0;
}
</style>
</head>
<body>
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-7xl">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">家用电器行业洞察报告</h1>
<p class="text-lg text-gray-600">政策红利兑现期向基本面驱动期过渡的关键节点</p>
</div>
<!-- 概念事件时间轴 -->
<div class="insight-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-clock text-blue-500 mr-3"></i>
概念事件时间轴
</h2>
<div class="space-y-4">
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-semibold text-blue-600 md:w-32">2024-03</span>
<div class="flex-1">
<p class="font-medium">国务院印发《推动大规模设备更新和消费品以旧换新行动方案》</p>
<p class="text-sm text-gray-600 mt-1">首次将家电以旧换新纳入国家级政策框架明确8大补贴品类</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-semibold text-blue-600 md:w-32">2024-07</span>
<div class="flex-1">
<p class="font-medium">国家发改委追加1500亿元超长期特别国债</p>
<p class="text-sm text-gray-600 mt-1">资金落地加速,地方政府补贴细则密集出台</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-semibold text-blue-600 md:w-32">2024-09</span>
<div class="flex-1">
<p class="font-medium">商务部数据家电以旧换新销售额突破1000亿元</p>
<p class="text-sm text-gray-600 mt-1">政策效果验证,单月零售额增速<span class="font-bold text-green-600">39.2%</span>创三年新高</p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-semibold text-blue-600 md:w-32">2025-01</span>
<div class="flex-1">
<p class="font-medium">中美日内瓦会谈取消91%关税</p>
<p class="text-sm text-gray-600 mt-1">出口链风险缓释,空调/冰箱Q1出口增速<span class="font-bold text-green-600">22%/12.5%</span></p>
</div>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-semibold text-blue-600 md:w-32">2025-07</span>
<div class="flex-1">
<p class="font-medium">新版《家电安全使用年限》国标发布</p>
<p class="text-sm text-gray-600 mt-1">2026年起强制淘汰超期服役产品更新需求释放窗口打开</p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="insight-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-lightbulb text-yellow-500 mr-3"></i>
核心观点摘要
</h2>
<div class="bg-blue-50 border-l-4 border-blue-500 p-4 rounded-r-lg">
<div class="mb-4">
<h3 class="font-semibold text-lg text-gray-800 mb-2">阶段判断</h3>
<p class="text-gray-700">家用电器正处于<span class="font-bold text-blue-600">政策红利兑现期</span><span class="font-bold text-blue-600">基本面驱动期</span>过渡的关键节点,以旧换新政策与出口修复形成双轮驱动。</p>
</div>
<div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">核心矛盾</h3>
<p class="text-gray-700">市场过度关注政策短期刺激,低估了<span class="font-bold text-green-600">更新需求占比超80%</span>带来的长期韧性,以及<span class="font-bold text-green-600">新兴市场渗透率提升</span>的结构性机会。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="insight-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-chart-line text-green-500 mr-3"></i>
核心逻辑与市场认知分析
</h2>
<h3 class="text-xl font-semibold text-gray-800 mb-4">驱动力拆解</h3>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="bg-gray-100">
<th class="px-4 py-3 text-left font-semibold text-gray-700">维度</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">数据验证</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">逻辑强度</th>
</tr>
</thead>
<tbody>
<tr class="border-b">
<td class="px-4 py-3 font-medium">政策驱动</td>
<td class="px-4 py-3">2024年家电补贴消耗近500亿原计划300亿撬动销售额<span class="font-bold">2000亿+</span></td>
<td class="px-4 py-3">
<div class="strength-indicator">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="far fa-star star"></i>
</div>
</td>
</tr>
<tr class="border-b">
<td class="px-4 py-3 font-medium">更新需求</td>
<td class="px-4 py-3">空调/冰箱更新占比<span class="font-bold">80%/95%</span>,与地产脱钩</td>
<td class="px-4 py-3">
<div class="strength-indicator">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
</td>
</tr>
<tr class="border-b">
<td class="px-4 py-3 font-medium">出口修复</td>
<td class="px-4 py-3">拉美/中东/东南亚贡献<span class="font-bold">40%</span>增量,关税取消强化趋势</td>
<td class="px-4 py-3">
<div class="strength-indicator">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="far fa-star star"></i>
</div>
</td>
</tr>
<tr>
<td class="px-4 py-3 font-medium">技术升级</td>
<td class="px-4 py-3">一级能效产品占比<span class="font-bold">90%</span>ASP提升<span class="font-bold">15-20%</span></td>
<td class="px-4 py-3">
<div class="strength-indicator">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="far fa-star star"></i>
<i class="far fa-star star"></i>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<h3 class="text-xl font-semibold text-gray-800 mt-8 mb-4">市场认知偏差</h3>
<div class="space-y-4">
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded-r-lg">
<h4 class="font-semibold text-red-700 mb-2">误区1认为政策透支需求</h4>
<p class="text-gray-700"><span class="font-semibold text-green-600">修正:</span>日本90年代地产崩盘后空调销量仍增长中国农村空调保有量仅<span class="font-bold">0.8台/户</span>城镇1.5台),长期空间充足。</p>
</div>
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded-r-lg">
<h4 class="font-semibold text-red-700 mb-2">误区2出口依赖欧美市场</h4>
<p class="text-gray-700"><span class="font-semibold text-green-600">修正:</span>北美占比已从36%降至20%<span class="font-bold">墨西哥/泰国转口贸易</span>规避关税风险2025Q1空调出口增速<span class="font-bold">22%</span>验证韧性。</p>
</div>
</div>
</div>
<!-- 催化剂与发展路径 -->
<div class="insight-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-rocket text-purple-500 mr-3"></i>
催化剂与发展路径
</h2>
<h3 class="text-xl font-semibold text-gray-800 mb-4">近期催化剂3-6个月</h3>
<div class="space-y-3">
<div class="flex items-start">
<span class="bg-purple-100 text-purple-800 rounded-full w-8 h-8 flex items-center justify-center font-bold mr-3 flex-shrink-0">1</span>
<div>
<p class="font-medium"><span class="text-purple-600">2025Q2排产数据</span>产业在线显示5-7月空调内销排产增速<span class="font-bold">15.4%/28.8%/36.7%</span>,若兑现将打破"政策空窗期"担忧。</p>
</div>
</div>
<div class="flex items-start">
<span class="bg-purple-100 text-purple-800 rounded-full w-8 h-8 flex items-center justify-center font-bold mr-3 flex-shrink-0">2</span>
<div>
<p class="font-medium"><span class="text-purple-600">地方补贴扩围</span>:四川/海南等省新增<span class="font-bold">扫地机器人/智能马桶</span>等品类有望复制2024年微波炉+120%)爆发路径。</p>
</div>
</div>
<div class="flex items-start">
<span class="bg-purple-100 text-purple-800 rounded-full w-8 h-8 flex items-center justify-center font-bold mr-3 flex-shrink-0">3</span>
<div>
<p class="font-medium"><span class="text-purple-600">龙头中报验证</span>:美的/格力Q2外销增速若维持<span class="font-bold">20%+</span>,将强化全球份额提升逻辑。</p>
</div>
</div>
</div>
<h3 class="text-xl font-semibold text-gray-800 mt-8 mb-4">长期路径2025-2027</h3>
<div class="bg-gray-50 p-4 rounded-lg">
<div class="flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0">
<div class="bg-blue-500 text-white px-6 py-3 rounded-lg font-semibold text-center">政策红利期</div>
<i class="fas fa-arrow-right text-gray-400"></i>
<div class="bg-green-500 text-white px-6 py-3 rounded-lg font-semibold text-center">更新需求主导</div>
<i class="fas fa-arrow-right text-gray-400"></i>
<div class="bg-yellow-500 text-white px-6 py-3 rounded-lg font-semibold text-center">新兴市场渗透</div>
<i class="fas fa-arrow-right text-gray-400"></i>
<div class="bg-purple-500 text-white px-6 py-3 rounded-lg font-semibold text-center">AIoT生态变现</div>
</div>
<div class="flex justify-between mt-4 text-sm text-gray-600">
<span>2025年</span>
<span>2026-2027</span>
<span>2028+</span>
</div>
</div>
</div>
<!-- 产业链与核心公司 -->
<div class="insight-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-sitemap text-indigo-500 mr-3"></i>
产业链与核心公司
</h2>
<h3 class="text-xl font-semibold text-gray-800 mb-4">产业链图谱</h3>
<div class="bg-gray-50 p-4 rounded-lg mb-6">
<div class="flex flex-col space-y-2 text-center">
<div class="bg-indigo-100 text-indigo-800 px-4 py-2 rounded font-medium">上游:铜/铝/塑料成本占比60%+</div>
<i class="fas fa-arrow-down text-gray-400"></i>
<div class="bg-indigo-200 text-indigo-900 px-4 py-2 rounded font-medium">中游:白电(美的/格力)→ 小家电(石头/科沃斯)→ 零部件(三花/盾安)</div>
<i class="fas fa-arrow-down text-gray-400"></i>
<div class="bg-indigo-300 text-indigo-900 px-4 py-2 rounded font-medium">下游:国美/苏宁(线下)→ 京东/天猫(线上)→ 抖音电商(新兴渠道)</div>
</div>
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="bg-gray-100">
<th class="px-4 py-3 text-left font-semibold text-gray-700">公司</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">核心逻辑</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">数据验证</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">风险点</th>
</tr>
</thead>
<tbody>
<tr class="border-b">
<td class="px-4 py-3 font-medium text-indigo-600">美的集团</td>
<td class="px-4 py-3">全品类+全球化</td>
<td class="px-4 py-3">外销占比<span class="font-bold">50%+</span>Q1利润增速<span class="font-bold">24.6%</span></td>
<td class="px-4 py-3">北美需求波动</td>
</tr>
<tr class="border-b">
<td class="px-4 py-3 font-medium text-indigo-600">格力电器</td>
<td class="px-4 py-3">空调更新需求</td>
<td class="px-4 py-3">库存周期<span class="font-bold">3个月</span>(历史低位),股息率<span class="font-bold">7%</span></td>
<td class="px-4 py-3">多元化进展缓慢</td>
</tr>
<tr class="border-b">
<td class="px-4 py-3 font-medium text-indigo-600">石头科技</td>
<td class="px-4 py-3">扫地机器人出海</td>
<td class="px-4 py-3">欧洲市场份额<span class="font-bold">25%→35%</span>ASP提升<span class="font-bold">20%</span></td>
<td class="px-4 py-3">科沃斯价格战</td>
</tr>
<tr>
<td class="px-4 py-3 font-medium text-indigo-600">三花智控</td>
<td class="px-4 py-3">热管理零部件</td>
<td class="px-4 py-3">新能源车业务占比<span class="font-bold">30%</span>,毛利率<span class="font-bold">30%+</span></td>
<td class="px-4 py-3">客户集中度风险</td>
</tr>
</tbody>
</table>
</div>
<h3 class="text-xl font-semibold text-gray-800 mt-8 mb-4">验证与证伪</h3>
<div class="grid md:grid-cols-2 gap-4">
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded-r-lg">
<h4 class="font-semibold text-red-700 mb-2">证伪点</h4>
<p class="text-gray-700">2024Q3公募基金减持<span class="font-bold">三花智控17.2亿元</span>,但公司新能源车订单仍饱满,反映市场对家电业务过度悲观。</p>
</div>
<div class="bg-green-50 border-l-4 border-green-500 p-4 rounded-r-lg">
<h4 class="font-semibold text-green-700 mb-2">验证点</h4>
<p class="text-gray-700">长虹美菱Q3获增持<span class="font-bold">5.2亿元</span>,其冰箱出口增速<span class="font-bold">33%</span>与数据完全匹配。</p>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="insight-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-exclamation-triangle text-red-500 mr-3"></i>
潜在风险与挑战
</h2>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="bg-gray-100">
<th class="px-4 py-3 text-left font-semibold text-gray-700">风险类型</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">具体表现</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">概率评估</th>
</tr>
</thead>
<tbody>
<tr class="border-b">
<td class="px-4 py-3 font-medium">政策退坡</td>
<td class="px-4 py-3">2025年补贴额度若缩减50%,测算影响行业增速<span class="font-bold">-3pct</span></td>
<td class="px-4 py-3">
<span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs font-medium"></span>
</td>
</tr>
<tr class="border-b">
<td class="px-4 py-3 font-medium">原材料暴涨</td>
<td class="px-4 py-3">铜价若突破<span class="font-bold">8万元/吨</span>,白电毛利率或下滑<span class="font-bold">2pct</span></td>
<td class="px-4 py-3">
<span class="bg-green-100 text-green-800 px-2 py-1 rounded text-xs font-medium"></span>
</td>
</tr>
<tr class="border-b">
<td class="px-4 py-3 font-medium">技术替代</td>
<td class="px-4 py-3">华为/小米生态链切入空调赛道,可能引发价格战</td>
<td class="px-4 py-3">
<span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs font-medium"></span>
</td>
</tr>
<tr>
<td class="px-4 py-3 font-medium">数据矛盾</td>
<td class="px-4 py-3">路演显示<span class="font-bold">海尔智家H获增持</span>,但陆股通减持<span class="font-bold">6.5亿元</span>,需跟踪外资流向</td>
<td class="px-4 py-3">
<span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs font-medium"></span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="insight-card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-trophy text-yellow-500 mr-3"></i>
综合结论与投资启示
</h2>
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 p-6 rounded-lg mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-4">阶段判断</h3>
<p class="text-gray-700">家用电器已从<span class="font-bold text-blue-600">政策主题炒作</span>2024Q3进入<span class="font-bold text-blue-600">基本面验证期</span>2025Q1核心矛盾是<span class="font-bold">更新需求释放节奏</span><span class="font-bold">出口持续性</span></p>
</div>
<h3 class="text-xl font-semibold text-gray-800 mb-4">投资方向</h3>
<div class="space-y-4">
<div class="bg-green-50 border-l-4 border-green-500 p-4 rounded-r-lg">
<h4 class="font-semibold text-green-700 mb-2">高确定性组合</h4>
<p class="text-gray-700">美的集团(全球化)+格力电器(高股息)</p>
</div>
<div class="bg-yellow-50 border-l-4 border-yellow-500 p-4 rounded-r-lg">
<h4 class="font-semibold text-yellow-700 mb-2">弹性标的</h4>
<p class="text-gray-700">石头科技(欧洲市场突破)+长虹美菱(冰箱出口链)</p>
</div>
<div class="bg-purple-50 border-l-4 border-purple-500 p-4 rounded-r-lg">
<h4 class="font-semibold text-purple-700 mb-2">预期差机会</h4>
<p class="text-gray-700">三花智控(家电+新能源双轮驱动被低估)</p>
</div>
</div>
<h3 class="text-xl font-semibold text-gray-800 mt-6 mb-4">关键跟踪指标</h3>
<div class="space-y-3">
<div class="flex items-center">
<i class="fas fa-chart-bar text-blue-500 mr-3"></i>
<p><span class="font-medium">月度排产数据</span>:产业在线空调/冰箱排产增速是否持续超预期</p>
</div>
<div class="flex items-center">
<i class="fas fa-globe text-green-500 mr-3"></i>
<p><span class="font-medium">出口高频数据</span>:拉美/中东市场空调渗透率是否突破<span class="font-bold">35%</span></p>
</div>
<div class="flex items-center">
<i class="fas fa-file-alt text-purple-500 mr-3"></i>
<p><span class="font-medium">政策窗口期</span>2025年8月是否出台新一轮以旧换新细则</p>
</div>
</div>
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded-r-lg mt-6">
<p class="font-semibold text-red-700">风险提示</p>
<p class="text-gray-700">若2025Q2空调排产增速低于<span class="font-bold">20%</span>,需警惕政策透支需求的风险。</p>
</div>
</div>
<!-- 关联股票数据 -->
<div class="insight-card rounded-2xl p-6">
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
<i class="fas fa-table text-blue-500 mr-3"></i>
关联股票数据
</h2>
<div class="table-container">
<table class="w-full text-sm">
<thead>
<tr class="bg-gray-100">
<th class="px-4 py-3 text-left font-semibold text-gray-700">股票名称</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">行业</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">项目</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">分类</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">产业链</th>
<th class="px-4 py-3 text-left font-semibold text-gray-700">原因</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 股票数据将通过JavaScript动态填充 -->
</tbody>
</table>
</div>
</div>
</div>
<script>
// 股票数据
const stockData = [{'家用电器240414': [{'stock': '格力电器', '行业': '家电', '项目': '绿色智能家电', '分类': '综合', '产业链': '家电制造', 'reason': '商务部等14部门推动消费品以旧换新鼓励购买绿色智能家电给予补贴'}, {'stock': '海尔智家', '行业': '家电', '项目': '绿色智能家电', '分类': '综合', '产业链': '家电制造', 'reason': '政策支持绿色智能家电消费'}, {'stock': '美的集团', '行业': '家电', '项目': '绿色智能家电', '分类': '综合', '产业链': '家电制造', 'reason': '以旧换新政策利好综合家电企业'}, {'stock': '海信家电', '行业': '家电', '项目': '绿色智能家电', '分类': '综合', '产业链': '家电制造', 'reason': '政策推动综合家电品牌发展'}, {'stock': '深康佳A', '行业': '家电', '项目': '绿色智能家电', '分类': '电视机', '产业链': '彩电制造', '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': '冰箱ODM龙头企业'}, {'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': '厨房电器ODM企业'}, {'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': '吸尘器ODM企业'}, {'stock': '倍轻松', '行业': '家电', '项目': '绿色智能家电', '分类': '小家电', '产业链': '按摩器材', 'reason': '智能按摩器材品牌'}, {'stock': '荣泰健康', '行业': '家电', '项目': '绿色智能家电', '分类': '小家电', '产业链': '按摩器材', 'reason': '按摩椅行业龙头'}, {'stock': '奥佳华', '行业': '家电', '项目': '绿色智能家电', '分类': '小家电', '产业链': '按摩器材', 'reason': '按摩保健器具出口'}, {'stock': '融捷健康', '行业': '家电', '项目': '绿色智能家电', '分类': '小家电', '产业链': '健康产品', 'reason': '健康科技产品'}, {'stock': '精艺股份', '行业': '家电', '项目': '绿色智能家电', '分类': '其他', '产业链': '家电用铜管', 'reason': '家电核心部件材料'}, {'stock': '宏昌科技', '行业': '家电', '项目': '绿色智能家电', '分类': '其他', '产业链': '智能家电部件', 'reason': '智能控制器供应商'}, {'stock': '立霸股份', '行业': '家电', '项目': '绿色智能家电', '分类': '其他', '产业链': '复合材料', 'reason': '家电用复合材料'}, {'stock': '极米科技', '行业': '家电', '项目': '绿色智能家电', '分类': '其他', '产业链': '投影设备', 'reason': '智能投影设备龙头'}, {'stock': '辰奕智能', '行业': '家电', '项目': '绿色智能家电', '分类': '其他', '产业链': '遥控器', 'reason': '智能遥控器专业企业'}]}];
// 填充股票数据表格
function populateStockTable() {
const tableBody = document.getElementById('stockTableBody');
const stocks = stockData[0]['家用电器240414'];
stocks.forEach(stock => {
const row = document.createElement('tr');
row.className = 'border-b hover:bg-gray-50';
// 根据分类设置不同的背景色
let categoryColor = '';
switch(stock['分类']) {
case '综合':
categoryColor = 'bg-blue-100 text-blue-800';
break;
case '电视机':
categoryColor = 'bg-purple-100 text-purple-800';
break;
case '空调':
categoryColor = 'bg-green-100 text-green-800';
break;
case '冰箱冷柜':
categoryColor = 'bg-cyan-100 text-cyan-800';
break;
case '洗衣机':
categoryColor = 'bg-indigo-100 text-indigo-800';
break;
case '零部件':
categoryColor = 'bg-gray-100 text-gray-800';
break;
case '厨卫电器':
categoryColor = 'bg-yellow-100 text-yellow-800';
break;
case '小家电':
categoryColor = 'bg-pink-100 text-pink-800';
break;
default:
categoryColor = 'bg-gray-100 text-gray-800';
}
row.innerHTML = `
<td class="px-4 py-3 font-medium">${stock['stock']}</td>
<td class="px-4 py-3">${stock['行业']}</td>
<td class="px-4 py-3">${stock['项目']}</td>
<td class="px-4 py-3">
<span class="${categoryColor} px-2 py-1 rounded text-xs font-medium">${stock['分类']}</span>
</td>
<td class="px-4 py-3">${stock['产业链']}</td>
<td class="px-4 py-3 text-sm">${stock['reason']}</td>
`;
tableBody.appendChild(row);
});
}
// 初始化粒子背景
function initParticles() {
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
});
}
// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', function() {
populateStockTable();
initParticles();
});
</script>
</body>
</html>
```