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

update pay ui

Browse Source
This commit is contained in:
zzlgreat
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions
Download Patch File Download Diff File Expand all files Collapse all files

900
public/htmls/煤炭.html
View File

@@ -1,423 +1,503 @@
<!DOCTYPE html>
<html lang="zh-CN">
<html lang="zh-CN" data-theme="night">
<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=Noto+Sans+SC:wght@300;400;500;700;900&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">
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!-- tsParticles -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<style>
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #0f172a;
color: #e2e8f0;
}
.card-bg {
background: rgba(30, 41, 59, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(100, 116, 139, 0.3);
}
.table-row:hover {
background-color: rgba(51, 65, 85, 0.5);
}
#tsparticles {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.highlight-text {
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-weight: 700;
}
.capacity-bar {
height: 8px;
border-radius: 4px;
background-color: rgba(100, 116, 139, 0.3);
overflow: hidden;
}
.capacity-fill {
height: 100%;
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
border-radius: 4px;
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>深度行业研究 | 煤炭概念</title>
<!-- Tailwind CSS & DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.1/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<!-- Alpine.js -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<!-- ECharts -->
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif;
background: #00010f;
background-image:
radial-gradient(ellipse 20% 40% at 20% 40%, hsla(217, 100%, 50%, 0.1), transparent),
radial-gradient(ellipse 20% 40% at 80% 60%, hsla(289, 100%, 50%, 0.1), transparent);
}
.orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background: rgba(10, 15, 30, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2rem;
box-shadow: 0 0 80px rgba(76, 0, 255, 0.1);
transition: all 0.3s ease-in-out;
}
.glass-card:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 0 100px rgba(0, 170, 255, 0.2);
border-color: rgba(0, 191, 255, 0.3);
}
.card-title {
color: #e0e0e0;
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
grid-auto-rows: auto;
}
.bento-item {
grid-column: span 12;
}
@media (min-width: 768px) {
.bento-item-span-4 { grid-column: span 4; }
.bento-item-span-6 { grid-column: span 6; }
.bento-item-span-8 { grid-column: span 8; }
.bento-item-span-12 { grid-column: span 12; }
}
.glow-text {
text-shadow: 0 0 8px rgba(0, 191, 255, 0.7);
}
h2.section-title {
position: relative;
padding-left: 2rem;
color: #f0f0f0;
font-size: 1.75rem;
}
h2.section-title::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 100%;
background-color: #00bfff;
border-radius: 4px;
box-shadow: 0 0 15px #00bfff;
}
.prose-custom {
color: #d1d5db;
}
.prose-custom h3 { color: #93c5fd; }
.prose-custom h4 { color: #a5b4fc; }
.prose-custom strong { color: #f9fafb; }
.prose-custom blockquote {
border-left-color: #60a5fa;
color: #d1d5db;
background-color: rgba(30, 41, 59, 0.3);
padding: 1rem;
border-radius: 0.5rem;
}
.prose-custom li::marker {
color: #60a5fa;
}
</style>
</head>
<body class="min-h-screen relative">
<div id="tsparticles"></div>
<div class="container mx-auto px-4 py-8 relative z-10">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4 highlight-text">煤炭行业产能分析报告</h1>
<p class="text-lg text-slate-300 max-w-3xl mx-auto">
深度剖析中国煤炭行业产能布局，揭示核心企业生产现状与未来发展趋势
</p>
</div>
<!-- 行业洞察部分 -->
<div class="card-bg rounded-2xl p-6 mb-8 shadow-xl">
<div class="flex items-center mb-4">
<div class="w-1 h-6 bg-blue-500 mr-3"></div>
<h2 class="text-2xl font-bold text-white">行业洞察</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
<div class="bg-slate-800/50 rounded-xl p-5 border border-slate-700/50">
<div class="flex items-center mb-3">
<div class="p-2 bg-blue-500/20 rounded-lg mr-3">
<i class="fas fa-industry text-blue-400"></i>
<body class="text-gray-300 min-h-screen">
<div class="container mx-auto p-4 md:p-8 lg:p-12">
<!-- Header -->
<header class="text-center mb-16">
<h1 class="orbitron text-4xl md:text-6xl font-bold glow-text text-white tracking-widest">
煤炭概念
</h1>
<p class="mt-4 text-lg text-blue-300">深度行业研究报告</p>
<div class="mt-2 text-sm text-gray-500">
由 北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现
</div>
<h3 class="text-lg font-semibold text-white">产能集中度</h3>
</div>
<p class="text-slate-300 text-sm">
头部五家企业（中国神华、陕西煤业、兖矿能源、中煤能源、潞安环能）占据行业主导地位，合计产能超过8亿吨/年，占全国总产能的显著比例。
</p>
</div>
<div class="bg-slate-800/50 rounded-xl p-5 border border-slate-700/50">
<div class="flex items-center mb-3">
<div class="p-2 bg-purple-500/20 rounded-lg mr-3">
<i class="fas fa-chart-line text-purple-400"></i>
</div>
<h3 class="text-lg font-semibold text-white">区域分布</h3>
</div>
<p class="text-slate-300 text-sm">
山西、陕西、内蒙古、山东、安徽五大产区集中了全国主要煤炭产能，其中山西企业数量最多，陕西煤业单省产能领先。
</p>
</div>
<div class="bg-slate-800/50 rounded-xl p-5 border border-slate-700/50">
<div class="flex items-center mb-3">
<div class="p-2 bg-green-500/20 rounded-lg mr-3">
<i class="fas fa-hammer text-green-400"></i>
</div>
<h3 class="text-lg font-semibold text-white">扩张趋势</h3>
</div>
<p class="text-slate-300 text-sm">
头部企业积极扩张产能，中国神华、陕西煤业、兖矿能源等均有在建产能，预计未来2-3年内将逐步释放，进一步提升市场集中度。
</p>
</div>
</div>
<div class="bg-gradient-to-r from-blue-900/30 to-purple-900/30 rounded-xl p-5 border border-slate-700/50">
<h3 class="text-lg font-semibold text-white mb-3">核心观点</h3>
<p class="text-slate-300">
煤炭行业正处于结构性优化阶段，产能向头部企业集中趋势明显。在能源保供政策背景下，大型煤炭企业凭借规模优势、资源禀赋和先进技术，将持续巩固市场地位。同时，行业正积极向绿色低碳转型，探索清洁高效利用路径，为长期可持续发展奠定基础。
</p>
</div>
</div>
</header>
<!-- 股票数据表格部分 -->
<div class="card-bg rounded-2xl p-6 shadow-xl">
<div class="flex items-center justify-between mb-6">
<div class="flex items-center">
<div class="w-1 h-6 bg-blue-500 mr-3"></div>
<h2 class="text-2xl font-bold text-white">企业产能数据</h2>
</div>
<div class="text-sm text-slate-400">
数据来源：煤炭行业表格
</div>
</div>
<div class="overflow-x-auto">
<table class="w-full">
<thead>
<tr class="border-b border-slate-700">
<th class="py-3 px-4 text-left text-sm font-semibold text-slate-300">企业名称</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-slate-300">地区</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-slate-300">2024年产量(万吨)</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-slate-300">核定产能(万吨)</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-slate-300">在建产能(万吨)</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-slate-300">产能利用率</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 表格内容将通过JavaScript动态生成 -->
</tbody>
</table>
</div>
</div>
<!-- 数据可视化部分 -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
<div class="card-bg rounded-2xl p-6 shadow-xl">
<h3 class="text-xl font-bold text-white mb-4">区域产能分布</h3>
<canvas id="regionChart" height="300"></canvas>
</div>
<div class="card-bg rounded-2xl p-6 shadow-xl">
<h3 class="text-xl font-bold text-white mb-4">头部企业产量对比</h3>
<canvas id="topCompaniesChart" height="300"></canvas>
</div>
</div>
</div>
<script>
// 初始化粒子背景
tsParticles.load("tsparticles", {
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
},
move: {
enable: true,
speed: 1,
direction: "none",
random: true,
straight: false,
out_mode: "out"
}
},
interactivity: {
events: {
onhover: {
enable: true,
mode: "repulse"
}
}
}
});
// 股票数据
const stockData = [
{'stock': '中国神华', 'region': '产量前五', '2024年产量(万吨)': '32710', '核定产能(万吨)': '35130', '在建产能(万吨)': '1600'},
{'stock': '陕西煤业', 'region': '产量前五/陕西', '2024年产量(万吨)': '17049', '核定产能(万吨)': '16200', '在建产能(万吨)': '2000'},
{'stock': '兖矿能源', 'region': '产量前五/山东', '2024年产量(万吨)': '14165', '核定产能(万吨)': '23329(含境外)', '在建产能(万吨)': '1180'},
{'stock': '中煤能源', 'region': '产量前五/安徽', '2024年产量(万吨)': '13757', '核定产能(万吨)': '17000', '在建产能(万吨)': '640'},
{'stock': '潞安环能', 'region': '产量前五/山西', '2024年产量(万吨)': '5728', '核定产能(万吨)': '5000', '在建产能(万吨)': '—'},
{'stock': '山西焦煤', 'region': '山西', '2024年产量(万吨)': '4480', '核定产能(万吨)': '4480', '在建产能(万吨)': '—'},
{'stock': '山煤国际', 'region': '山西', '2024年产量(万吨)': '3300', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '晋控煤业', 'region': '山西', '2024年产量(万吨)': '3450', '核定产能(万吨)': '3510', '在建产能(万吨)': '—'},
{'stock': '华阳股份', 'region': '山西', '2024年产量(万吨)': '3290', '核定产能(万吨)': '—', '在建产能(万吨)': '1000'},
{'stock': '兰花科创', 'region': '山西', '2024年产量(万吨)': '1390', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '新集能源', 'region': '安徽', '2024年产量(万吨)': '2152', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '淮北矿业', 'region': '安徽', '2024年产量(万吨)': '2055', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '恒源煤电', 'region': '安徽', '2024年产量(万吨)': '926', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '平煤股份', 'region': '河南', '2024年产量(万吨)': '2800', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '大有能源', 'region': '河南', '2024年产量(万吨)': '968', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '郑州煤电', 'region': '河南', '2024年产量(万吨)': '684', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '电投能源', 'region': '内蒙', '2024年产量(万吨)': '4600', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '冀中能源', 'region': '河北', '2024年产量(万吨)': '2700', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '昊华能源', 'region': '北京', '2024年产量(万吨)': '1900', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '上海能源', 'region': '上海', '2024年产量(万吨)': '1800', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '盘江股份', 'region': '贵州', '2024年产量(万吨)': '1300', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '辽宁能源', 'region': '辽宁', '2024年产量(万吨)': '600', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '安源煤业', 'region': '江西', '2024年产量(万吨)': '161', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '宝丰能源', 'region': '焦炭', '2024年产量(万吨)': '704', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '陕西黑猫', 'region': '焦炭', '2024年产量(万吨)': '621-699', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '美锦能源', 'region': '焦炭', '2024年产量(万吨)': '584（23年）', '核定产能(万吨)': '715', '在建产能(万吨)': '—'},
{'stock': '开滦股份', 'region': '焦炭', '2024年产量(万吨)': '536（23年）', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '山西焦化', 'region': '焦炭', '2024年产量(万吨)': '385（23年）', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '安泰集团', 'region': '焦炭', '2024年产量(万吨)': '282', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '云煤能源', 'region': '焦炭', '2024年产量(万吨)': '240', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '金能科技', 'region': '焦炭', '2024年产量(万吨)': '205', '核定产能(万吨)': '—', '在建产能(万吨)': '—'},
{'stock': '宝泰隆', 'region': '焦炭', '2024年产量(万吨)': '150', '核定产能(万吨)': '—', '在建产能(万吨)': '—'}
];
// 生成表格内容
function generateTable() {
const tableBody = document.getElementById('stockTableBody');
tableBody.innerHTML = '';
stockData.forEach((stock, index) => {
const row = document.createElement('tr');
row.className = 'border-b border-slate-800 table-row';
// 计算产能利用率
let capacityUtilization = '—';
let capacityPercentage = 0;
if (stock['核定产能(万吨)'] && stock['核定产能(万吨)'] !== '—' && stock['2024年产量(万吨)'] && stock['2024年产量(万吨)'] !== '—') {
const capacity = parseFloat(stock['核定产能(万吨)'].toString().replace(/[^0-9.-]+/g,""));
const production = parseFloat(stock['2024年产量(万吨)'].toString().replace(/[^0-9.-]+/g,""));
if (!isNaN(capacity) && !isNaN(production) && capacity > 0) {
capacityPercentage = Math.min(100, Math.round((production / capacity) * 100));
capacityUtilization = capacityPercentage + '%';
}
}
row.innerHTML = `
<td class="py-4 px-4">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center mr-3">
<span class="text-white text-xs font-bold">${stock.stock.charAt(0)}</span>
</div>
<span class="font-medium text-white">${stock.stock}</span>
</div>
</td>
<td class="py-4 px-4 text-slate-300">${stock.region}</td>
<td class="py-4 px-4 text-slate-300">${stock['2024年产量(万吨)']}</td>
<td class="py-4 px-4 text-slate-300">${stock['核定产能(万吨)'] || '—'}</td>
<td class="py-4 px-4 text-slate-300">${stock['在建产能(万吨)'] || '—'}</td>
<td class="py-4 px-4">
<div class="flex items-center">
<div class="w-24 mr-3">
<div class="capacity-bar">
<div class="capacity-fill" style="width: ${capacityPercentage}%"></div>
<!-- Bento Grid for Insight Summary -->
<section class="mb-16">
<div class="bento-grid">
<div class="bento-item bento-item-span-8 glass-card p-8">
<h3 class="orbitron text-2xl font-bold text-white mb-4">核心观点摘要</h3>
<p class="text-gray-300 leading-relaxed">
煤炭概念正经历一场深刻的价值重估，其核心驱动力已从传统的供需周期波动，转变为<strong class="text-cyan-300">政策驱动下的供给刚性</strong>与<strong class="text-cyan-300">能源安全战略下的需求韧性</strong>。当前，该概念处于基本面驱动的价值回归阶段，市场在低配状态下开始重新审视其作为<strong class="text-cyan-300">高现金流、高股息防御性资产</strong>的长期价值，而智能化升级则为其开启了新的资本开支周期和成长预期。
</p>
</div>
<div class="bento-item bento-item-span-4 glass-card p-8 flex flex-col justify-center">
<h3 class="orbitron text-xl font-bold text-white mb-3">核心驱动力</h3>
<ul class="space-y-2 list-disc list-inside text-gray-300">
<li>供给侧改革2.0 (<span class="text-amber-300">反内卷</span>)</li>
<li>能源安全压舱石 (<span class="text-amber-300">需求韧性</span>)</li>
<li>高股息红利价值 (<span class="text-amber-300">类债资产</span>)</li>
</ul>
</div>
<div class="bento-item bento-item-span-6 glass-card p-8">
<h3 class="orbitron text-xl font-bold text-white mb-3">关键催化剂</h3>
<ul class="space-y-2 list-disc list-inside text-gray-300">
<li><strong class="text-sky-300">近期:</strong> 冷冬预期、安监政策落地、进口政策变化、长协价格谈判。</li>
<li><strong class="text-sky-300">长期:</strong> 估值体系向公用事业化切换、产业集中度提升、智能化与绿色开采。</li>
</ul>
</div>
<div class="bento-item bento-item-span-6 glass-card p-8 bg-red-900/20 border-red-500/30">
<h3 class="orbitron text-xl font-bold text-red-200 mb-3">关键风险与矛盾</h3>
<p class="text-red-200 mb-2">
对2025年煤价预测存在<strong class="text-red-100">显著矛盾</strong>：
</p>
<ul class="space-y-1 list-disc list-inside text-red-200">
<li><strong>乐观 (新闻/研报):</strong> <span class="font-bold">800-830元/吨</span>，基于供给收缩和成本支撑。</li>
<li><strong>悲观 (路演):</strong> <span class="font-bold">620-750元/吨</span>，基于供给过剩和新能源压制。</li>
</ul>
<p class="mt-3 text-red-300 text-sm">此矛盾点是当前板块最大的不确定性来源，需重点跟踪验证。</p>
</div>
</div>
<span class="text-slate-300 text-sm">${capacityUtilization}</span>
</div>
</td>
`;
</section>
<!-- Concept Insight Section -->
<section class="glass-card p-8 md:p-12 mb-16 prose-custom max-w-none">
<h2 class="section-title orbitron font-bold mb-8">概念洞察 (Concept Insight)</h2>
<h4>0. 概念事件发展脉络</h4>
<p>煤炭概念在2024-2025年期间，其核心叙事围绕着从传统周期性行业向具有防御属性和价值重估潜力的“压舱石”能源转型。</p>
<ul>
<li><strong>2023-2024 (宏观背景):</strong> 行业进入调整期，但能源基石地位稳固 (占比55.3%)，为“红利”资产价值重估埋下伏笔。</li>
<li><strong>2024-2025 (供给侧改革深化):</strong> 政策端“反内卷”成为核心主题，通过严格的安监与超产核查，供给弹性显著收敛。新闻数据显示，限超产政策预计影响供应1-2%。</li>
<li><strong>2025年Q3-Q4 (市场情绪催化):</strong> “#冷冬”预期、“#安监”收紧及“#资源品补涨”逻辑共同发酵，板块指数连续领涨。中煤能源等业绩修复验证景气度。</li>
<li><strong>2025年 (进口端不确定性):</strong> 进口限制传闻及对美焦煤加征15%关税，影响市场情绪与格局。</li>
<li><strong>2024-2025 (智能化转型启动):</strong> 政策密集支持煤矿智能化，尤其露天煤矿无人驾驶。建设机械、泰禾智能等切入新赛道受追捧，标志着行业新增长曲线被挖掘。</li>
</ul>
<h4>1. 核心逻辑与市场认知分析</h4>
<blockquote>市场对煤炭概念呈现出“情绪分歧、配置偏低、热点驱动”的特点。公募基金对煤炭板块均处于显著低配状态（Q3主动型公募重仓占比仅0.29%），为其后续的估值修复留下了空间。</blockquote>
<h3>预期差分析</h3>
<ol>
<li><strong>对价格底部的认知差:</strong> 市场可能忽略了全球成本曲线的支撑。路演数据显示，印尼煤到岸价成本支撑在750-800元/吨，新疆煤边际成本在800元/吨，共同构筑了比市场预期更坚固的价格底部。</li>
<li><strong>对供给收缩的认知差:</strong> 真正的供给收缩来自于安全、环保等硬约束下的常态化减产，这种影响更持久，但容易被市场短期情绪所忽略。</li>
<li><strong>对行业新增长点的认知差:</strong> 市场对煤炭的传统印象是“傻大黑粗”，但智能化和设备更新（如建设机械的智能掘锚设备）正开启新的资本开支周期，这一结构性变化尚未被市场充分定价。</li>
</ol>
<h4>2. 产业链与核心公司深度剖析</h4>
<div class="overflow-x-auto my-6">
<table class="table table-zebra w-full">
<thead>
<tr>
<th>产业链环节</th>
<th>核心业务</th>
<th>代表公司</th>
</tr>
</thead>
<tbody>
<tr>
<td class="font-bold text-info">上游：开采与洗选</td>
<td>原煤开采、洗选加工</td>
<td>中国神华、陕西煤业、山西焦煤、兖矿能源</td>
</tr>
<tr>
<td class="font-bold text-accent">中游：贸易与运输</td>
<td>铁路运输、港口中转、焦炭生产</td>
<td>山煤国际、宝丰能源、美锦能源</td>
</tr>
<tr>
<td class="font-bold text-warning">下游：消费</td>
<td>火力发电、钢铁冶炼、建材、煤化工</td>
<td>关联行业：电力、钢铁、化工</td>
</tr>
<tr>
<td class="font-bold text-secondary">赋能端：设备与技术</td>
<td>智能化采掘设备、AI分选、无人驾驶</td>
<td>建设机械、泰禾智能</td>
</tr>
</tbody>
</table>
</div>
<h3>核心玩家对比</h3>
<ul>
<li><strong>领导者 (攻守兼备型):</strong>
<ul>
<li><strong>中国神华 (601088):</strong> 逻辑最纯粹的行业龙头。“煤-电-路-港-航”一体化运营，有效平抑周期波动，是高股息、高确定性的核心配置标的。</li>
<li><strong>陕西煤业 (601225):</strong> 资源禀赋最优的龙头。煤质好、成本低（1H24吨煤成本281.4元），可采年限超70年，业绩稳定性高。</li>
</ul>
</li>
<li><strong>追赶者/弹性标的:</strong>
<ul>
<li><strong>中煤能源 (601898):</strong> 最具成长性的央企。拥有多个在建矿井，未来产能增长确定性强。</li>
<li><strong>潞安环能 / 华阳股份:</strong> 山西区域的弹性代表。产品稀缺性赋予其更强的价格弹性，成长性突出。</li>
</ul>
</li>
</ul>
<h4>3. 综合结论与投资启示</h4>
<p>煤炭概念已进入<strong>基本面驱动的价值投资阶段</strong>。其核心逻辑不再是需求爆发带来的周期上涨，而是供给侧结构优化带来的高盈利中枢和盈利稳定性提升。</p>
<h3>最具投资价值的细分环节</h3>
<ul class="list-none space-y-4">
<li><span class="badge badge-primary badge-lg mr-2">核心仓位</span><strong>红利龙头 (中国神华, 陕西煤业):</strong> 分享行业“红利”价值、抵御波动的最佳选择。</li>
<li><span class="badge badge-secondary badge-lg mr-2">卫星仓位</span><strong>智能化赋能者 (建设机械, 泰禾智能):</strong> 捕捉传统行业中的成长性机会，受煤价波动影响较小。</li>
<li><span class="badge badge-accent badge-lg mr-2">波段机会</span><strong>优质焦煤股 (山西焦煤, 淮北矿业):</strong> 在经济复苏预期升温时具备更强的向上弹性。</li>
</ul>
</section>
<!-- Market & Policy Section -->
<section class="glass-card p-8 md:p-12 mb-16 prose-custom max-w-none">
<h2 class="section-title orbitron font-bold mb-8">市场动态与政策解读</h2>
<h3>市场表现与投资观点 (新闻)</h3>
<ul>
<li><strong>板块表现:</strong> 2025年10月，CJ煤炭指数多次领涨32个行业，宝泰隆、大有能源等涨幅靠前。</li>
<li><strong>核心投资逻辑:</strong> #高切低, #低PB低筹码, #冷冬, #安监, #资源品补涨。</li>
<li><strong>长期价值:</strong> 降息周期开启，资源品普涨；政策端“反内卷”红利最强；高股息防御属性突出。</li>
<li><strong>基金配置:</strong> 25Q1及Q3，公募基金对煤炭板块均处<strong class="text-warning">低配状态</strong>，龙头个股显著低配。</li>
</ul>
<h3>煤炭价格分析与预测 (新闻)</h3>
<blockquote>港口煤价800元支撑依然较强，支撑因素包括新疆煤及高成本进口俄罗斯煤、印尼煤的成本。本轮煤价底部或在730-750元/吨。</blockquote>
<ul>
<li><strong>短期:</strong> 煤价易涨难跌，安全边际较强。</li>
<li><strong>2025年中枢预测:</strong> 市场主流预期落在<strong class="text-success">800-830元/吨</strong>。悲观情况下（电价下滑压力完全由煤企承担），中枢仍有望在770元/吨以上。</li>
<li><strong>动力煤:</strong> 近期冷冬日耗强超预期，现货强势。</li>
<li><strong>焦煤:</strong> 宏观预期提振情绪，筑底待涨。对美进口焦煤加征15%关税或减少进口量。</li>
</ul>
</section>
tableBody.appendChild(row);
});
}
<!-- Supply & Demand Section with Chart -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-16">
<div class="glass-card p-8 prose-custom max-w-none">
<h2 class="section-title orbitron font-bold mb-8">供给端分析</h2>
<h4>国内生产与安监政策</h4>
<p>“反内卷”政策通过安监超产核查手段，导致供给弹性收敛。晋陕蒙查超产效果明显，7-9月已公开停产煤矿合计产能约7000万吨，预计限超产政策带动供应收缩1-2%。</p>
<h4>进口煤政策与动态</h4>
<p>市场多次传闻限制进口及印尼出口禁令，虽未证实但影响情绪。传闻印尼若提升DMO比例至45%，将削减中国进口约3300万吨，支持国内煤价。</p>
<h4>运输网络 (路演)</h4>
<p>“西煤东运、北煤南运”主通道（大秦、朔黄等）常年满负荷。运输瓶颈对长期价格形成持续压力。新疆、陇西等新兴产区铁路支线建设是未来投资重点。</p>
</div>
<div class="glass-card p-8 flex flex-col">
<h2 class="section-title orbitron font-bold mb-8">需求与生产格局</h2>
<div class="prose-custom max-w-none mb-4">
<h4>需求驱动因素</h4>
<p>冷冬预期、季节性补库及宏观经济企稳回升是主要驱动力。电厂库存提升需求亦是潜在催化。</p>
<h4>生产格局集中化 (研报 & 路演)</h4>
<p>晋陕蒙新四省产量占比从2015年的68.18%提升至2024年的81.65%，行业CR5集中度从21.6%提升至36.24%。资源西移、生产集中、进口补充是当前供应格局的核心特征。</p>
</div>
<div id="productionChart" class="flex-grow min-h-[300px]"></div>
</div>
</div>
// 生成区域分布图表
function generateRegionChart() {
const ctx = document.getElementById('regionChart').getContext('2d');
// 统计各区域企业数量
const regionCount = {};
stockData.forEach(stock => {
const region = stock.region.split('/')[0];
regionCount[region] = (regionCount[region] || 0) + 1;
});
new Chart(ctx, {
type: 'doughnut',
data: {
labels: Object.keys(regionCount),
datasets: [{
data: Object.values(regionCount),
backgroundColor: [
'#3b82f6',
'#8b5cf6',
'#ec4899',
'#10b981',
'#f59e0b',
'#ef4444',
'#06b6d4',
'#8b5cf6'
],
borderWidth: 0
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'right',
labels: {
color: '#e2e8f0',
font: {
size: 12
}
}
}
}
}
});
}
<!-- Rise Analysis -->
<section class="glass-card p-8 md:p-12 mb-16">
<h2 class="section-title orbitron font-bold mb-8">涨幅异动个股解析</h2>
<div class="space-y-8">
<div class="p-6 bg-slate-800/50 rounded-2xl border border-slate-700">
<div class="flex flex-wrap items-center justify-between gap-4 mb-4">
<h3 class="text-2xl font-bold text-white">建设机械 (600984)</h3>
<span class="badge badge-success badge-lg font-bold">+10.05% (2025-10-22)</span>
</div>
<div class="prose-custom max-w-none text-sm">
<p><strong>核心结论:</strong> 涨停源于“新设智矿装备+国家补贴目录+设备投资同比大增”三因素共振，资金将其从塔机租赁股重估为煤炭智能化设备最低估值标的。</p>
<p><strong>驱动概念:</strong> 煤炭智能化设备 + 中央预算内补贴</p>
<p><strong>解析:</strong> 公司与陕煤、郑煤机合资成立智矿装备，卡位智能掘锚机赛道。能源局将“智能掘锚设备”纳入补贴目录（单台800万），且9月煤炭设备购置投资同比+52%，强化订单落地预期。估值从周期租赁（10-12倍PE）向智能化设备（25-30倍PE）切换。</p>
</div>
</div>
// 生成头部企业产量对比图表
function generateTopCompaniesChart() {
const ctx = document.getElementById('topCompaniesChart').getContext('2d');
// 获取前5大企业
const topCompanies = stockData
.filter(stock => stock['2024年产量(万吨)'] && stock['2024年产量(万吨)'] !== '—')
.sort((a, b) => {
const aVal = parseFloat(a['2024年产量(万吨)'].toString().replace(/[^0-9.-]+/g,""));
const bVal = parseFloat(b['2024年产量(万吨)'].toString().replace(/[^0-9.-]+/g,""));
return bVal - aVal;
})
.slice(0, 5);
new Chart(ctx, {
type: 'bar',
data: {
labels: topCompanies.map(company => company.stock),
datasets: [{
label: '2024年产量(万吨)',
data: topCompanies.map(company => {
return parseFloat(company['2024年产量(万吨)'].toString().replace(/[^0-9.-]+/g,""));
}),
backgroundColor: [
'rgba(59, 130, 246, 0.8)',
'rgba(139, 92, 246, 0.8)',
'rgba(236, 72, 153, 0.8)',
'rgba(16, 185, 129, 0.8)',
'rgba(245, 158, 11, 0.8)'
],
borderWidth: 0,
borderRadius: 6
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
grid: {
color: 'rgba(100, 116, 139, 0.2)'
},
ticks: {
color: '#94a3b8'
}
},
x: {
grid: {
display: false
},
ticks: {
color: '#94a3b8'
}
}
},
plugins: {
legend: {
display: false
}
}
}
});
}
<div class="p-6 bg-slate-800/50 rounded-2xl border border-slate-700">
<div class="flex flex-wrap items-center justify-between gap-4 mb-4">
<h3 class="text-2xl font-bold text-white">泰禾智能 (603656)</h3>
<span class="badge badge-success badge-lg font-bold">+10.03% (2025-09-08)</span>
</div>
<div class="prose-custom max-w-none text-sm">
<p><strong>核心结论:</strong> 部委级《关于推进“人工智能+”能源高质量发展的实施意见》落地，泰禾智能作为“AI+煤炭干选”唯一中小市值龙头被资金抢筹。</p>
<p><strong>驱动概念:</strong> AI+能源 + 煤炭智能干选</p>
<p><strong>解析:</strong> 政策首次将“AI+煤炭”列入国家标杆工程。公司煤炭AI视觉分选机市占率第一，直接受益。手握神华、中煤等央企订单，技术具唯一性，市值小、弹性大。同时，视觉分选设备切入固态电池材料除杂，打开第二成长曲线。</p>
</div>
</div>
<div class="p-6 bg-slate-800/50 rounded-2xl border border-slate-700">
<div class="flex flex-wrap items-center justify-between gap-4 mb-4">
<h3 class="text-2xl font-bold text-white">神马股份 (600810)</h3>
<span class="badge badge-success badge-lg font-bold">+10.0% (2025-11-11)</span>
</div>
<div class="prose-custom max-w-none text-sm">
<p><strong>核心结论:</strong> 河南省属煤炭化工专业化整合方案落地，神马股份被明确为资产注入上市平台，引发一次性估值重估。</p>
<p><strong>驱动概念:</strong> 河南国资重组 + 煤炭化工资产注入</p>
<p><strong>解析:</strong> 省国资委筹划对平煤神马集团等进行整合，公司作为产业链上市平台，后续有注入优质资产预期。潜在注入资产包括煤矿、焦化等，可提升公司营收规模与资源自给率，获得低成本原料保障。</p>
</div>
</div>
</div>
</section>
// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', function() {
generateTable();
generateRegionChart();
generateTopCompaniesChart();
});
</script>
<!-- Stock Data Tables -->
<section class="glass-card p-8 md:p-12 mb-16" x-data="{ tab: 'production' }">
<h2 class="section-title orbitron font-bold mb-8">相关上市公司</h2>
<div class="tabs tabs-boxed bg-slate-800/50 mb-6">
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'production' }" @click.prevent="tab = 'production'">煤炭生产</a>
<a class="tab tab-lg" :class="{ 'tab-active': tab === 'coke' }" @click.prevent="tab = 'coke'">焦炭生产</a>
</div>
<!-- Coal Production Table -->
<div x-show="tab === 'production'" class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr class="text-base text-white/80">
<th>股票名称</th>
<th>代码</th>
<th>地区</th>
<th>2024年产量(万吨)</th>
<th>产能信息(万吨)</th>
<th>其他标签</th>
</tr>
</thead>
<tbody>
<tr><td>中国神华</td><td><a href="https://valuefrontier.cn/company?scode=601088" target="_blank" class="link link-info">601088</a></td><td>-</td><td>32710</td><td>核定:35130, 在建:1600</td><td><div class="badge badge-primary">产量前五</div></td></tr>
<tr><td>陕西煤业</td><td><a href="https://valuefrontier.cn/company?scode=601225" target="_blank" class="link link-info">601225</a></td><td>陕西</td><td>17049</td><td>核定:16200, 在建:2000</td><td><div class="badge badge-primary">产量前五</div></td></tr>
<tr><td>兖矿能源</td><td><a href="https://valuefrontier.cn/company?scode=600188" target="_blank" class="link link-info">600188</a></td><td>山东</td><td>14165</td><td>核定:23329, 在建:1180</td><td><div class="badge badge-primary">产量前五</div></td></tr>
<tr><td>中煤能源</td><td><a href="https://valuefrontier.cn/company?scode=601898" target="_blank" class="link link-info">601898</a></td><td>-</td><td>13757</td><td>核定:17000, 在建:640</td><td><div class="badge badge-primary">产量前五</div></td></tr>
<tr><td>潞安环能</td><td><a href="https://valuefrontier.cn/company?scode=601699" target="_blank" class="link link-info">601699</a></td><td>山西</td><td>5728</td><td>核定:5000</td><td><div class="badge badge-primary">产量前五</div></td></tr>
<tr><td>电投能源</td><td><a href="https://valuefrontier.cn/company?scode=002128" target="_blank" class="link link-info">002128</a></td><td>内蒙</td><td>4600</td><td>-</td><td>-</td></tr>
<tr><td>山西焦煤</td><td><a href="https://valuefrontier.cn/company?scode=000983" target="_blank" class="link link-info">000983</a></td><td>山西</td><td>4480</td><td>核定:4480</td><td>-</td></tr>
<tr><td>晋控煤业</td><td><a href="https://valuefrontier.cn/company?scode=601001" target="_blank" class="link link-info">601001</a></td><td>山西</td><td>3450</td><td>核定:3510</td><td>-</td></tr>
<tr><td>华阳股份</td><td><a href="https://valuefrontier.cn/company?scode=600348" target="_blank" class="link link-info">600348</a></td><td>山西</td><td>3290</td><td>在建:1000</td><td>-</td></tr>
<tr><td>山煤国际</td><td><a href="https://valuefrontier.cn/company?scode=600546" target="_blank" class="link link-info">600546</a></td><td>山西</td><td>3300</td><td>-</td><td>-</td></tr>
<tr><td>平煤股份</td><td><a href="https://valuefrontier.cn/company?scode=601666" target="_blank" class="link link-info">601666</a></td><td>河南</td><td>2800</td><td>-</td><td>-</td></tr>
<tr><td>冀中能源</td><td><a href="https://valuefrontier.cn/company?scode=000937" target="_blank" class="link link-info">000937</a></td><td>河北</td><td>2700</td><td>-</td><td>-</td></tr>
<tr><td>新集能源</td><td><a href="https://valuefrontier.cn/company?scode=601918" target="_blank" class="link link-info">601918</a></td><td>安徽</td><td>2152</td><td>-</td><td>-</td></tr>
<tr><td>淮北矿业</td><td><a href="https://valuefrontier.cn/company?scode=600985" target="_blank" class="link link-info">600985</a></td><td>安徽</td><td>2055</td><td>-</td><td>-</td></tr>
<tr><td>昊华能源</td><td><a href="https://valuefrontier.cn/company?scode=601101" target="_blank" class="link link-info">601101</a></td><td>北京</td><td>1900</td><td>-</td><td>-</td></tr>
<tr><td>上海能源</td><td><a href="https://valuefrontier.cn/company?scode=600508" target="_blank" class="link link-info">600508</a></td><td>上海</td><td>1800</td><td>-</td><td>-</td></tr>
<tr><td>兰花科创</td><td><a href="https://valuefrontier.cn/company?scode=600123" target="_blank" class="link link-info">600123</a></td><td>山西</td><td>1390</td><td>-</td><td>-</td></tr>
<tr><td>盘江股份</td><td><a href="https://valuefrontier.cn/company?scode=600395" target="_blank" class="link link-info">600395</a></td><td>贵州</td><td>1300</td><td>-</td><td>-</td></tr>
<tr><td>大有能源</td><td><a href="https://valuefrontier.cn/company?scode=600403" target="_blank" class="link link-info">600403</a></td><td>河南</td><td>968</td><td>-</td><td><div class="badge badge-error">涨幅大于10%</div></td></tr>
<tr><td>恒源煤电</td><td><a href="https://valuefrontier.cn/company?scode=600971" target="_blank" class="link link-info">600971</a></td><td>安徽</td><td>926</td><td>-</td><td>-</td></tr>
<tr><td>郑州煤电</td><td><a href="https://valuefrontier.cn/company?scode=600121" target="_blank" class="link link-info">600121</a></td><td>河南</td><td>684</td><td>-</td><td>-</td></tr>
<tr><td>辽宁能源</td><td><a href="https://valuefrontier.cn/company?scode=600758" target="_blank" class="link link-info">600758</a></td><td>辽宁</td><td>600</td><td>-</td><td>-</td></tr>
<tr><td>安源煤业</td><td>-</td><td>江西</td><td>161</td><td>-</td><td>-</td></tr>
</tbody>
</table>
</div>
<!-- Coke Production Table -->
<div x-show="tab === 'coke'" class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr class="text-base text-white/80">
<th>股票名称</th>
<th>代码</th>
<th>产量(万吨)</th>
<th>产能信息(万吨)</th>
<th>其他标签</th>
</tr>
</thead>
<tbody>
<tr><td>宝丰能源</td><td><a href="https://valuefrontier.cn/company?scode=600989" target="_blank" class="link link-info">600989</a></td><td>704</td><td>-</td><td><div class="badge badge-accent">焦炭</div></td></tr>
<tr><td>陕西黑猫</td><td><a href="https://valuefrontier.cn/company?scode=601015" target="_blank" class="link link-info">601015</a></td><td>621-699</td><td>-</td><td><div class="badge badge-accent">焦炭</div></td></tr>
<tr><td>美锦能源</td><td><a href="https://valuefrontier.cn/company?scode=000723" target="_blank" class="link link-info">000723</a></td><td>584 (2023)</td><td>核定:715</td><td><div class="badge badge-error">涨幅大于10%</div><div class="badge badge-accent ml-2">焦炭</div></td></tr>
<tr><td>开滦股份</td><td><a href="https://valuefrontier.cn/company?scode=600997" target="_blank" class="link link-info">600997</a></td><td>536 (2023)</td><td>-</td><td><div class="badge badge-accent">焦炭</div></td></tr>
<tr><td>山西焦煤</td><td><a href="https://valuefrontier.cn/company?scode=000983" target="_blank" class="link link-info">000983</a></td><td>385 (2023)</td><td>-</td><td><div class="badge badge-accent">焦炭</div></td></tr>
<tr><td>山西焦化</td><td><a href="https://valuefrontier.cn/company?scode=600740" target="_blank" class="link link-info">600740</a></td><td>282</td><td>-</td><td><div class="badge badge-accent">焦炭</div></td></tr>
<tr><td>安泰集团</td><td><a href="https://valuefrontier.cn/company?scode=600408" target="_blank" class="link link-info">600408</a></td><td>240</td><td>-</td><td><div class="badge badge-accent">焦炭</div></td></tr>
<tr><td>云煤能源</td><td><a href="https://valuefrontier.cn/company?scode=600792" target="_blank" class="link link-info">600792</a></td><td>205</td><td>-</td><td><div class="badge badge-accent">焦炭</div></td></tr>
<tr><td>金能科技</td><td><a href="https://valuefrontier.cn/company?scode=603113" target="_blank" class="link link-info">603113</a></td><td>150</td><td>-</td><td><div class="badge badge-accent">焦炭</div></td></tr>
<tr><td>宝泰隆</td><td><a href="https://valuefrontier.cn/company?scode=601011" target="_blank" class="link link-info">601011</a></td><td>119</td><td>-</td><td><div class="badge badge-accent">焦炭</div></td></tr>
</tbody>
</table>
</div>
</section>
<!-- Footer -->
<footer class="text-center mt-16">
<p class="text-gray-500 text-sm">本报告为AI合成数据，投资需谨慎。</p>
<p class="text-gray-600 text-xs mt-1">© 2025 北京价值前沿科技有限公司. All Rights Reserved.</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('productionChart');
var myChart = echarts.init(chartDom, 'dark');
var option;
option = {
backgroundColor: 'transparent',
title: {
text: '核心产区产量集中度 (2024)',
subtext: '晋、陕、蒙、新四省区产量占比',
left: 'center',
textStyle: {
color: '#e0e0e0'
}
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c}%'
},
legend: {
orient: 'vertical',
left: 'left',
data: ['晋陕蒙新四省区', '其他地区'],
textStyle: {
color: '#ccc'
}
},
series: [
{
name: '产量占比',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: 'rgba(255, 255, 255, 0.2)',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '30',
fontWeight: 'bold',
color: '#fff'
}
},
labelLine: {
show: false
},
data: [
{ value: 81.65, name: '晋陕蒙新四省区', itemStyle: { color: '#00bfff' } },
{ value: 18.35, name: '其他地区', itemStyle: { color: '#4a5568' } }
]
}
]
};
myChart.setOption(option);
window.addEventListener('resize', function() {
myChart.resize();
});
});
</script>
</body>
</html>
```
</html>