564 lines
34 KiB
HTML
564 lines
34 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>高温概念投资分析报告</title>
|
||
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
|
||
<!-- 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>
|
||
``` |