update pay ui

This commit is contained in:
2025-12-05 13:29:18 +08:00
parent 20994cfb13
commit 48d9c76c5e
1008 changed files with 417880 additions and 486974 deletions

View File

@@ -0,0 +1,450 @@
<!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.14.0/dist/cdn.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #020010;
background-image:
radial-gradient(at 20% 20%, hsla(212, 100%, 50%, 0.15) 0px, transparent 50%),
radial-gradient(at 80% 20%, hsla(280, 100%, 50%, 0.15) 0px, transparent 50%),
radial-gradient(at 20% 80%, hsla(320, 100%, 50%, 0.15) 0px, transparent 50%),
radial-gradient(at 80% 80%, hsla(180, 100%, 50%, 0.15) 0px, transparent 50%);
color: #e0e0e0;
}
.glass-card {
background: rgba(10, 10, 25, 0.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.glass-card:before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 60%);
transform: translate(var(--x, -50%), var(--y, -50%));
pointer-events: none;
opacity: 0;
transition: opacity 0.5s ease;
}
.glass-card:hover:before {
opacity: 1;
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
.glow-border {
box-shadow: 0 0 5px rgba(0, 255, 255, 0.3), 0 0 10px rgba(0, 255, 255, 0.2), 0 0 15px rgba(0, 255, 255, 0.1);
}
.timeline {
position: relative;
padding-left: 2.5rem;
}
.timeline:before {
content: '';
position: absolute;
left: 0.5rem;
top: 0;
bottom: 0;
width: 2px;
background-color: rgba(0, 255, 255, 0.3);
}
.timeline-item {
position: relative;
}
.timeline-item:before {
content: '';
position: absolute;
left: -2.3rem;
top: 0.25rem;
width: 1rem;
height: 1rem;
border-radius: 9999px;
background-color: #0891b2;
border: 3px solid #020010;
box-shadow: 0 0 10px #0891b2;
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-8">
<div class="max-w-screen-2xl mx-auto space-y-8">
<!-- Header -->
<header class="text-center space-y-4 py-8">
<h1 class="text-4xl sm:text-6xl font-bold tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-cyan-300 via-purple-300 to-blue-300">
西南水电站-机构测算
</h1>
<h2 class="text-xl sm:text-2xl text-slate-300 font-light tracking-wide">深度行研报告</h2>
<p class="text-xs text-slate-500 pt-4">北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现本报告为AI合成数据投资需谨慎。</p>
</header>
<!-- Main Bento Grid -->
<main class="bento-grid" x-data="{ handleMouseMove: (e) => { const card = e.currentTarget; const rect = card.getBoundingClientRect(); card.style.setProperty('--x', `${e.clientX - rect.left}px`); card.style.setProperty('--y', `${e.clientY - rect.top}px`); } }">
<!-- Core View Summary -->
<div @mousemove="handleMouseMove" class="glass-card rounded-3xl p-6 sm:p-8 col-span-12 lg:col-span-7 space-y-4">
<h3 class="text-2xl font-bold text-cyan-300">核心观点摘要</h3>
<p class="text-slate-300 leading-relaxed">
“西南水电站-机构测算”概念正从宏观政策驱动的<strong class="text-cyan-400">主题阶段</strong>,快速步入由世纪工程(墨脱水电站)启动所引致的<strong class="text-purple-400">订单驱动和基本面兑现的初期阶段</strong>。其核心驱动力源于国家能源安全、经济稳增长及区域发展的“三重战略”叠加,未来数年将为工程基建、高端装备及基础材料等领域带来确定性极强的长周期增量需求。然而,市场在乐观预期下可能忽略了项目执行的<strong class="text-amber-400">超长周期性、成本控制挑战</strong>以及机构测算数据中的<strong class="text-red-400">内在矛盾</strong>
</p>
</div>
<!-- Investment Scale Chart -->
<div @mousemove="handleMouseMove" class="glass-card rounded-3xl p-6 sm:p-8 col-span-12 lg:col-span-5 flex flex-col">
<h3 class="text-2xl font-bold text-cyan-300 mb-4">机构投资规模测算对比</h3>
<div id="investmentChart" class="flex-grow min-h-[200px]"></div>
</div>
<!-- Timeline -->
<div @mousemove="handleMouseMove" class="glass-card rounded-3xl p-6 sm:p-8 col-span-12 lg:col-span-6 space-y-4">
<h3 class="text-2xl font-bold text-cyan-300">概念发展脉络</h3>
<div class="timeline space-y-6 pt-2">
<div class="timeline-item">
<p class="font-semibold text-purple-300">宏观政策定调 (2024年8月)</p>
<p class="text-sm text-slate-400">中央文件首次明确“加快西南水电等清洁能源基地建设”,提供最高级别政策背书,标志进入国家战略加速期。</p>
</div>
<div class="timeline-item">
<p class="font-semibold text-purple-300">机构密集测算 (2024年8月-12月)</p>
<p class="text-sm text-slate-400">光大、天风等机构密集路演、发研报,量化测算超万亿投资规模及产业链弹性,市场焦点转向具体标的。</p>
</div>
<div class="timeline-item">
<p class="font-semibold text-purple-300">市场交易催化 (2025年至今)</p>
<p class="text-sm text-slate-400">项目招标、开工传闻引爆市场,相关个股涨停。金川、昌波等多个水电站项目取得关键进展,持续印证行业高景气。</p>
</div>
</div>
</div>
<!-- Core Logic & Market Perception -->
<div @mousemove="handleMouseMove" class="glass-card rounded-3xl p-6 sm:p-8 col-span-12 lg:col-span-6 space-y-4">
<h3 class="text-2xl font-bold text-cyan-300">核心逻辑与市场认知</h3>
<ul class="list-disc list-inside space-y-3 text-slate-300">
<li><strong class="text-purple-400">三重战略驱动:</strong> 能源安全3个三峡发电量、经济稳增长1.75万亿投资)及地缘政治与区域发展。</li>
<li><strong class="text-purple-400">市场热度极高:</strong> 信息井喷,股价联动效应强(相关催化下个股涨停),资金已进入抢筹阶段。</li>
<li><strong class="text-purple-400">时间预期差:</strong> 市场倾向于将10-15年的长周期需求在短期内透支而需求释放是平滑过程非短期爆发。</li>
<li><strong class="text-purple-400">规模与利润预期差:</strong> 市场聚焦万亿投资总额,但忽略了各环节(总包、材料、设备)利润率差异巨大,对巨头业绩弹性有限。</li>
</ul>
</div>
<!-- Key Data Points from Sources -->
<div @mousemove="handleMouseMove" class="glass-card rounded-3xl p-6 sm:p-8 col-span-12 space-y-4" x-data="{ tab: 'roadshow' }">
<h3 class="text-2xl font-bold text-cyan-300">关键数据测算(新闻/路演/研报)</h3>
<div class="tabs tabs-boxed bg-black bg-opacity-30">
<a class="tab" :class="{ 'tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演纪要</a>
<a class="tab" :class="{ 'tab-active': tab === 'report' }" @click.prevent="tab = 'report'">研报精粹</a>
<a class="tab" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻速览</a>
</div>
<div x-show="tab === 'roadshow'" class="prose max-w-none prose-invert prose-p:text-slate-300 prose-li:text-slate-300">
<ul class="list-disc space-y-2 pl-5">
<li><strong>总投资额:</strong> 雅鲁藏布江下游水电开发(含墨脱)总投资预计超 <strong class="text-amber-300">1.7-2万亿</strong>。墨脱水电站静态投资约5000亿元总投资约1万亿元工期10年。</li>
<li><strong>成本构成:</strong> 建筑工程 <strong class="text-amber-300">50%</strong>,设备与安装 <strong class="text-amber-300">30%</strong>,其他费用 <strong class="text-amber-300">15-20%</strong></li>
<li><strong>单位投资:</strong> 西藏高海拔项目单位千瓦投资可达 <strong class="text-amber-300">2-6万元</strong>远高于白鹤滩的1.4万元。</li>
<li><strong>民爆需求 (修正后):</strong> 墨脱水电站炸药需求约 <strong class="text-amber-300">25万吨</strong> (年均2.5万吨)电子雷管约3.6亿发。</li>
<li><strong>TBM设备需求:</strong> 隧洞超1000公里设备需求估算 <strong class="text-amber-300">200-300亿元</strong></li>
</ul>
</div>
<div x-show="tab === 'report'" class="prose max-w-none prose-invert prose-p:text-slate-300 prose-li:text-slate-300">
<ul class="list-disc space-y-2 pl-5">
<li><strong>投资额估算 (天风证券):</strong> 墨脱水电站动态总投资规模至少在 <strong class="text-amber-300">10000亿以上</strong></li>
<li><strong>水泥需求 (天风证券):</strong> 混凝土需求18000万方水泥需求 <strong class="text-amber-300">5400万吨</strong>。按15年工期年均带动水泥需求 <strong class="text-amber-300">360万吨</strong>占西藏2023年产量的30%。</li>
<li><strong>战略定位:</strong> 具有生态工程、国家安全工程、民生工程、国家重大能源工程和国际合作工程 <strong class="text-amber-300">五重战略意义</strong></li>
<li><strong>区域优势:</strong> 藏区交通不便形成天然护城河,区域内水泥(西藏天路)、民爆(高争民爆)公司具备强区位优势。</li>
</ul>
</div>
<div x-show="tab === 'news'" class="prose max-w-none prose-invert prose-p:text-slate-300 prose-li:text-slate-300">
<ul class="list-disc space-y-2 pl-5">
<li><strong>行业数据:</strong> 我国西南水电基地已投产装机容量 <strong class="text-amber-300">2.1亿千瓦</strong>占全国水电装机容量的56.6%。</li>
<li><strong>墨脱水电站规模:</strong> 年发电量 <strong class="text-amber-300">3000亿度电</strong>3个三峡体量总投资额高达 <strong class="text-amber-300">1.75万亿</strong>三峡的28倍</li>
<li><strong>资金来源分析:</strong> 以国家资本(央企+专项债)为主,市场化融资为辅,参考三峡建设模式,由政策性银行提供长期贷款。</li>
<li><strong>项目进展:</strong> 金川、昌波、雅砻江孟底沟等多个西南区域大型水电站项目近期均取得截流、蓄水等关键进展。</li>
</ul>
</div>
</div>
<!-- Risks & Challenges -->
<div @mousemove="handleMouseMove" class="glass-card rounded-3xl p-6 sm:p-8 col-span-12 lg:col-span-6 space-y-4">
<h3 class="text-2xl font-bold text-red-400">潜在风险与挑战</h3>
<ul class="list-disc list-inside space-y-3 text-slate-300">
<li><strong class="text-amber-400">技术风险:</strong> 高原峡谷地质条件极端复杂对超高堆石坝、长距离TBM掘进、抗震设计提出空前挑战。</li>
<li><strong class="text-amber-400">成本控制风险:</strong> 高原项目单位投资额是常规项目的1.4-4.3倍超长工期10-15年和通胀压力可能侵蚀回报率。</li>
<li><strong class="text-amber-400">电力消纳风险:</strong> 建成后3000亿度电的消纳需配套特高压网络和下游市场需求同步跟进。</li>
<li class="bg-red-900 bg-opacity-30 p-3 rounded-lg"><strong class="text-red-300">【关键风险】信息交叉验证风险:</strong>
<p class="text-sm text-red-300 pl-4 mt-1">投资额1万亿 vs 1.75万亿)存在差异;更重要的是,路演纪要明确指出早期市场对<strong class="underline decoration-wavy">民爆需求测算存在“数量级矛盾”</strong>,表明初期估算可能严重偏差。</p>
</li>
</ul>
</div>
<!-- Catalysts & Future Path -->
<div @mousemove="handleMouseMove" class="glass-card rounded-3xl p-6 sm:p-8 col-span-12 lg:col-span-6 space-y-4">
<h3 class="text-2xl font-bold text-cyan-300">关键催化剂与发展路径</h3>
<div role="alert" class="alert bg-cyan-900 bg-opacity-30 border-cyan-700">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-cyan-300 shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<div>
<h3 class="font-bold text-cyan-200">近期催化剂 (3-6个月)</h3>
<div class="text-xs text-cyan-300">主体工程正式招标、项目融资方案落地、核心公司中标公告。</div>
</div>
</div>
<div class="mt-4 space-y-3">
<p><strong class="text-purple-300">第一阶段 (当前-2027年):</strong> 勘测设计与前期准备。受益环节:勘察设计、前期爆破、少量基建。</p>
<p><strong class="text-purple-300">第二阶段 (约2028-2035年):</strong> 主体工程建设高峰。受益环节水泥、民爆、TBM/盾构机、大型起重设备、工程总包。</p>
<p><strong class="text-purple-300">第三阶段 (约2035年后):</strong> 机电设备安装调试。受益环节:发电设备、输变电设备。</p>
</div>
</div>
<!-- Industry Chain Analysis -->
<div @mousemove="handleMouseMove" class="glass-card rounded-3xl p-6 sm:p-8 col-span-12 space-y-6">
<h3 class="text-2xl font-bold text-cyan-300">产业链剖析与核心玩家</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<!-- Upstream -->
<div class="bg-black bg-opacity-20 p-4 rounded-2xl">
<h4 class="font-bold text-lg text-purple-300 text-center">上游:材料与设备</h4>
<div class="divider divider-primary my-2"></div>
<p class="text-sm text-slate-400"><strong class="text-slate-200">基础材料:</strong> 水泥, 民爆, 外加剂, 钢材</p>
<p class="text-sm text-slate-400"><strong class="text-slate-200">核心设备:</strong> TBM/盾构机, 凿岩设备, 缆索起重机</p>
</div>
<!-- Midstream -->
<div class="bg-black bg-opacity-20 p-4 rounded-2xl">
<h4 class="font-bold text-lg text-purple-300 text-center">中游:设计与施工</h4>
<div class="divider divider-primary my-2"></div>
<p class="text-sm text-slate-400"><strong class="text-slate-200">勘察设计:</strong> 深水规院等</p>
<p class="text-sm text-slate-400"><strong class="text-slate-200">工程总包 (EPC):</strong> 中国电建, 中国能建</p>
</div>
<!-- Downstream -->
<div class="bg-black bg-opacity-20 p-4 rounded-2xl">
<h4 class="font-bold text-lg text-purple-300 text-center">下游:发电与运营</h4>
<div class="divider divider-primary my-2"></div>
<p class="text-sm text-slate-400"><strong class="text-slate-200">发电设备:</strong> 东方电气, 浙富控股</p>
<p class="text-sm text-slate-400"><strong class="text-slate-200">电站运营:</strong> 大型电力央企</p>
</div>
</div>
<div class="prose max-w-none prose-invert prose-p:text-slate-300 prose-li:text-slate-300">
<h4 class="text-xl font-semibold text-cyan-300 mt-6">核心玩家对比</h4>
<ul class="list-disc space-y-2 pl-5">
<li><strong>领导者 (巨无霸) - 中国电建 / 中国能建:</strong> 全产业链整合能力经验丰富但体量巨大致业绩弹性相对较小。机构测算两者合计占据70%-100%工程份额。</li>
<li><strong>区域龙头 (最纯粹弹性) - 高争民爆 / 西藏天路:</strong> 受益于区域政策壁垒和运输成本优势,逻辑最纯粹,潜在业绩弹性最大。</li>
<li><strong>技术专家 (高壁垒) - 铁建重工 / 法兰泰克 / 五新隧装:</strong> 在TBM、特种起重机等细分领域具备技术壁垒和寡头格局有望获得高毛利订单。</li>
</ul>
</div>
</div>
<!-- Conclusion & Investment Implications -->
<div @mousemove="handleMouseMove" class="glass-card rounded-3xl p-6 sm:p-8 col-span-12 space-y-4">
<h3 class="text-2xl font-bold text-cyan-300">综合结论与投资启示</h3>
<p class="text-slate-300 leading-relaxed">
概念已进入基本面驱动早期,需求的确定性极高,但释放是长达十余年的<strong class="text-cyan-400">“慢变量”</strong>。市场交易行为反映了对长周期利好的<strong class="text-purple-400">“短周期抢跑”</strong>,蕴含过度乐观风险。
</p>
<div>
<h4 class="text-lg font-semibold text-purple-300">最具投资价值细分环节:</h4>
<p class="text-slate-400 ml-4"><strong>1. 最具弹性:</strong>西藏本地建材和民爆公司(区域垄断优势)。</p>
<p class="text-slate-400 ml-4"><strong>2. 技术壁垒最高:</strong>特种工程设备供应商(高附加值)。</p>
</div>
<div>
<h4 class="text-lg font-semibold text-purple-300">需重点跟踪验证的关键指标:</h4>
<p class="text-slate-400 ml-4"><strong>1. 订单落地:</strong>跟踪官方招标和上市公司重大合同公告。</p>
<p class="text-slate-400 ml-4"><strong>2. 资金到位:</strong>关注专项债发行、政策性银行信贷投放。</p>
<p class="text-slate-400 ml-4"><strong>3. 产能与盈利:</strong>跟踪核心公司产量、售价、新签订单及毛利率变化。</p>
</div>
</div>
<!-- Stock Table -->
<div class="col-span-12">
<div class="glass-card rounded-3xl p-6 sm:p-8 overflow-x-auto">
<h3 class="text-2xl font-bold text-cyan-300 mb-6">相关概念股一览</h3>
<table class="table table-zebra-zebra w-full text-base">
<thead class="text-slate-300 text-lg">
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>所属环节</th>
<th class="w-1/2">核心逻辑与机构测算</th>
</tr>
</thead>
<tbody class="text-slate-300">
<!-- EPC & General Construction -->
<tr>
<td class="font-bold">中国电建</td>
<td><a href="https://valuefrontier.cn/company?scode=601669" target="_blank" class="link link-hover text-cyan-400">601669</a></td>
<td><div class="badge badge-primary badge-outline">工程总包</div></td>
<td>水电全产业链服务商机构测算其在雅江项目中可能占据40%-60%份额预计每年新增工程量192-360亿元年投资额对2024年收入拉动比例在1.3%-12.1%之间。</td>
</tr>
<tr>
<td class="font-bold">中国能建</td>
<td><a href="https://valuefrontier.cn/company?scode=601868" target="_blank" class="link link-hover text-cyan-400">601868</a></td>
<td><div class="badge badge-primary badge-outline">工程总包</div></td>
<td>水电工程总包核心企业机构测算其在雅江项目中可能占据30%-40%份额预计每年新增工程量144-240亿元年投资额对2024年收入拉动比例在1.8%-17.6%之间。</td>
</tr>
<!-- Regional Leaders -->
<tr>
<td class="font-bold">西藏天路</td>
<td><a href="https://valuefrontier.cn/company?scode=600326" target="_blank" class="link link-hover text-cyan-400">600326</a></td>
<td><div class="badge badge-secondary badge-outline">水泥</div></td>
<td>西藏本地水泥龙头具备天然区位和运输优势。天风证券测算雅江项目年均水泥需求360万吨占西藏2023年产量的30%,弹性巨大。</td>
</tr>
<tr>
<td class="font-bold">高争民爆</td>
<td><a href="https://valuefrontier.cn/company?scode=002827" target="_blank" class="link link-hover text-cyan-400">002827</a></td>
<td><div class="badge badge-secondary badge-outline">爆破服务</div></td>
<td>西藏民爆行业绝对龙头受益于炸药不允许跨区运输的政策壁垒。路演测算未来年爆破服务收入或达25亿利润2.5亿,相比现有体量是颠覆性的。</td>
</tr>
<!-- Equipment Manufacturers -->
<tr>
<td class="font-bold">隧道股份</td>
<td><a href="https://valuefrontier.cn/company?scode=600820" target="_blank" class="link link-hover text-cyan-400">600820</a></td>
<td><div class="badge badge-accent badge-outline">隧洞设备</div></td>
<td>水电导流洞与TBM盾构机核心标的。市场预期其将中标雅砻江水电站导流洞/交通洞标段约45亿元叠加雅江水电站对TBM的巨大需求。</td>
</tr>
<tr>
<td class="font-bold">铁建重工</td>
<td><a href="https://valuefrontier.cn/company?scode=688425" target="_blank" class="link link-hover text-cyan-400">688425</a></td>
<td><div class="badge badge-accent badge-outline">隧洞设备</div></td>
<td>国内TBM/盾构机龙头企业。路演测算水电站隧洞环节TBM设备需求达200-300亿元市场空间广阔。</td>
</tr>
<tr>
<td class="font-bold">五新隧装</td>
<td><a href="https://valuefrontier.cn/company?scode=835174" target="_blank" class="link link-hover text-cyan-400">835174</a></td>
<td><div class="badge badge-accent badge-outline">隧洞设备</div></td>
<td>水电站钻爆凿岩设备龙头。新闻中机构详细测算其估值认为其具备短期翻倍、长期10倍的成长空间。</td>
</tr>
<tr>
<td class="font-bold">浙富控股</td>
<td><a href="https://valuefrontier.cn/company?scode=002266" target="_blank" class="link link-hover text-cyan-400">002266</a></td>
<td><div class="badge badge-accent badge-outline">发电设备</div></td>
<td>水轮发电机组寡头之一市占率20%具备高海拔机组设计经验。机构测算雅江项目对应潜在订单超490亿元。</td>
</tr>
<!-- Others -->
<tr>
<td class="font-bold">深水规院</td>
<td><a href="https://valuefrontier.cn/company?scode=301038" target="_blank" class="link link-hover text-cyan-400">301038</a></td>
<td><div class="badge badge-info badge-outline">勘察设计</div></td>
<td>拥有水利行业甲级、勘察综合甲级牌照在项目勘测设计准备期2025-2027年率先受益具备高原项目经验。</td>
</tr>
<tr>
<td class="font-bold">四川双马</td>
<td><a href="https://valuefrontier.cn/company?scode=000935" target="_blank" class="link link-hover text-cyan-400">000935</a></td>
<td><div class="badge badge-info badge-outline">水泥</div></td>
<td>因雅江项目引发西藏水泥巨大缺口,公司产能及自有铁路专线具备向西藏直供的运输优势,市场预期其将签订重大供货协议,实现业绩反转。</td>
</tr>
<tr>
<td class="font-bold">易普力</td>
<td><a href="https://valuefrontier.cn/company?scode=002096" target="_blank" class="link link-hover text-cyan-400">002096</a></td>
<td><div class="badge badge-info badge-outline">爆破服务</div></td>
<td>全国性民爆龙头,有望凭借规模和技术优势参与大型水电站项目的爆破服务。</td>
</tr>
<tr>
<td class="font-bold">苏博特</td>
<td><a href="https://valuefrontier.cn/company?scode=603916" target="_blank" class="link link-hover text-cyan-400">603916</a></td>
<td><div class="badge badge-info badge-outline">外加剂</div></td>
<td>混凝土外加剂龙头,品牌力强且具备川藏铁路等重点项目经验,将受益于项目对高性能混凝土的需求。</td>
</tr>
</tbody>
</table>
</div>
</div>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
var chartDom = document.getElementById('investmentChart');
var myChart = echarts.init(chartDom);
var option;
option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
backgroundColor: 'rgba(20, 20, 40, 0.8)',
borderColor: '#0891b2',
textStyle: {
color: '#e0e0e0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [
{
type: 'category',
data: ['路演-墨脱', '研报-墨脱动态', '新闻-墨脱总投资'],
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.3)'
}
},
axisLabel: {
color: '#a0aec0'
}
}
],
yAxis: [
{
type: 'value',
name: '万亿元',
axisLabel: {
formatter: '{value}',
color: '#a0aec0'
},
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.1)'
}
}
}
],
series: [
{
name: '投资额',
type: 'bar',
barWidth: '60%',
data: [
{ value: 1.0, itemStyle: { color: '#2dd4bf' } },
{ value: 1.0, itemStyle: { color: '#a78bfa' } },
{ value: 1.75, itemStyle: { color: '#60a5fa' } }
],
itemStyle: {
borderRadius: [5, 5, 0, 0],
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}
}
]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>