Files
vf_react/public/htmls/破净央国企.html
2025-12-05 13:29:18 +08:00

527 lines
39 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.

好的遵照您的要求以下是为“破净央国企”概念生成的深度研究报告HTML页面。
本页面采用 **Tailwind CSS + DaisyUI + Alpine.js + ECharts** 技术栈构建融合了科幻FUI与光影艺术的设计风格打造了一个仿佛悬浮于深空的半透明玻璃态数据终端。
---
<!DOCTYPE html>
<html lang="zh-CN" data-theme="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>概念投研:破净央国企</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<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;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #000010;
overflow-x: hidden;
color: #E0E0E0;
}
.font-orbitron {
font-family: 'Orbitron', sans-serif;
}
.glass-card {
background: rgba(10, 15, 30, 0.5);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border: 1px solid rgba(173, 216, 230, 0.15);
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: rgba(0, 255, 255, 0.4);
transform: translateY(-4px) scale(1.01);
box-shadow: 0 0 25px rgba(0, 255, 255, 0.1);
}
.glow-text {
text-shadow: 0 0 8px rgba(0, 255, 255, 0.7), 0 0 16px rgba(0, 255, 255, 0.5);
}
.aurora-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
}
.aurora-bg::before, .aurora-bg::after {
content: '';
position: absolute;
filter: blur(150px);
opacity: 0.3;
border-radius: 50%;
animation: pulse 20s infinite alternate;
}
.aurora-bg::before {
background: radial-gradient(circle, #00ffff, transparent 60%);
width: 800px;
height: 800px;
top: -20%;
left: -20%;
}
.aurora-bg::after {
background: radial-gradient(circle, #ff00ff, transparent 60%);
width: 700px;
height: 700px;
bottom: -30%;
right: -25%;
animation-delay: 10s;
}
@keyframes pulse {
0% { transform: scale(0.8) rotate(0deg); opacity: 0.2; }
100% { transform: scale(1.2) rotate(45deg); opacity: 0.4; }
}
.bento-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
}
@media (min-width: 1024px) {
.bento-grid-lg {
grid-template-columns: repeat(6, 1fr);
grid-auto-rows: minmax(150px, auto);
}
.grid-col-span-2 { grid-column: span 2; }
.grid-col-span-3 { grid-column: span 3; }
.grid-col-span-4 { grid-column: span 4; }
.grid-col-span-6 { grid-column: span 6; }
.grid-row-span-2 { grid-row: span 2; }
}
.rise-reason-card {
background: rgba(10, 15, 30, 0.5);
backdrop-filter: blur(8px);
border: 1px solid rgba(70, 70, 90, 0.5);
}
</style>
</head>
<body class="min-h-screen">
<div class="aurora-bg"></div>
<div class="container mx-auto p-4 md:p-8">
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-orbitron font-bold glow-text text-cyan-300 tracking-widest">
破净央国企
</h1>
<p class="mt-4 text-lg text-cyan-100/80">概念深度研究报告</p>
<div class="mt-4 text-xs text-slate-400">
<p>由 北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据据此投资风险自担</p>
</div>
</header>
<main class="space-y-12">
<!-- 核心观点摘要 -->
<section id="core-view" class="glass-card rounded-3xl p-6 md:p-8">
<h2 class="text-2xl font-orbitron font-bold text-cyan-300 mb-4 tracking-wide">核心观点摘要</h2>
<div class="prose max-w-none text-slate-200">
<p class="text-lg leading-relaxed">
“破净央国企”概念已从单纯的估值修复主题,演变为一场由<strong class="text-cyan-400">顶层政策强制驱动、以“硬考核”为抓手的基本面重塑运动</strong>。当前,该概念正处于政策红利释放与企业行动方案密集落地的“主升浪”初期,其核心驱动力在于监管压力下,央国企管理层从“被动存在”到“主动作为”的根本性转变,未来潜力在于通过<strong class="text-cyan-400">分红、回购、并购重组</strong>等实质性举措实现资产价值与市值之间的收敛。
</p>
</div>
</section>
<!-- 逻辑与分析 Bento Grid -->
<div class="bento-grid bento-grid-lg">
<!-- 概念事件时间轴 -->
<div class="glass-card rounded-3xl p-6 md:p-8 grid-col-span-2 grid-row-span-2">
<h3 class="text-xl font-orbitron font-bold text-cyan-300 mb-4">概念事件:从酝酿到爆发</h3>
<ul class="timeline timeline-vertical">
<li>
<div class="timeline-start timeline-box bg-slate-800/50 border-cyan-500/30">
<time class="font-mono italic">长期存在</time>
<p class="text-sm">大量央国企长期“破净”,集中于金融、建筑等传统行业,被视为价值洼地但缺乏上行动力。</p>
</div>
<hr class="bg-cyan-500"/>
</li>
<li>
<hr class="bg-cyan-500"/>
<div class="timeline-end timeline-box bg-slate-800/50 border-cyan-500/30">
<time class="font-mono italic">2024年1月</time>
<p class="text-sm font-bold">政策酝酿</p>
<p class="text-sm">国资委提出将市值管理纳入央企负责人考核,标志着从“软指标”到“硬约束”的转变。</p>
</div>
<hr class="bg-cyan-500"/>
</li>
<li>
<hr class="bg-cyan-500"/>
<div class="timeline-start timeline-box bg-slate-800/50 border-cyan-500/30">
<time class="font-mono italic">2024年9月24日</time>
<p class="text-sm font-bold">监管吹风</p>
<p class="text-sm">证监会发布市值管理指引(征求意见稿),首次要求长期破净公司披露估值提升计划。</p>
</div>
<hr class="bg-cyan-500"/>
</li>
<li>
<hr class="bg-cyan-500"/>
<div class="timeline-end timeline-box bg-slate-800/50 border-cyan-500/30">
<time class="font-mono italic">2024年11月15日</time>
<p class="text-sm font-bold">市场发酵</p>
<p class="text-sm">指引正式稿发布,市场反应迅速,建筑等“中字头”板块大涨,风格切换明显。</p>
</div>
<hr class="bg-cyan-500"/>
</li>
<li>
<hr class="bg-cyan-500"/>
<div class="timeline-start timeline-box bg-slate-800/50 border-cyan-500/30">
<time class="font-mono italic">2024年12月</time>
<p class="text-sm font-bold">国资委加码</p>
<p class="text-sm">国资委发文细化要求,将解决破净问题纳入年度重点工作,鼓励吸收合并、资产重组。</p>
</div>
</li>
</ul>
</div>
<!-- 行业分布图 -->
<div class="glass-card rounded-3xl p-6 md:p-8 grid-col-span-4">
<h3 class="text-xl font-orbitron font-bold text-cyan-300 mb-4">破净央国企行业分布</h3>
<div id="industry-chart" class="w-full h-64 md:h-full min-h-[300px]"></div>
</div>
<!-- 核心驱动力 -->
<div class="glass-card rounded-3xl p-6 md:p-8 grid-col-span-3">
<h3 class="text-xl font-orbitron font-bold text-cyan-300 mb-4">核心驱动力:政策的强制性</h3>
<div class="space-y-4 text-slate-300">
<div>
<p class="font-semibold text-cyan-400">1. 监管的硬性要求</p>
<p class="text-sm">证监会指引明确要求“长期破净公司应当制定...估值提升计划”。监管压力最大的是<strong class="text-rose-400">“连续12个月破净且低于行业均值”</strong>的公司,其必须披露计划。</p>
</div>
<div>
<p class="font-semibold text-cyan-400">2. 国资委的业绩考核</p>
<p class="text-sm">将“市值管理纳入中央企业负责人经营业绩考核”,彻底改变了管理层激励机制,从关注规模转向关注市值,促使其产生实施回购、提高分红的<strong class="text-rose-400">内生动力</strong></p>
</div>
</div>
</div>
<!-- 预期差分析 -->
<div class="glass-card rounded-3xl p-6 md:p-8 grid-col-span-3">
<h3 class="text-xl font-orbitron font-bold text-cyan-300 mb-4">预期差分析</h3>
<ul class="space-y-2 list-disc list-inside text-slate-300 text-sm">
<li><strong class="text-cyan-400">行动的“质”与“量”:</strong> 市场关注“会出台计划”,但对计划的<strong class="text-rose-400">实质性</strong>(如回购金额、分红提升幅度)预期不足,存在“利好兑现”风险。</li>
<li><strong class="text-cyan-400">修复的“终点”与“路径”:</strong> PB修复至1倍是短期目标但非终点。市场可能忽略了不同公司<strong class="text-rose-400">ROE差异</strong>导致的估值天花板不同。</li>
<li><strong class="text-cyan-400">“破净”的根本原因:</strong> 政策是外因,<strong class="text-rose-400">行业周期和经营问题</strong>是内因。政策无法扭转行业趋势,只能修复治理折价。</li>
</ul>
</div>
<!-- 关键催化剂与发展路径 -->
<div class="glass-card rounded-3xl p-6 md:p-8 grid-col-span-6">
<h3 class="text-xl font-orbitron font-bold text-cyan-300 mb-4">关键催化剂与未来发展路径</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<p class="font-semibold text-cyan-400 mb-2">近期催化剂 (未来3-6个月)</p>
<ul class="space-y-2 list-disc list-inside text-sm">
<li><strong class="text-lime-400">年报季“计划披露潮”:</strong> 财报季将迎来估值提升计划的密集公告,构成核心催化。</li>
<li><strong class="text-lime-400">实质性并购重组落地:</strong> 任何大型破净公司间的重组方案都将引爆市场。</li>
<li><strong class="text-lime-400">潜在“量化要求”出台:</strong> 若监管对PB提出明确量化要求将是更强力的催化剂。</li>
</ul>
</div>
<div>
<p class="font-semibold text-cyan-400 mb-2">长期发展路径</p>
<ol class="space-y-2 list-decimal list-inside text-sm">
<li><strong class="text-amber-400">第一阶段 (当前)</strong> 政策驱动与预期形成,普涨行情为主。</li>
<li><strong class="text-amber-400">第二阶段 (中期)</strong> 方案落地与行动分化,市场根据方案质量进行二次筛选。</li>
<li><strong class="text-amber-400">第三阶段 (长期)</strong> 价值重估与治理优化市场关注点回归ROE和成长性。</li>
</ol>
</div>
</div>
</div>
<!-- 核心玩家分析 -->
<div class="glass-card rounded-3xl p-6 md:p-8 grid-col-span-6">
<h3 class="text-xl font-orbitron font-bold text-cyan-300 mb-4">核心板块与玩家剖析</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="border border-cyan-500/30 rounded-2xl p-4 bg-cyan-900/20">
<h4 class="font-bold text-lg text-cyan-300">领导者 (逻辑最顺)</h4>
<p class="text-sm font-semibold">“中字头”建筑央企 (中国建筑, 中国铁建)</p>
<p class="text-xs mt-2 text-slate-300">PB极低 (0.4-0.6倍),现金流充裕,具备高分红能力,多重概念交集,市场共识最强。</p>
</div>
<div class="border border-rose-500/30 rounded-2xl p-4 bg-rose-900/20">
<h4 class="font-bold text-lg text-rose-300">追赶者 (弹性巨大)</h4>
<p class="text-sm font-semibold">汽车央企 (东风集团股份)</p>
<p class="text-xs mt-2 text-slate-300">PB低至极限 (0.16倍),边际改善弹性巨大。面临新能源转型和重组预期,高风险高回报博弈标的。</p>
</div>
<div class="border border-amber-500/30 rounded-2xl p-4 bg-amber-900/20">
<h4 class="font-bold text-lg text-amber-300">价值型选手 (稳健修复)</h4>
<p class="text-sm font-semibold">银行股 (四大行)</p>
<p class="text-xs mt-2 text-slate-300">PB长期处于0.5倍左右,股息率高。市值管理新规有望推动分红提升或回购,是稳健型资金首选。</p>
</div>
</div>
</div>
<!-- 潜在风险 -->
<div class="glass-card rounded-3xl p-6 md:p-8 grid-col-span-3">
<h3 class="text-xl font-orbitron font-bold text-red-400 mb-4">潜在风险与挑战</h3>
<ul class="space-y-2 list-disc list-inside text-sm text-slate-300">
<li><strong class="text-red-400">商业化风险:</strong> 多数公司处于低增长传统行业,市值管理无法改变行业周期,净资产本身可能缩水。</li>
<li><strong class="text-red-400">政策执行风险:</strong> 若市值管理考核雷声大雨点小,或提升计划流于形式,市场热情将快速消退。</li>
<li><strong class="text-red-400">预期落差风险:</strong> 公司实际资本运作(如分红、重组)可能不及分析师乐观预期,导致股价波动。</li>
</ul>
</div>
<!-- 投资启示 -->
<div class="glass-card rounded-3xl p-6 md:p-8 grid-col-span-3">
<h3 class="text-xl font-orbitron font-bold text-lime-300 mb-4">投资启示 & 跟踪指标</h3>
<p class="font-semibold text-lime-400 mb-2">最具投资价值的方向:</p>
<ol class="space-y-1 list-decimal list-inside text-sm text-slate-300 mb-4">
<li><strong class="text-lime-300">确定性首选:</strong> 低PB、高股息、现金流稳定的建筑和银行龙头。</li>
<li><strong class="text-lime-300">弹性博弈:</strong> 存在强烈并购重组预期的汽车、有色金属行业。</li>
<li><strong class="text-lime-300">“大集团小公司”:</strong> 存在优质资产注入预期的破净公司。</li>
</ol>
<p class="font-semibold text-lime-400 mb-2">需重点跟踪的关键指标:</p>
<div class="text-xs text-slate-400 flex flex-wrap gap-2">
<span class="badge badge-outline border-lime-500/50">回购金额</span>
<span class="badge badge-outline border-lime-500/50">分红支付率</span>
<span class="badge badge-outline border-lime-500/50">并购重组进展</span>
<span class="badge badge-outline border-lime-500/50">ROE变化趋势</span>
<span class="badge badge-outline border-lime-500/50">机构持仓变化</span>
</div>
</div>
</div>
<!-- 数据来源与分析 -->
<section id="data-sources" x-data="{ tab: 'news' }">
<h2 class="text-3xl font-orbitron font-bold text-center mb-8 text-cyan-300">数据来源与分析摘要</h2>
<div class="tabs tabs-boxed justify-center bg-slate-800/50 mb-6">
<a class="tab" :class="{ 'tab-active': tab === 'news' }" @click="tab = 'news'">新闻数据</a>
<a class="tab" :class="{ 'tab-active': tab === 'roadshow' }" @click="tab = 'roadshow'">路演纪要</a>
<a class="tab" :class="{ 'tab-active': tab === 'report' }" @click="tab = 'report'">研究报告</a>
</div>
<div class="glass-card rounded-3xl p-6 md:p-8 min-h-[300px]">
<!-- 新闻数据 -->
<div x-show="tab === 'news'" x-transition>
<h3 class="text-xl font-bold text-cyan-400 mb-4">核心政策与市场反应</h3>
<ul class="space-y-3 list-disc list-inside text-slate-300">
<li><strong>强制性披露要求:</strong> 证监会要求长期破净公司<strong class="text-amber-400">制定并披露估值提升计划</strong>,并纳入监管指引。</li>
<li><strong>潜在量化要求:</strong> 经济观察报称,监管部门拟对央企上市公司的市净率(PB)等指标<strong class="text-amber-400">提出明确的量化要求</strong></li>
<li><strong>市场现状:</strong> 央国企在破净股中占比极高,超过<strong class="text-amber-400">90%</strong>。建筑行业尤为突出铁建、中铁、中建等PB仅0.5-0.6倍。</li>
<li><strong>股价普遍上涨:</strong> 政策发布后,央企破净股开盘大涨,上汽集团、中工国际等竞价涨停,市场风格切换至“中字头”。</li>
<li><strong>企业积极行动:</strong> 国家电网、中国华能等多家央企召开业绩说明会宣介价值;中邮科技、太阳能等多家公司发布《市值管理制度》。</li>
<li><strong>解决路径:</strong> 分析师认为主要路径包括<strong class="text-amber-400">吸收合并/资产重组、稳定分红/常态化回购、优质资产注入</strong></li>
</ul>
</div>
<!-- 路演纪要 -->
<div x-show="tab === 'roadshow'" x-transition>
<h3 class="text-xl font-bold text-cyan-400 mb-4">券商路演核心观点</h3>
<ul class="space-y-3 list-disc list-inside text-slate-300">
<li><strong>国君建筑:</strong> 基建央企PB仅0.5-0.6倍,估值修复目标看到<strong class="text-amber-400">0.8-1倍PB</strong>。中长期逻辑包括估值修复、分红提升、资产重组。</li>
<li><strong>中信证券:</strong> 本轮破净修复集中于银行、地产、建筑等传统行业,央国企在政策支持下可能率先受益。</li>
<li><strong>申万宏源:</strong> 破净央企需在<strong class="text-amber-400">年报期前披露估值提振计划</strong>,需包含回购、增持、重组等实质性行动。建筑、煤炭、钢铁是重点。</li>
<li><strong>广发策略:</strong> 监管压力最大的是“连续12个月破净且低于行业均值”的公司<strong class="text-amber-400">必须披露计划</strong>。政策披露后破净股平均涨幅超22%。</li>
<li><strong>长江策略:</strong> 筛选策略为<strong class="text-amber-400">“央企+高股息+低波动”</strong>,重点关注银行、交运。</li>
</ul>
</div>
<!-- 研究报告 -->
<div x-show="tab === 'report'" x-transition>
<h3 class="text-xl font-bold text-cyan-400 mb-4">研报关键洞察</h3>
<ul class="space-y-3 list-disc list-inside text-slate-300">
<li><strong>国资委文件核心:</strong> 2024年12月《意见》直指破净问题要求将解决长期破净问题纳入<strong class="text-amber-400">年度重点工作</strong>,并纳入央企负责人经营业绩考核。</li>
<li><strong>破净公司处置方式:</strong> 对失去功能作用的破净公司,鼓励通过<strong class="text-amber-400">吸收合并、资产重组</strong>等方式加以处置。</li>
<li><strong>央企整体估值:</strong> 截至2024年8月央企板块整体PB为<strong class="text-amber-400">0.97倍</strong>,已处于破净状态,位于历史低分位。</li>
<li><strong>具体行业名单:</strong> 研报系统梳理了公用事业、建筑装饰等行业的破净央国企名单,如太阳能(PB 0.8)、中国建筑(PB 0.55)、中国铁建(PB 0.44)等。</li>
<li><strong>投资主线:</strong> 研报普遍建议三条主线1. <strong class="text-amber-400">高股息央国企</strong>2. <strong class="text-amber-400">出海国际工程企业</strong>3. <strong class="text-amber-400">专业工程高景气赛道龙头</strong></li>
</ul>
</div>
</div>
</section>
<!-- 涨幅分析补充 -->
<section id="rise-analysis">
<h2 class="text-3xl font-orbitron font-bold text-center mb-8 text-cyan-300">近期异动个股归因分析</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="rise-reason-card rounded-2xl p-5 space-y-2">
<div class="flex justify-between items-center">
<h4 class="text-lg font-bold text-white">三友化工 (600409)</h4>
<span class="font-mono text-lg font-bold text-green-400">+9.98%</span>
</div>
<p class="text-sm text-slate-300"><strong class="text-cyan-400">核心驱动:</strong>“10万吨电池级碳酸钠项目试生产”消息与钠电产业链情绪爆发共振叠加破净国企估值修复预期。</p>
</div>
<div class="rise-reason-card rounded-2xl p-5 space-y-2">
<div class="flex justify-between items-center">
<h4 class="text-lg font-bold text-white">现代投资 (000900)</h4>
<span class="font-mono text-lg font-bold text-green-400">+9.93%</span>
</div>
<p class="text-sm text-slate-300"><strong class="text-cyan-400">核心驱动:</strong>湖南数字交通试点+高速信创边缘计算设备+破净国企估值修复三因素共振,被视为政策落地首选载体。</p>
</div>
<div class="rise-reason-card rounded-2xl p-5 space-y-2">
<div class="flex justify-between items-center">
<h4 class="text-lg font-bold text-white">天健集团 (000090)</h4>
<span class="font-mono text-lg font-bold text-green-400">+9.91%</span>
</div>
<p class="text-sm text-slate-300"><strong class="text-cyan-400">核心驱动:</strong>深圳“保障房回购存量商品房”新政+国资委破净市值管理吹风,资金押注其为最直接受益标的。</p>
</div>
<div class="rise-reason-card rounded-2xl p-5 space-y-2">
<div class="flex justify-between items-center">
<h4 class="text-lg font-bold text-white">耀皮玻璃 (600819)</h4>
<span class="font-mono text-lg font-bold text-green-400">+9.99%</span>
</div>
<p class="text-sm text-slate-300"><strong class="text-cyan-400">核心驱动:</strong>被列入上海国资委市值管理首批试点,政策给出“破净即强制回购+专项再贷款”的刚性底部预期。</p>
</div>
<div class="rise-reason-card rounded-2xl p-5 space-y-2">
<div class="flex justify-between items-center">
<h4 class="text-lg font-bold text-white">渤海汽车 (600960)</h4>
<span class="font-mono text-lg font-bold text-green-400">+9.96%</span>
</div>
<p class="text-sm text-slate-300"><strong class="text-cyan-400">核心驱动:</strong>北汽模塑股权注入获批锁价定增与现价大幅倒挂叠加“央国企并购重组2.0”政策东风。</p>
</div>
<div class="rise-reason-card rounded-2xl p-5 space-y-2">
<div class="flex justify-between items-center">
<h4 class="text-lg font-bold text-white">荣盛发展 (002146)</h4>
<span class="font-mono text-lg font-bold text-green-400">+10.06%</span>
</div>
<p class="text-sm text-slate-300"><strong class="text-cyan-400">核心驱动:</strong>“破净房企可发股买资产”新政+债务重组落地+并购新能源资产,多重利好集中兑现。</p>
</div>
</div>
</section>
<!-- 股票数据表格 -->
<section id="stock-list">
<h2 class="text-3xl font-orbitron font-bold text-center mb-8 text-cyan-300">概念相关标的列表</h2>
<div class="overflow-x-auto glass-card rounded-3xl p-4">
<table class="table table-zebra-zebra bg-transparent">
<thead class="text-cyan-300 text-base">
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>市净率 (PB)</th>
<th>企业性质</th>
<th>最终控制人</th>
</tr>
</thead>
<tbody class="text-slate-200">
<!-- Data will be populated by script -->
</tbody>
</table>
</div>
</section>
</main>
</div>
<script>
// ECharts Initialization
const chartDom = document.getElementById('industry-chart');
const myChart = echarts.init(chartDom);
const option = {
tooltip: {
trigger: 'item',
formatter: '{b} : {c} 家 ({d}%)',
backgroundColor: 'rgba(0, 255, 255, 0.2)',
borderColor: 'rgba(0, 255, 255, 0.5)',
textStyle: { color: '#E0E0E0' }
},
legend: {
orient: 'vertical',
left: 'left',
textStyle: { color: '#E0E0E0' }
},
series: [
{
name: '行业分布',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: true,
itemStyle: {
borderRadius: 10,
borderColor: 'rgba(0,0,20,0.8)',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 24,
fontWeight: 'bold',
color: '#00FFFF',
textShadowColor: '#00FFFF',
textShadowBlur: 10
}
},
labelLine: {
show: false
},
data: [
{ value: 21, name: '资源与材料' },
{ value: 16, name: '金融' },
{ value: 12, name: '建筑与地产' },
{ value: 7, name: '工业制造' },
{ value: 6, name: '交通运输' },
{ value: 20, name: '其他综合' } // Combining smaller categories
],
color: ['#00FFFF', '#8A2BE2', '#FF00FF', '#FFD700', '#00FF7F', '#1E90FF']
}
]
};
myChart.setOption(option);
window.addEventListener('resize', () => myChart.resize());
// Stock Data Population
const stockData = [
{"stock": "中油资本", "stock_code": "000617", "市净率": 0.682, "企业性质": "央企国资控股", "最终控制人": "中国石油天然气集团有限公司"},
{"stock": "安道麦A", "stock_code": "000553", "市净率": 0.507, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中铁特货", "stock_code": "001213", "市净率": 0.901, "企业性质": "央企国资控股", "最终控制人": "中国国家铁路集团有限公司"},
{"stock": "中油工程", "stock_code": "600339", "市净率": 0.638, "企业性质": "央企国资控股", "最终控制人": "中国石油天然气集团有限公司"},
{"stock": "大悦城", "stock_code": "000031", "市净率": 0.839, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中国石化", "stock_code": "600028", "市净率": 0.985, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "国机汽车", "stock_code": "600335", "市净率": 0.75, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中绿电", "stock_code": "000537", "市净率": 0.895, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中国银行", "stock_code": "601988", "市净率": 0.626, "企业性质": "央企国资控股", "最终控制人": "中国投资有限责任公司"},
{"stock": "中工国际", "stock_code": "002051", "市净率": 0.76, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "邮储银行", "stock_code": "601658", "市净率": 0.606, "企业性质": "央企国资控股", "最终控制人": "中国邮政集团有限公司"},
{"stock": "中粮资本", "stock_code": "002423", "市净率": 0.879, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "招商蛇口", "stock_code": "001979", "市净率": 0.908, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中国外运", "stock_code": "601598", "市净率": 0.913, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中国交建", "stock_code": "601800", "市净率": 0.45, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "建设银行", "stock_code": "601939", "市净率": 0.629, "企业性质": "央企国资控股", "最终控制人": "中国投资有限责任公司"},
{"stock": "中国建筑", "stock_code": "601668", "市净率": 0.495, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "宝钢股份", "stock_code": "600019", "市净率": 0.662, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "鞍钢股份", "stock_code": "000898", "市净率": 0.361, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "大秦铁路", "stock_code": "601006", "市净率": 0.749, "企业性质": "央企国资控股", "最终控制人": "中国国家铁路集团有限公司"},
{"stock": "中国铁建", "stock_code": "601186", "市净率": 0.384, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中国中冶", "stock_code": "601618", "市净率": 0.578, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "华侨城A", "stock_code": "000534", "市净率": 0.288, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中国电建", "stock_code": "601669", "市净率": 0.589, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中储股份", "stock_code": "600787", "市净率": 0.723, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中国中铁", "stock_code": "601390", "市净率": 0.454, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "保利发展", "stock_code": "600048", "市净率": 0.504, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中国能建", "stock_code": "601868", "市净率": 0.841, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中国化学", "stock_code": "601117", "市净率": 0.69, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "中信银行", "stock_code": "601998", "市净率": 0.516, "企业性质": "央企国资控股", "最终控制人": "中华人民共和国财政部"},
{"stock": "太阳能", "stock_code": "000591", "市净率": 0.712, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "碧水源", "stock_code": "300070", "市净率": 0.454, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "光大银行", "stock_code": "601818", "市净率": 0.415, "企业性质": "央企国资控股", "最终控制人": "中央汇金投资有限责任公司"},
{"stock": "湖北能源", "stock_code": "000883", "市净率": 0.925, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "新钢股份", "stock_code": "600782", "市净率": 0.353, "企业性质": "央企国资控股", "最终控制人": "国务院国有资产监督管理委员会"},
{"stock": "歌华有线", "stock_code": "600037", "市净率": 0.668, "企业性质": "央企国资控股", "最终控制人": "中华人民共和国国务院"},
{"stock": "工商银行", "stock_code": "601398", "市净率": 0.61, "企业性质": "央企国资控股", "最终控制人": "中央汇金投资有限责任公司"},
{"stock": "交通银行", "stock_code": "601328", "市净率": 0.564, "企业性质": "央企国资控股", "最终控制人": "中华人民共和国财政部"},
{"stock": "农业银行", "stock_code": "601288", "市净率": 0.676, "企业性质": "央企国资控股", "最终控制人": "中央汇金投资有限责任公司"},
{"stock": "招商银行", "stock_code": "600036", "市净率": 0.866, "企业性质": "央企国资控股", "最终控制人": "招商局集团有限公司"}
];
const tableBody = document.querySelector('#stock-list tbody');
stockData.sort((a, b) => a['市净率'] - b['市净率']).forEach(stock => {
const row = document.createElement('tr');
row.className = 'hover:bg-cyan-900/40 transition-colors duration-300';
row.innerHTML = `
<td class="font-bold">${stock.stock}</td>
<td><a href="https://valuefrontier.cn/company?scode=${stock.stock_code}" target="_blank" class="text-cyan-400 hover:underline">${stock.stock_code}</a></td>
<td><span class="font-mono ${stock['市净率'] < 0.5 ? 'text-rose-400' : (stock['市净率'] < 0.8 ? 'text-amber-400' : 'text-slate-300')}">${stock['市净率']}</span></td>
<td><span class="badge badge-outline border-cyan-500/50 text-xs">${stock['企业性质']}</span></td>
<td class="text-xs text-slate-400">${stock['最终控制人']}</td>
`;
tableBody.appendChild(row);
});
</script>
</body>
</html>