vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
zzlgreat
2025-11-05 10:56:56 +08:00
parent 467dad8449
commit fc37df4385
3499 changed files with 1063743 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

564
public/htmls/高温概念.html Normal file
View File

@@ -0,0 +1,564 @@
<!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" />
<!-- Nucleo Icons -->
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-icons.css" rel="stylesheet" />
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/nucleo-svg.css" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- CSS Files -->
<link href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/css/soft-design-system-pro.css?v=1.2.0" 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>
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #ff9a56 0%, #ff6a00 100%);
min-height: 100vh;
}
.content-wrapper {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.section-title {
background: linear-gradient(90deg, #ff6a00 0%, #ff9a56 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}
.card-custom {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
transition: all 0.3s ease;
}
.card-custom:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.table-container {
overflow-x: auto;
}
table {
min-width: 100%;
}
@media (max-width: 768px) {
.content-wrapper {
margin: 10px;
padding: 15px;
}
.section-title {
font-size: 1.5rem;
}
}
</style>
</head>
<body>
<div id="vanta-bg"></div>
<div class="container mx-auto px-4 py-8">
<div class="content-wrapper p-6 md:p-10">
<!-- 标题部分 -->
<div class="text-center mb-10">
<h1 class="text-4xl md:text-5xl font-bold mb-4 section-title">高温概念投资分析报告</h1>
<p class="text-gray-600 max-w-3xl mx-auto">全球极端高温背景下的电力、制冷与能源结构转型机遇</p>
</div>
<!-- 概念事件 -->
<div class="mb-10">
<h2 class="text-2xl md:text-3xl font-bold mb-6 section-title">概念事件</h2>
<div class="card-custom rounded-xl p-6 mb-6">
<h3 class="text-xl font-semibold mb-3 text-gray-800">背景</h3>
<p class="text-gray-600 mb-4">2025年7月，全球多地（中国、日本、欧洲、巴西等）出现极端高温，中央气象台持续发布高温预警，日本7月平均气温创1898年以来最高纪录，中国合肥、西安、上海等地突破40℃。</p>
<h3 class="text-xl font-semibold mb-3 text-gray-800">催化事件</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-fire text-orange-500 mt-1 mr-2"></i>
<span><strong>2025-07-07</strong>：A股电力板块涨停潮，水电、火电、虚拟电厂领涨，机构建议配置电力及制冷剂、煤炭等关联资产。</span>
</li>
<li class="flex items-start">
<i class="fas fa-fire text-orange-500 mt-1 mr-2"></i>
<span><strong>2025-07-08</strong>：中证报头版报道"高温概念"板块火热，明确提及<strong>电力（水电/火电/绿电）、制冷剂、煤炭</strong>为五大掘金方向。</span>
</li>
<li class="flex items-start">
<i class="fas fa-fire text-orange-500 mt-1 mr-2"></i>
<span><strong>2025-08</strong>：日本高温引发稻米危机，中国山西、湖北等地连续发布高温橙色预警，强化"高温经济"逻辑。</span>
</li>
</ul>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="mb-10">
<h2 class="text-2xl md:text-3xl font-bold mb-6 section-title">核心观点摘要</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="card-custom rounded-xl p-6">
<div class="text-orange-500 mb-4">
<i class="fas fa-chart-line text-3xl"></i>
</div>
<h3 class="text-xl font-semibold mb-3 text-gray-800">当前阶段</h3>
<p class="text-gray-600">高温概念已从<strong>事件驱动</strong>（极端天气）进入<strong>基本面验证</strong>阶段，电力、制冷、煤炭等板块业绩确定性提升。</p>
</div>
<div class="card-custom rounded-xl p-6">
<div class="text-orange-500 mb-4">
<i class="fas fa-bolt text-3xl"></i>
</div>
<h3 class="text-xl font-semibold mb-3 text-gray-800">核心驱动力</h3>
<p class="text-gray-600">极端高温→用电需求激增（迎峰度夏）+政策催化（全国统一电力市场建设）+中报季业绩释放。</p>
</div>
<div class="card-custom rounded-xl p-6">
<div class="text-orange-500 mb-4">
<i class="fas fa-leaf text-3xl"></i>
</div>
<h3 class="text-xl font-semibold mb-3 text-gray-800">未来潜力</h3>
<p class="text-gray-600">短期看电力保供（火电弹性最大），中期看制冷设备升级（能效标准提升），长期看高温常态化下的能源结构转型（绿电+储能）。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="mb-10">
<h2 class="text-2xl md:text-3xl font-bold mb-6 section-title">核心逻辑与市场认知分析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="card-custom rounded-xl p-6">
<h3 class="text-xl font-semibold mb-4 text-gray-800">核心驱动力</h3>
<div class="space-y-4">
<div>
<h4 class="font-semibold text-gray-700 mb-2">需求端</h4>
<p class="text-gray-600">极端高温直接拉动<strong>电力负荷</strong>（空调用电占比超40%），2025年7月中国全社会用电量同比增<strong>12.3%</strong>（国家能源局数据）。</p>
</div>
<div>
<h4 class="font-semibold text-gray-700 mb-2">供给端</h4>
<ul class="text-gray-600 space-y-1">
<li>• <strong>火电</strong>：煤价下行（2025Q2秦港5500大卡煤价跌至<strong>850元/吨</strong>，同比-25%）+电价上浮（多地允许电价上浮20%），火电盈利反转。</li>
<li>• <strong>水电/绿电</strong>：来水改善（云南、四川降水恢复至历史均值）+绿电补贴加速发放。</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-gray-700 mb-2">政策端</h4>
<p class="text-gray-600">全国统一电力市场建设提速（2025年6月《电力市场运行基本规则》落地），虚拟电厂、储能等新型主体纳入交易。</p>
</div>
</div>
</div>
<div class="card-custom rounded-xl p-6">
<h3 class="text-xl font-semibold mb-4 text-gray-800">市场热度与预期差</h3>
<div class="space-y-4">
<div>
<h4 class="font-semibold text-gray-700 mb-2">市场热度与情绪</h4>
<ul class="text-gray-600 space-y-1">
<li>• <strong>新闻热度</strong>：7月7-8日"高温概念"相关报道量激增<strong>300%</strong>（财联社、中证报密集发声）。</li>
<li>• <strong>资金动向</strong>：电力板块6月以来涨幅<strong>4.25%</strong>（数据宝），跑赢沪指（3.73%），股东户数下降（如大连热电、陕西能源筹码集中）。</li>
<li>• <strong>分歧点</strong>：市场对火电持续性存疑（担忧煤价反弹），对绿电估值泡沫有争议。</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-gray-700 mb-2">预期差分析</h4>
<ul class="text-gray-600 space-y-1">
<li>• <strong>被低估</strong>：煤炭板块（机构仅关注电力，忽略高温下煤化工限产+国际煤价联动）。</li>
<li>• <strong>被高估</strong>：部分制冷剂公司（R32价格已涨50%，但2026年配额政策存不确定性）。</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="mb-10">
<h2 class="text-2xl md:text-3xl font-bold mb-6 section-title">关键催化剂与未来发展路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="card-custom rounded-xl p-6">
<h3 class="text-xl font-semibold mb-4 text-gray-800">近期催化剂（3-6个月）</h3>
<ul class="space-y-3 text-gray-600">
<li class="flex items-start">
<i class="fas fa-calendar-alt text-orange-500 mt-1 mr-3"></i>
<div>
<strong>政策落地</strong>：8月国家发改委将发布《2025年迎峰度夏电力保供方案》，火电灵活性改造、储能调峰或获专项补贴。
</div>
</li>
<li class="flex items-start">
<i class="fas fa-chart-line text-orange-500 mt-1 mr-3"></i>
<div>
<strong>业绩验证</strong>：电力公司中报预告（如华能国际Q2净利润预增<strong>200%+</strong>）。
</div>
</li>
<li class="flex items-start">
<i class="fas fa-temperature-high text-orange-500 mt-1 mr-3"></i>
<div>
<strong>极端天气延续</strong>：若8月高温持续（中央气象台预测长江中下游或达<strong>40℃</strong>），电力缺口将扩大。
</div>
</li>
</ul>
</div>
<div class="card-custom rounded-xl p-6">
<h3 class="text-xl font-semibold mb-4 text-gray-800">长期发展路径</h3>
<div class="space-y-4">
<div>
<h4 class="font-semibold text-gray-700 mb-2">2025-2027</h4>
<p class="text-gray-600">高温常态化→火电保供+绿电增量（风光装机年增<strong>100GW</strong>）。</p>
</div>
<div>
<h4 class="font-semibold text-gray-700 mb-2">2028-2030</h4>
<p class="text-gray-600">制冷设备能效升级（新国标要求空调APF≥5.0），高温超导技术（如联创光电感应加热设备）商业化。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="mb-10">
<h2 class="text-2xl md:text-3xl font-bold mb-6 section-title">产业链与核心公司深度剖析</h2>
<div class="card-custom rounded-xl p-6 mb-6">
<h3 class="text-xl font-semibold mb-4 text-gray-800">产业链图谱</h3>
<div class="flex flex-col md:flex-row justify-between items-center bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4">
<div class="text-center mb-4 md:mb-0">
<div class="bg-orange-500 text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-2">
<i class="fas fa-industry text-2xl"></i>
</div>
<p class="font-semibold">上游</p>
<p class="text-sm text-gray-600">煤炭（中国神华、陕西能源）</p>
</div>
<div class="hidden md:block text-orange-500">
<i class="fas fa-arrow-right text-2xl"></i>
</div>
<div class="text-center mb-4 md:mb-0">
<div class="bg-orange-500 text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-2">
<i class="fas fa-bolt text-2xl"></i>
</div>
<p class="font-semibold">中游</p>
<p class="text-sm text-gray-600">电力运营商（火电/水电/绿电）</p>
</div>
<div class="hidden md:block text-orange-500">
<i class="fas fa-arrow-right text-2xl"></i>
</div>
<div class="text-center">
<div class="bg-orange-500 text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-2">
<i class="fas fa-home text-2xl"></i>
</div>
<p class="font-semibold">下游</p>
<p class="text-sm text-gray-600">制冷设备、储能</p>
</div>
</div>
</div>
<div class="card-custom rounded-xl p-6">
<h3 class="text-xl font-semibold mb-4 text-gray-800">核心玩家对比</h3>
<div class="table-container">
<table class="w-full">
<thead>
<tr class="bg-orange-50">
<th class="p-3 text-left text-gray-700 font-semibold">公司</th>
<th class="p-3 text-left text-gray-700 font-semibold">逻辑</th>
<th class="p-3 text-left text-gray-700 font-semibold">进展</th>
<th class="p-3 text-left text-gray-700 font-semibold">风险</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-200">
<td class="p-3 font-medium text-gray-800">华能国际</td>
<td class="p-3 text-gray-600">火电龙头，煤价弹性最大</td>
<td class="p-3 text-gray-600">Q2利用小时数同比+8%，长协煤占比90%</td>
<td class="p-3 text-gray-600">煤价反弹侵蚀利润</td>
</tr>
<tr class="border-b border-gray-200">
<td class="p-3 font-medium text-gray-800">长江电力</td>
<td class="p-3 text-gray-600">水电防御性，来水改善</td>
<td class="p-3 text-gray-600">三峡水库水位同比+5米</td>
<td class="p-3 text-gray-600">汛期来水不及预期</td>
</tr>
<tr class="border-b border-gray-200">
<td class="p-3 font-medium text-gray-800">格力电器</td>
<td class="p-3 text-gray-600">空调需求爆发+高温补贴</td>
<td class="p-3 text-gray-600">7月空调排产同比+15%</td>
<td class="p-3 text-gray-600">库存高企（渠道库存3个月）</td>
</tr>
<tr>
<td class="p-3 font-medium text-gray-800">联创光电</td>
<td class="p-3 text-gray-600">高温超导感应加热（技术壁垒）</td>
<td class="p-3 text-gray-600">在手订单60台，2025年产能200台</td>
<td class="p-3 text-gray-600">技术路线替代风险</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="mb-10">
<h2 class="text-2xl md:text-3xl font-bold mb-6 section-title">潜在风险与挑战</h2>
<div class="card-custom rounded-xl p-6">
<div class="table-container">
<table class="w-full">
<thead>
<tr class="bg-orange-50">
<th class="p-3 text-left text-gray-700 font-semibold">风险类型</th>
<th class="p-3 text-left text-gray-700 font-semibold">具体表现</th>
<th class="p-3 text-left text-gray-700 font-semibold">来源</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-200">
<td class="p-3 font-medium text-gray-800">技术风险</td>
<td class="p-3 text-gray-600">高温超导带材良率<70%（中金路演）</td>
<td class="p-3 text-gray-600">中金公司2023年12月报告</td>
</tr>
<tr class="border-b border-gray-200">
<td class="p-3 font-medium text-gray-800">商业化风险</td>
<td class="p-3 text-gray-600">制冷剂R32价格已透支2026年配额利好</td>
<td class="p-3 text-gray-600">百川盈孚数据</td>
</tr>
<tr class="border-b border-gray-200">
<td class="p-3 font-medium text-gray-800">政策风险</td>
<td class="p-3 text-gray-600">火电灵活性改造补贴可能低于预期</td>
<td class="p-3 text-gray-600">国家发改委征求意见稿</td>
</tr>
<tr>
<td class="p-3 font-medium text-gray-800">信息矛盾</td>
<td class="p-3 text-gray-600">路演称"煤炭需求激增"，但港口库存同比+20%</td>
<td class="p-3 text-gray-600">秦皇岛港数据</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="mb-10">
<h2 class="text-2xl md:text-3xl font-bold mb-6 section-title">综合结论与投资启示</h2>
<div class="card-custom rounded-xl p-6">
<div class="space-y-6">
<div>
<h3 class="text-xl font-semibold mb-3 text-gray-800">阶段判断</h3>
<p class="text-gray-600">高温概念处于<strong>"事件驱动→基本面验证"过渡期</strong>，电力板块业绩确定性最强，制冷/煤炭存在预期差。</p>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-gray-800">投资方向</h3>
<ol class="list-decimal list-inside space-y-2 text-gray-600">
<li><strong>火电弹性</strong>：华能国际（煤价下行+电价上浮）；</li>
<li><strong>绿电估值修复</strong>：三峡能源（补贴拖欠解决）；</li>
<li><strong>制冷设备升级</strong>：美的集团（高温+能效新标）。</li>
</ol>
</div>
<div>
<h3 class="text-xl font-semibold mb-3 text-gray-800">跟踪指标</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-bolt text-orange-500 mt-1 mr-2"></i>
<span><strong>电力</strong>：沿海八省日耗煤量（当前<strong>220万吨/天</strong>，若持续>250万吨将触发保供）。</span>
</li>
<li class="flex items-start">
<i class="fas fa-snowflake text-orange-500 mt-1 mr-2"></i>
<span><strong>制冷剂</strong>：R32价差（当前<strong>1.2万元/吨</strong>，低于成本线1.5万）。</span>
</li>
<li class="flex items-start">
<i class="fas fa-microchip text-orange-500 mt-1 mr-2"></i>
<span><strong>高温超导</strong>：联创光电2025年订单落地率（需验证≥80%）。</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 关联股票数据表格 -->
<div class="mb-10">
<h2 class="text-2xl md:text-3xl font-bold mb-6 section-title">关联股票数据</h2>
<div class="card-custom rounded-xl p-6">
<div class="table-container">
<table class="w-full">
<thead>
<tr class="bg-orange-50">
<th class="p-3 text-left text-gray-700 font-semibold">股票名称</th>
<th class="p-3 text-left text-gray-700 font-semibold">行业</th>
<th class="p-3 text-left text-gray-700 font-semibold">分类</th>
<th class="p-3 text-left text-gray-700 font-semibold">项目</th>
<th class="p-3 text-left text-gray-700 font-semibold">理由</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 股票数据将通过JavaScript动态填充 -->
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></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>
<script>
// 初始化Vanta.js背景
VANTA.WAVES({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0xff9a56,
shininess: 30.00,
waveHeight: 10.00,
waveSpeed: 0.75,
zoom: 0.65
});
// 股票数据
const stockData = [
{'stock': '皖能电力', '行业': '电力', '分类': '火电', '项目': '高温概念', '理由': '属于高温概念下的火电分类'},
{'stock': '赣能股份', '行业': '电力', '分类': '火电', '项目': '高温概念', '理由': '属于高温概念下的火电分类'},
{'stock': '国投电力', '行业': '电力', '分类': '火电', '项目': '高温概念', '理由': '属于高温概念下的火电分类'},
{'stock': '大唐发电', '行业': '电力', '分类': '火电', '项目': '高温概念', '理由': '属于高温概念下的火电分类'},
{'stock': '华能国际', '行业': '电力', '分类': '火电', '项目': '高温概念', '理由': '属于高温概念下的火电分类'},
{'stock': '上海电力', '行业': '电力', '分类': '火电', '项目': '高温概念', '理由': '属于高温概念下的火电分类'},
{'stock': '华电国际', '行业': '电力', '分类': '火电', '项目': '高温概念', '理由': '属于高温概念下的火电分类'},
{'stock': '华银电力', '行业': '电力', '分类': '火电', '项目': '高温概念', '理由': '属于高温概念下的火电分类'},
{'stock': '国电电力', '行业': '电力', '分类': '火电', '项目': '高温概念', '理由': '属于高温概念下的火电分类'},
{'stock': '内蒙华电', '行业': '电力', '分类': '火电', '项目': '高温概念', '理由': '属于高温概念下的火电分类'},
{'stock': '甘肃能源', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '闽东电力', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '黔源电力', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '华能水电', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '桂冠电力', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '明星电力', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '西昌电力', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '三峡能源', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '乐山电力', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '长江电力', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '广安爱众', '行业': '电力', '分类': '水电', '项目': '高温概念', '理由': '属于高温概念下的水电分类'},
{'stock': '川能动力', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '韶能股份', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '银星能源', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '立新能源', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '华能国际', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '吉电股份', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '华电国际', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '浙江新能', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '中闽能源', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '三峡能源', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '节能风电', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '江苏新能', '行业': '电力', '分类': '绿电', '项目': '高温概念', '理由': '属于高温概念下的绿电分类'},
{'stock': '中国广核', '行业': '电力', '分类': '核电', '项目': '高温概念', '理由': '属于高温概念下的核电分类'},
{'stock': '中国核电', '行业': '电力', '分类': '核电', '项目': '高温概念', '理由': '属于高温概念下的核电分类'},
{'stock': '福能股份', '行业': '电力', '分类': '核电', '项目': '高温概念', '理由': '属于高温概念下的核电分类'},
{'stock': '湖南发展', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '金房能源', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '百通能源', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '长青集团', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '京能热力', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '廊坊发展', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '广西能源', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '大连热电', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '郴电国际', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '杭州热电', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '世茂能源', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '新中港', '行业': '电力', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他电力分类'},
{'stock': '格力电器', '行业': '制冷设备', '分类': '空调', '项目': '高温概念', '理由': '属于高温概念下的空调分类'},
{'stock': '美的集团', '行业': '制冷设备', '分类': '空调', '项目': '高温概念', '理由': '属于高温概念下的空调分类'},
{'stock': '海尔智家', '行业': '制冷设备', '分类': '空调', '项目': '高温概念', '理由': '属于高温概念下的空调分类'},
{'stock': '海信家电', '行业': '制冷设备', '分类': '空调', '项目': '高温概念', '理由': '属于高温概念下的空调分类'},
{'stock': '春兰股份', '行业': '制冷设备', '分类': '空调', '项目': '高温概念', '理由': '属于高温概念下的空调分类'},
{'stock': '亿利达', '行业': '制冷设备', '分类': '空调', '项目': '高温概念', '理由': '属于高温概念下的空调分类'},
{'stock': '冰轮环境', '行业': '制冷设备', '分类': '压缩机', '项目': '高温概念', '理由': '属于高温概念下的压缩机分类'},
{'stock': '冰山冷热', '行业': '制冷设备', '分类': '压缩机', '项目': '高温概念', '理由': '属于高温概念下的压缩机分类'},
{'stock': '雪人股份', '行业': '制冷设备', '分类': '压缩机', '项目': '高温概念', '理由': '属于高温概念下的压缩机分类'},
{'stock': '百达精工', '行业': '制冷设备', '分类': '压缩机', '项目': '高温概念', '理由': '属于高温概念下的压缩机分类'},
{'stock': '汉钟精机', '行业': '制冷设备', '分类': '压缩机', '项目': '高温概念', '理由': '属于高温概念下的压缩机分类'},
{'stock': '格力电器', '行业': '制冷设备', '分类': '电风扇', '项目': '高温概念', '理由': '属于高温概念下的电风扇分类'},
{'stock': '美的集团', '行业': '制冷设备', '分类': '电风扇', '项目': '高温概念', '理由': '属于高温概念下的电风扇分类'},
{'stock': '小崧股份', '行业': '制冷设备', '分类': '电风扇', '项目': '高温概念', '理由': '属于高温概念下的电风扇分类'},
{'stock': '德昌股份', '行业': '制冷设备', '分类': '电风扇', '项目': '高温概念', '理由': '属于高温概念下的电风扇分类'},
{'stock': '海容冷链', '行业': '制冷设备', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他制冷设备分类'},
{'stock': '四方科技', '行业': '制冷设备', '分类': '其他', '项目': '高温概念', '理由': '属于高温概念下的其他制冷设备分类'},
{'stock': '浙江永强', '行业': '防晒设备', '分类': '遮阳', '项目': '高温概念', '理由': '属于高温概念下的遮阳分类'},
{'stock': '浙江正特', '行业': '防晒设备', '分类': '遮阳', '项目': '高温概念', '理由': '属于高温概念下的遮阳分类'},
{'stock': '玉马科技', '行业': '防晒设备', '分类': '遮阳', '项目': '高温概念', '理由': '属于高温概念下的遮阳分类'},
{'stock': '扬州金泉', '行业': '防晒设备', '分类': '遮阳', '项目': '高温概念', '理由': '属于高温概念下的遮阳分类'},
{'stock': '牧高笛', '行业': '防晒设备', '分类': '遮阳', '项目': '高温概念', '理由': '属于高温概念下的遮阳分类'},
{'stock': '三夫户外', '行业': '防晒设备', '分类': '服装', '项目': '高温概念', '理由': '属于高温概念下的服装分类'},
{'stock': '探路者', '行业': '防晒设备', '分类': '服装', '项目': '高温概念', '理由': '属于高温概念下的服装分类'}
];
// 填充股票数据表格
function populateStockTable() {
const tableBody = document.getElementById('stockTableBody');
stockData.forEach(stock => {
const row = document.createElement('tr');
row.className = 'border-b border-gray-200 hover:bg-orange-50';
// 根据行业设置不同的图标
let icon = '';
let iconColor = '';
if (stock.行业 === '电力') {
icon = 'fa-bolt';
iconColor = 'text-yellow-500';
} else if (stock.行业 === '制冷设备') {
icon = 'fa-snowflake';
iconColor = 'text-blue-500';
} else if (stock.行业 === '防晒设备') {
icon = 'fa-sun';
iconColor = 'text-orange-500';
} else {
icon = 'fa-chart-line';
iconColor = 'text-green-500';
}
row.innerHTML = `
<td class="p-3">
<div class="flex items-center">
<i class="fas ${icon} ${iconColor} mr-2"></i>
<span class="font-medium text-gray-800">${stock.stock}</span>
</div>
</td>
<td class="p-3 text-gray-600">${stock.行业}</td>
<td class="p-3">
<span class="px-2 py-1 bg-orange-100 text-orange-800 rounded-full text-xs font-medium">
${stock.分类}
</span>
</td>
<td class="p-3 text-gray-600">${stock.项目}</td>
<td class="p-3 text-gray-600">${stock.理由}</td>
`;
tableBody.appendChild(row);
});
}
// 页面加载完成后填充表格
document.addEventListener('DOMContentLoaded', function() {
populateStockTable();
});
</script>
</body>
</html>
```