444 lines
29 KiB
HTML
444 lines
29 KiB
HTML
<!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>AI投研报告:俄乌重建概念深度解析</title>
|
||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
|
||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.0/dist/cdn.min.js"></script>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.11.1/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></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: linear-gradient(-45deg, #020024, #090979, #00192d, #000c14);
|
||
background-size: 400% 400%;
|
||
animation: gradientBG 20s ease infinite;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
@keyframes gradientBG {
|
||
0% { background-position: 0% 50%; }
|
||
50% { background-position: 100% 50%; }
|
||
100% { background-position: 0% 50%; }
|
||
}
|
||
|
||
.glass {
|
||
background: rgba(10, 15, 30, 0.4);
|
||
backdrop-filter: blur(16px) saturate(180%);
|
||
-webkit-backdrop-filter: blur(16px) saturate(180%);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
border-radius: 1.5rem;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.glass:hover {
|
||
background: rgba(10, 15, 30, 0.6);
|
||
box-shadow: 0 0 25px rgba(0, 191, 255, 0.2);
|
||
}
|
||
|
||
.text-glow {
|
||
text-shadow: 0 0 8px rgba(0, 191, 255, 0.6);
|
||
}
|
||
.text-glow-purple {
|
||
text-shadow: 0 0 8px rgba(192, 108, 246, 0.6);
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 2.25rem;
|
||
font-weight: 700;
|
||
color: #ffffff;
|
||
letter-spacing: 0.1em;
|
||
text-transform: uppercase;
|
||
border-bottom: 2px solid rgba(0, 191, 255, 0.3);
|
||
padding-bottom: 0.5rem;
|
||
margin-bottom: 2rem;
|
||
}
|
||
|
||
.bento-grid {
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: repeat(1, 1fr);
|
||
}
|
||
@media (min-width: 1024px) {
|
||
.bento-grid {
|
||
grid-template-columns: repeat(4, 1fr);
|
||
grid-template-rows: auto auto;
|
||
}
|
||
.grid-col-span-2 { grid-column: span 2; }
|
||
.grid-row-span-2 { grid-row: span 2; }
|
||
}
|
||
|
||
.stat-value {
|
||
font-size: 2rem;
|
||
font-weight: 700;
|
||
color: #00BFFF; /* Deep Sky Blue */
|
||
}
|
||
.stat-title {
|
||
color: rgba(255, 255, 255, 0.7);
|
||
}
|
||
|
||
/* ECharts container needs explicit height */
|
||
#reconstructionChart {
|
||
width: 100%;
|
||
height: 400px;
|
||
}
|
||
|
||
.timeline {
|
||
position: relative;
|
||
padding: 2rem 0;
|
||
}
|
||
.timeline::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 20px;
|
||
height: 100%;
|
||
width: 2px;
|
||
background: rgba(0, 191, 255, 0.3);
|
||
}
|
||
.timeline-item {
|
||
position: relative;
|
||
padding-left: 4rem;
|
||
margin-bottom: 2rem;
|
||
}
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: 14px;
|
||
top: 5px;
|
||
width: 14px;
|
||
height: 14px;
|
||
border-radius: 50%;
|
||
background-color: #00BFFF;
|
||
border: 2px solid #020024;
|
||
box-shadow: 0 0 10px #00BFFF;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen p-4 sm:p-8">
|
||
<div x-data="{}" class="max-w-7xl mx-auto space-y-12">
|
||
|
||
<!-- Header Section -->
|
||
<header class="text-center py-8">
|
||
<h1 class="text-5xl md:text-6xl font-bold text-white text-glow tracking-widest uppercase">
|
||
俄乌重建
|
||
</h1>
|
||
<p class="mt-4 text-xl text-gray-300">AI Investment Research Report</p>
|
||
<div class="mt-6 text-sm glass p-2 max-w-2xl mx-auto rounded-lg">
|
||
<p>北京价值前沿科技有限公司 AI投研agent:“价小前投研” 进行投研呈现</p>
|
||
<p class="opacity-70">本报告为AI合成数据,投资需谨慎。</p>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Bento Grid - At a Glance -->
|
||
<section>
|
||
<div class="bento-grid">
|
||
<div class="glass p-6 grid-col-span-2 grid-row-span-2 flex flex-col justify-center items-center">
|
||
<h3 class="stat-title text-2xl font-bold mb-4">重建规模估算</h3>
|
||
<div class="stat-value text-4xl md:text-5xl text-glow-purple">~ $4860亿 - $7.5万亿</div>
|
||
<p class="mt-4 text-center opacity-80">根据世界银行、联合国及乌克兰政府等多方评估,未来十年重建需求巨大,构成宏大叙事的核心基础。</p>
|
||
</div>
|
||
<div class="glass p-6">
|
||
<h3 class="stat-title text-lg font-bold">核心驱动</h3>
|
||
<p class="stat-value text-3xl">地缘政治</p>
|
||
<p class="mt-2 opacity-80">冲突终结预期是概念的根本驱动力。</p>
|
||
</div>
|
||
<div class="glass p-6">
|
||
<h3 class="stat-title text-lg font-bold">当前阶段</h3>
|
||
<p class="stat-value text-3xl">预期发酵</p>
|
||
<p class="mt-2 opacity-80">市场处于主题炒作早期,股价由情绪主导。</p>
|
||
</div>
|
||
<div class="glass p-6 grid-col-span-2">
|
||
<h3 class="stat-title text-lg font-bold mb-3">关键催化时间轴 (预期)</h3>
|
||
<ul class="steps steps-vertical lg:steps-horizontal w-full">
|
||
<li class="step step-primary">和平谈判进展</li>
|
||
<li class="step">停火协议签署</li>
|
||
<li class="step">重建基金运作</li>
|
||
<li class="step">首批合同公布</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Deep Dive Analysis -->
|
||
<main class="space-y-16">
|
||
|
||
<!-- Concept Event & Catalysts -->
|
||
<section class="glass p-8">
|
||
<h2 class="section-title text-glow">概念事件与催化剂</h2>
|
||
<div class="prose max-w-none text-gray-300">
|
||
<p>“俄乌重建”概念由一系列地缘政治动态和经济评估共同催化而成,核心在于市场对俄乌冲突终结预期的升温。关键催化剂包括高层政治介入、和平信号释放以及重建机制的初步建立。</p>
|
||
<div class="grid md:grid-cols-2 gap-6 mt-6">
|
||
<div class="border-l-4 border-cyan-500 pl-4">
|
||
<h4 class="font-bold text-xl text-white">高层政治介入</h4>
|
||
<ul class="list-disc list-inside mt-2 space-y-1">
|
||
<li><strong>美国调停:</strong> 特朗普提出“百日和平计划”,并与俄、乌领导人通话,目标直指2025年5月9日前结束战争。</li>
|
||
<li><strong>直接谈判:</strong> 美俄代表于沙特举行会谈,同意组建高级团队;普京提议于5月15日在伊斯坦布尔重启直接谈判。</li>
|
||
<li><strong>乌方态度:</strong> 泽连斯基多次表态希望2025年结束冲突,并提出5月12日开始无条件停战30天的可能性。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="border-l-4 border-purple-500 pl-4">
|
||
<h4 class="font-bold text-xl text-white">重建机制建立</h4>
|
||
<ul class="list-disc list-inside mt-2 space-y-1">
|
||
<li><strong>资金框架:</strong> 乌克兰积极寻求建立类似“马歇尔计划”的重建联盟和专门的重建基金。</li>
|
||
<li><strong>标志性事件:</strong> 美乌签署协议建立“美乌重建投资基金”,预计在议会通过后1-1.5个月内正式运作。</li>
|
||
<li><strong>首次会议:</strong> 该基金董事会首次会议计划于2025年9月召开,标志着重建机制从概念走向实体。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Core Logic & Expectation Gaps -->
|
||
<section class="glass p-8">
|
||
<h2 class="section-title text-glow">核心逻辑与预期差</h2>
|
||
<div class="prose max-w-none text-gray-300">
|
||
<p>该概念的逻辑链条清晰:<strong class="text-cyan-400">停火/和平协议 → 释放大规模重建需求 → 利好基建、建材、机械行业 → 具备成本和效率优势的中国企业有望分羹</strong>。然而,当前市场普遍认知与残酷现实之间存在两个显著的预期差。</p>
|
||
</div>
|
||
<div class="grid lg:grid-cols-2 gap-6 mt-8">
|
||
<div class="p-6 border border-yellow-500/50 rounded-2xl bg-yellow-500/10">
|
||
<h3 class="text-2xl font-bold text-yellow-300 mb-3">预期差 ①: 资金来源的乐观与现实</h3>
|
||
<p class="font-semibold text-white">市场普遍认知 (偏乐观):</p>
|
||
<p class="mb-4 opacity-80">类比“马歇尔计划”,认为资金来源不是重要约束,并寄望于被冻结的俄罗斯资产。</p>
|
||
<p class="font-semibold text-white">潜在关键忽略点 (批判性视角):</p>
|
||
<ul class="list-disc list-inside space-y-2 mt-2 text-yellow-200">
|
||
<li><strong>巨大资金缺口:</strong> 实际重建资金缺口高达40%,欧洲自身面临财政压力,出资意愿存疑。</li>
|
||
<li><strong>援助附加条件:</strong> 美国的援助与获取乌克兰矿产资源深度绑定,可能引发政治博弈,延缓资金到位。</li>
|
||
<li><strong>资金的规模、速度和条件是最大的不确定性,市场对此可能过于乐观。</strong></li>
|
||
</ul>
|
||
</div>
|
||
<div class="p-6 border border-red-500/50 rounded-2xl bg-red-500/10">
|
||
<h3 class="text-2xl font-bold text-red-300 mb-3">预期差 ②: 中国企业参与的广度与深度</h3>
|
||
<p class="font-semibold text-white">市场普遍认知 (高预期):</p>
|
||
<p class="mb-4 opacity-80">认为中国企业凭借成本、效率和“一带一路”基础能获得可观份额(如20%)。</p>
|
||
<p class="font-semibold text-white">潜在关键忽略点 (批判性视角):</p>
|
||
<ul class="list-disc list-inside space-y-2 mt-2 text-red-200">
|
||
<li><strong>业务真实关联度低:</strong> 多数被热炒的公司目前在乌克兰并无实质性项目,股价上涨更多是基于概念的“期权价值”。</li>
|
||
<li><strong>竞争与准入壁垒:</strong> 重建项目很可能由出资方(美、欧)主导,中国企业可能面临地缘政治带来的隐形壁垒。</li>
|
||
<li><strong>出口限制:</strong> 欧盟碳交易体系可能削弱中国建材(如钢材、水泥)的出口竞争力。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Future Path -->
|
||
<section class="glass p-8">
|
||
<h2 class="section-title text-glow">未来发展路径</h2>
|
||
<p class="prose max-w-none text-gray-300 mb-8">概念发展将遵循乌克兰官方规划的“三步走”战略,从紧急修复过渡到系统性重建,最终实现现代化产业升级。</p>
|
||
<div class="timeline">
|
||
<div class="timeline-item">
|
||
<h4 class="text-xl font-bold text-cyan-400">第一阶段 (短期, 1-2年): 紧急修复</h4>
|
||
<p class="text-gray-400">重点恢复水电、交通等关键基础设施及住房、医院、学校。需求最迫切,以政府援助和小规模合同为主,排雷是优先工作。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<h4 class="text-xl font-bold text-purple-400">第二阶段 (中期, 3-5年): 大规模系统性重建</h4>
|
||
<p class="text-gray-400">随着资金大规模到位,全面进入基础设施、工业设施(钢厂、水泥厂)和能源网络的重建。是中国EPC总包企业和设备制造商的核心机遇期。</p>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<h4 class="text-xl font-bold text-green-400">第三阶段 (长期, 5-10年): 现代化产业升级</h4>
|
||
<p class="text-gray-400">在重建基础上进行产业升级,发展新能源、数字经济等,实现经济长期可持续发展。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Industry Analysis & Chart -->
|
||
<section class="glass p-8">
|
||
<h2 class="section-title text-glow">产业链与需求剖析</h2>
|
||
<div class="grid lg:grid-cols-2 gap-8 items-center">
|
||
<div>
|
||
<div class="prose max-w-none text-gray-300">
|
||
<p>重建需求将贯穿整个基建产业链,从上游原材料到中游设备制造,再到下游工程总包。根据联合国、世界银行等联合发布的RDNA3报告,住房和交通基础设施是需求最集中的领域。</p>
|
||
</div>
|
||
<div class="mt-6 space-y-4">
|
||
<div class="flex items-center gap-4">
|
||
<div class="badge badge-primary badge-lg">上游</div>
|
||
<p>原材料 (耐火材料, 水泥, 钢铁) & 核心零部件 (液压件)</p>
|
||
</div>
|
||
<div class="flex items-center gap-4">
|
||
<div class="badge badge-secondary badge-lg">中游</div>
|
||
<p>工程机械 (挖机, 起重机), 专用设备 (排雷, 能源), 模块化建筑</p>
|
||
</div>
|
||
<div class="flex items-center gap-4">
|
||
<div class="badge badge-accent badge-lg">下游</div>
|
||
<p>工程总包 (EPC), 施工, 配套服务 (设计, 物流)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div id="reconstructionChart" class="w-full h-[400px]"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Case Studies -->
|
||
<section class="glass p-8">
|
||
<h2 class="section-title text-glow">市场行为观察: 概念炒作案例</h2>
|
||
<div class="prose max-w-none text-gray-300 mb-8">
|
||
<p>“俄乌重建”概念的高度投机性,在部分个股的异动中体现得淋漓尽致。这些案例揭示了市场情绪如何通过名称联想、概念泛化等方式,驱动股价脱离基本面运行。</p>
|
||
</div>
|
||
<div class="grid md:grid-cols-2 gap-6">
|
||
<div class="space-y-4 p-6 rounded-2xl border border-dashed border-gray-600">
|
||
<h4 class="text-xl font-bold text-white">案例一:龙高股份 (605086) - “名称关联”炒作</h4>
|
||
<p class="text-gray-400">该公司因名称与核心受益标的“银龙股份”相似,被市场错误关联。在“俄乌重建”题材发酵期,其“小盘、低流动、无机构”的“妖股”特性,使其成为短线资金借题发挥的完美载体,股价大幅上涨,而其主营高岭土业务与重建的直接关联度极弱。这是一次典型的题材借壳炒作。</p>
|
||
<div class="badge badge-outline badge-warning">高风险</div>
|
||
<div class="badge badge-outline">情绪驱动</div>
|
||
</div>
|
||
<div class="space-y-4 p-6 rounded-2xl border border-dashed border-gray-600">
|
||
<h4 class="text-xl font-bold text-white">案例二:东信和平 (002017) - “名称寓意”共振</h4>
|
||
<p class="text-gray-400">当俄乌和谈消息传出时,该公司因股票名称中带有“和平”二字,与事件主题高度契合,引发市场对“世界和平”的概念联想。在A股市场,这种“名字玄学”往往能成为短期炒作的直接导火索,吸引大量投机资金涌入,推动股价上涨,而其主营业务(智能卡)与国际局势并无直接关联。</p>
|
||
<div class="badge badge-outline badge-warning">高风险</div>
|
||
<div class="badge badge-outline">概念共振</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Conclusion & Investment Implications -->
|
||
<section class="glass p-8">
|
||
<h2 class="section-title text-glow">综合结论与投资启示</h2>
|
||
<div class="grid lg:grid-cols-2 gap-8">
|
||
<div class="prose max-w-none text-gray-300">
|
||
<h3 class="text-2xl text-white font-semibold">最终看法:100%主题炒作阶段</h3>
|
||
<p>“俄乌重建”概念是一个高赔率、高风险的博弈性机会。其潜在市场空间真实存在,但从“可能”到“现实”的转化路径极长且充满变数。当前股价表现完全由新闻驱动的情绪和预期主导,而非基本面驱动。</p>
|
||
<h3 class="text-2xl text-white font-semibold mt-6">重点跟踪验证指标</h3>
|
||
<ul class="list-disc list-inside space-y-2 mt-4">
|
||
<li><strong class="text-cyan-400">宏观层面:</strong> 停火协议的正式签署;美乌重建投资基金的资金到位规模。</li>
|
||
<li><strong class="text-purple-400">中观层面:</strong> 钢材、铜等大宗商品价格及全球散货航运指数(BDI)的变化。</li>
|
||
<li><strong class="text-green-400">微观层面:</strong> 核心受益公司的海外新签订单公告,特别是明确指向乌克兰的合同。</li>
|
||
</ul>
|
||
</div>
|
||
<div class="space-y-4">
|
||
<h3 class="text-2xl text-white font-semibold">最具投资价值细分方向排序</h3>
|
||
<div class="p-4 rounded-xl bg-cyan-900/50 border border-cyan-500">
|
||
<p class="font-bold text-lg text-cyan-300">1. 确定性最高 (先行环节): 排雷设备</p>
|
||
<p class="opacity-80">无论重建规模如何,排雷是第一步,需求刚性。相关公司如山河智能。</p>
|
||
</div>
|
||
<div class="p-4 rounded-xl bg-purple-900/50 border border-purple-500">
|
||
<p class="font-bold text-lg text-purple-300">2. 逻辑最顺畅 (存量恢复): 原材料供应商</p>
|
||
<p class="opacity-80">具备存量业务和渠道,局势稳定即可恢复并扩大销售。典型代表是濮耐股份。</p>
|
||
</div>
|
||
<div class="p-4 rounded-xl bg-green-900/50 border border-green-500">
|
||
<p class="font-bold text-lg text-green-300">3. 最具弹性 (核心受益): 有经验的EPC公司</p>
|
||
<p class="opacity-80">在乌克兰有过大型项目经验,未来招投标中最具优势,订单弹性最大。如中钢国际、新疆交建。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Table -->
|
||
<section class="glass p-8">
|
||
<h2 class="section-title text-glow">核心相关标的列表</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table w-full">
|
||
<thead>
|
||
<tr class="text-white text-base">
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑/关联原因</th>
|
||
<th>标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<!-- Data from provided JSON -->
|
||
<tr class="hover"><td>中钢国际</td><td><a href="https://valuefrontier.cn/company?scode=000928" target="_blank" class="link link-hover text-cyan-400">000928</a></td><td>在乌项目因战争暂缓,钢铁业务领域优势突出,曾建乌最大带式焙烧机球团项目。</td><td><div class="badge badge-primary">基础设施</div></td></tr>
|
||
<tr class="hover"><td>濮耐股份</td><td><a href="https://valuefrontier.cn/company?scode=002225" target="_blank" class="link link-hover text-cyan-400">002225</a></td><td>乌克兰是传统核心海外市场,战后钢厂、水泥厂重建将直接拉动耐火材料需求爆发。</td><td><div class="badge badge-secondary">设备/材料</div></td></tr>
|
||
<tr class="hover"><td>新疆交建</td><td><a href="https://valuefrontier.cn/company?scode=002941" target="_blank" class="link link-hover text-cyan-400">002941</a></td><td>曾参与乌克兰公路改造项目,证明其具备在当地承揽大型基建项目的资质和能力。</td><td><div class="badge badge-primary">基础设施</div></td></tr>
|
||
<tr class="hover"><td>山河智能</td><td><a href="https://valuefrontier.cn/company?scode=002097" target="_blank" class="link link-hover text-cyan-400">002097</a></td><td>军工产品包括无人排雷车,直接对应重建的“准备阶段”——排雷需求,是先行环节。</td><td><div class="badge badge-accent">排雷</div></td></tr>
|
||
<tr class="hover"><td>中材国际</td><td><a href="https://valuefrontier.cn/company?scode=600970" target="_blank" class="link link-hover text-cyan-400">600970</a></td><td>国际水泥工程龙头,曾承建乌克兰熟料水泥项目,在俄乌业务较小。</td><td><div class="badge badge-primary">基础设施</div></td></tr>
|
||
<tr class="hover"><td>中国电建</td><td><a href="https://valuefrontier.cn/company?scode=601669" target="_blank" class="link link-hover text-cyan-400">601669</a></td><td>曾经在乌克兰能源电力投资领域有较大投资(如尼古拉耶夫风电项目)。</td><td><div class="badge badge-info">电力/能源</div></td></tr>
|
||
<tr class="hover"><td>德业股份</td><td><a href="https://valuefrontier.cn/company?scode=605117" target="_blank" class="link link-hover text-cyan-400">605117</a></td><td>2024年业绩增长原因提及,乌克兰市场因地缘政治影响,用电刚需持续增长。</td><td><div class="badge badge-info">电力/能源</div></td></tr>
|
||
<tr class="hover"><td>山推股份</td><td><a href="https://valuefrontier.cn/company?scode=000680" target="_blank" class="link link-hover text-cyan-400">000680</a></td><td>公司在俄罗斯和乌克兰两国全系列产品均有销售。</td><td><div class="badge badge-secondary">设备</div></td></tr>
|
||
<tr class="hover"><td>贝肯能源</td><td><a href="https://valuefrontier.cn/company?scode=002828" target="_blank" class="link link-hover text-cyan-400">002828</a></td><td>24年乌克兰营收占比8.2%,将以轻资产模式继续深耕乌克兰市场。</td><td><div class="badge badge-secondary">设备</div></td></tr>
|
||
<tr class="hover"><td>徐工机械</td><td><a href="https://valuefrontier.cn/company?scode=000425" target="_blank" class="link link-hover text-cyan-400">000425</a></td><td>子公司消化吸收了扫雷机器人技术并进行国产化改进。</td><td><div class="badge badge-accent">排雷</div></td></tr>
|
||
<tr class="hover"><td>北方国际</td><td><a href="https://valuefrontier.cn/company?scode=000065" target="_blank" class="link link-hover text-cyan-400">000065</a></td><td>公司在乌克兰没有项目,仅进行过市场开发(纯概念炒作)。</td><td><div class="badge badge-primary">基础设施</div></td></tr>
|
||
<tr class="hover"><td>中工国际</td><td><a href="https://valuefrontier.cn/company?scode=002051" target="_blank" class="link link-hover text-cyan-400">002051</a></td><td>暂无在乌执行项目,曾签约乌克兰生物质发电厂项目。</td><td><div class="badge badge-primary">基础设施</div></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer class="text-center py-6 mt-12 border-t border-white/10">
|
||
<p class="text-sm opacity-60">北京价值前沿科技有限公司 AI投研agent:“价小前投研”</p>
|
||
<p class="text-xs opacity-50 mt-1">本报告由AI基于多源数据合成,旨在提供研究参考,不构成任何投资建议。投资有风险,决策需谨慎。</p>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
var chartDom = document.getElementById('reconstructionChart');
|
||
var myChart = echarts.init(chartDom, 'dark'); // Use 'dark' theme
|
||
var option;
|
||
|
||
// Data from RDNA3 Report: Housing 80.3B, Transport 73.7B, Energy 47.1B, Commerce & Industry 64B, Agriculture 55B
|
||
// The reports provided multiple sets of numbers. I'm using a mix for demonstration.
|
||
const chartData = [
|
||
{ value: 840, name: '住房' },
|
||
{ value: 780, name: '交通' },
|
||
{ value: 680, name: '能源' },
|
||
{ value: 640, name: '工商业' },
|
||
{ value: 550, name: '农业' },
|
||
{ value: 1750, name: '其他' } // Remainder to reach 5240
|
||
];
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
title: {
|
||
text: '乌克兰重建需求领域分布',
|
||
subtext: '单位:亿美元 (估算)',
|
||
left: 'center',
|
||
textStyle: { color: '#fff' },
|
||
subtextStyle: { color: '#aaa' }
|
||
},
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{a} <br/>{b} : {c}亿美元 ({d}%)'
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
top: 'center',
|
||
textStyle: { color: '#fff' }
|
||
},
|
||
series: [
|
||
{
|
||
name: '重建需求',
|
||
type: 'pie',
|
||
radius: ['40%', '70%'],
|
||
avoidLabelOverlap: false,
|
||
itemStyle: {
|
||
borderRadius: 10,
|
||
borderColor: 'rgba(255, 255, 255, 0.1)',
|
||
borderWidth: 2
|
||
},
|
||
label: {
|
||
show: false,
|
||
position: 'center'
|
||
},
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
fontSize: 30,
|
||
fontWeight: 'bold',
|
||
color: '#fff'
|
||
}
|
||
},
|
||
labelLine: {
|
||
show: false
|
||
},
|
||
data: chartData,
|
||
color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272']
|
||
}
|
||
]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
window.addEventListener('resize', myChart.resize);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |