Files
vf_react/public/htmls/树图链概念.html
2025-12-05 13:29:18 +08:00

453 lines
34 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.

<!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.1/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>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Inter', 'Noto Sans SC', sans-serif;
background-color: #0c0a09; /* Near black */
color: #e2e8f0; /* Slate 200 */
overflow-x: hidden;
position: relative;
}
.glass-card {
background: rgba(15, 23, 42, 0.3); /* Slate 900 with 30% opacity */
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 24px */
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
}
.gradient-glow {
position: absolute;
pointer-events: none;
z-index: -1;
filter: blur(150px);
opacity: 0.25;
}
.glow-1 {
top: -20%;
left: -10%;
width: 700px;
height: 700px;
background: radial-gradient(circle, rgba(29, 78, 216, 1) 0%, rgba(30, 64, 175, 0) 70%);
}
.glow-2 {
bottom: -30%;
right: -20%;
width: 800px;
height: 800px;
background: radial-gradient(circle, rgba(147, 51, 234, 1) 0%, rgba(126, 34, 206, 0) 70%);
}
.glow-3 {
top: 20%;
right: 0%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(74, 222, 128, 1) 0%, rgba(22, 163, 74, 0) 70%);
opacity: 0.15;
}
h1, h2, h3 {
text-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
}
.bento-grid {
display: grid;
gap: 1.5rem;
}
.table thead th, .table tbody td {
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.table-zebra tbody tr:nth-child(even) td {
background-color: rgba(255, 255, 255, 0.02);
}
.collapse-title, .accordion-title {
font-weight: 600;
}
</style>
</head>
<body class="min-h-screen">
<div class="gradient-glow glow-1"></div>
<div class="gradient-glow glow-2"></div>
<div class="gradient-glow glow-3"></div>
<main class="relative z-10 p-4 md:p-8 lg:p-12 max-w-7xl mx-auto">
<header class="text-center mb-12 md:mb-20">
<h1 class="text-4xl md:text-6xl font-bold tracking-tighter bg-clip-text text-transparent bg-gradient-to-br from-white to-slate-400 pb-2">
深度行研报告:树图链概念
</h1>
<p class="text-slate-400 mt-4 text-sm md:text-base">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 呈现
</p>
<p class="text-xs text-slate-500 mt-2">本报告为AI合成数据投资需谨慎。</p>
</header>
<!-- Section: Concept Clarification -->
<section class="mb-12">
<div class="glass-card p-6 md:p-8">
<h2 class="text-2xl font-bold text-cyan-300 mb-4 tracking-wide">核心概念辨析:树图链 vs 宇树链</h2>
<div class="grid md:grid-cols-2 gap-6 text-slate-300">
<div>
<h3 class="font-semibold text-lg text-white mb-2">1. 树图链 (Shùtú Liàn)</h3>
<p class="leading-relaxed">
一个<strong class="text-green-400">区块链技术</strong>概念。核心指代由上海树图区块链研究院主导的 <strong class="text-green-400">Conflux 树图</strong>高性能公链技术及其相关生态系统。其应用方向聚焦于 Web3.0、数字资产NFT/RWA、稳定币、金融应用和政务等领域是我国自主可控公链技术的重要代表。
</p>
</div>
<div>
<h3 class="font-semibold text-lg text-white mb-2">2. 宇树链 (Yǔshù Liàn)</h3>
<p class="leading-relaxed">
一个<strong class="text-amber-400">产业供应链</strong>概念。指围绕杭州宇树科技 (Unitree) 公司形成的<strong class="text-amber-400">机器人产业链和生态链</strong>。它与区块链技术无关,主要涵盖为宇树科技提供核心零部件(如减速器、电机、轴承)的供应商和合作伙伴。
</p>
</div>
</div>
<div class="mt-6 p-4 border border-amber-500/30 bg-amber-900/20 rounded-lg text-sm text-amber-300">
<strong>关键洞察:</strong>市场在同一时期对这两个概念均表现出高度关注,发音相似导致部分投资者混淆。本报告的分析核心聚焦于前者——具备技术自主可控叙事的“树图链”(区块链)。
</div>
</div>
</section>
<!-- Section: Bento Grid for Key Insights -->
<section class="bento-grid grid-cols-1 lg:grid-cols-3 mb-12">
<div class="glass-card p-6 md:p-8 lg:col-span-2">
<h2 class="text-2xl font-bold text-purple-300 mb-4 tracking-wide">核心观点摘要</h2>
<p class="text-slate-300 leading-relaxed">
“树图链概念”是基于<strong class="text-white">中国自主可控的高性能公链技术 (Conflux 3.0)</strong>,在 Web3.0 应用预期 (特别是BSIM卡和稳定币/RWA) 和宏观政策东风下形成的早期主题投资阶段。其核心驱动力是<strong class="text-cyan-300">“技术自主可控 + 应用场景破冰”</strong>的双重叙事。当前,概念仍处于<strong class="text-amber-300">市场认知构建和主题炒作期</strong>,尚未进入由基本面驱动的阶段,其未来潜力高度依赖于核心技术能否兑现性能承诺,以及应用场景能否成功商业化落地。
</p>
</div>
<div class="glass-card p-6 md:p-8">
<h2 class="text-2xl font-bold text-green-300 mb-4 tracking-wide">核心驱动力</h2>
<ul class="space-y-3 text-slate-300">
<li><strong>技术突破与自主可控:</strong>Conflux 3.0公链国际第一梯队15000 TPS目标原生支持AI。</li>
<li><strong>Web3.0入口具象化:</strong>BSIM卡 (区块链SIM卡) 提供了清晰的硬件入口叙事。</li>
<li><strong>金融应用破局预期:</strong>稳定币与RWA (现实世界资产) 叙事,符合“脱虚向实”的监管方向。</li>
</ul>
</div>
<div class="glass-card p-6 md:p-8 lg:col-span-3">
<h2 class="text-2xl font-bold text-red-400 mb-4 tracking-wide">核心风险与预期差</h2>
<div class="grid md:grid-cols-2 gap-6 text-slate-300">
<div>
<h3 class="font-semibold text-lg text-white mb-2">预期差:叙事宏大 vs 进展早期</h3>
<p>市场热议万亿级蓝图,但相关公司合作多停留在“战略合作”等早期阶段。最关键的<strong class="text-red-400">“路演信息缺失”</strong>风险:被列为核心关联方的公司,在其路演中几乎<strong class="text-red-400">从未主动、详细地讨论过与树图链的合作</strong>。这表明市场热度与公司实际战略重心之间可能存在巨大鸿沟。</p>
</div>
<div>
<h3 class="font-semibold text-lg text-white mb-2">其他关键风险</h3>
<ul class="list-disc list-inside space-y-2">
<li><strong>概念混淆风险:</strong>“树图链”与“宇树链”的信息噪音干扰投资决策。</li>
<li><strong>技术与商业化风险:</strong>Conflux 3.0性能待验证BSIM卡、RWA商业模式尚未成熟。</li>
<li><strong>政策不确定性:</strong>国内对公链及相关金融应用的监管政策是最大变量。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Section: Catalyst Timeline -->
<section class="mb-12">
<div class="glass-card p-6 md:p-8">
<h2 class="text-2xl font-bold text-sky-300 mb-6 tracking-wide">概念发酵:关键事件与催化时间轴</h2>
<ul class="timeline timeline-snap-icon max-md:timeline-compact timeline-vertical">
<li>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2025-07-18 ~ 20</time>
<div class="text-lg font-black text-white">技术催化</div>
Conflux树图技术与生态发展大会在上海举行宣布即将发布Conflux树图公链3.0性能大幅提升并原生支持AI为市场提供强大技术想象空间。
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end mb-10">
<time class="font-mono italic">2025-07-19</time>
<div class="text-lg font-black text-white">金融应用催化</div>
新闻提及东方明珠参股公司将与AnchorX树图研究院签署稳定币战略合作协议标志着树图链在稳定币和RWA赛道的关键进展。
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-start md:text-end mb-10">
<time class="font-mono italic">2025-07-25</time>
<div class="text-lg font-black text-white">宏观背景催化</div>
新闻报道京东旗下公司计划在公链发行港元稳定币虽无直接关联但极大提振了整个区块链和Web3.0板块的市场情绪。
</div>
<hr/>
</li>
<li>
<hr/>
<div class="timeline-middle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd" /></svg>
</div>
<div class="timeline-end mb-10">
<time class="font-mono italic">2025-08 ~ 09</time>
<div class="text-lg font-black text-white">概念深化扩散</div>
挖金客、康众医疗等公司因与树图链在RWA项目上达成合作的传闻而股价异动表明概念从基础设施向具体应用场景RWA扩散。
</div>
</li>
</ul>
</div>
</section>
<!-- Section: Industry Chain & ECharts -->
<section class="mb-12">
<div class="glass-card p-6 md:p-8">
<h2 class="text-2xl font-bold text-fuchsia-400 mb-2 tracking-wide">产业链生态图谱</h2>
<p class="text-slate-400 mb-6">树图链生态可分为技术基础设施、平台应用和硬件入口三大层级。</p>
<div class="grid lg:grid-cols-5 gap-6">
<div id="echarts-ecosystem" class="w-full h-[500px] lg:col-span-3"></div>
<div class="lg:col-span-2 text-slate-300 flex flex-col justify-center space-y-4">
<div>
<h3 class="font-semibold text-lg text-white mb-1">上游:技术基础设施</h3>
<p class="text-sm">核心是<strong class="text-cyan-400">上海树图区块链研究院</strong>作为Conflux公链的技术策源地。</p>
</div>
<div>
<h3 class="font-semibold text-lg text-white mb-1">中游:平台与应用</h3>
<p class="text-sm">涵盖政务应用 (<strong class="text-green-400">科创信息</strong>)、数字资产 (<strong class="text-green-400">元隆雅图, 恺英网络</strong>)、金融科技 (<strong class="text-green-400">东方明珠</strong>) 和数据要素 (<strong class="text-green-400">安妮股份</strong>) 等。</p>
</div>
<div>
<h3 class="font-semibold text-lg text-white mb-1">下游:硬件入口与终端</h3>
<p class="text-sm">以BSIM硬件为核心代表公司为<strong class="text-amber-400">东信和平</strong>以及其他eSIM相关技术储备公司。</p>
</div>
<div>
<h3 class="font-semibold text-lg text-white mb-1">投资启示</h3>
<p class="text-sm">最具投资价值的细分环节是<strong class="text-amber-400">硬件入口(BSIM)</strong>,逻辑最清晰;以及与树图链<strong class="text-cyan-400">深度绑定的合作方</strong>,逻辑最纯粹。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Section: Rise Analysis -->
<section class="mb-12">
<div class="glass-card p-6 md:p-8">
<h2 class="text-2xl font-bold text-rose-400 mb-6 tracking-wide">相关个股异动分析</h2>
<div class="space-y-4">
<div class="collapse collapse-plus bg-slate-900/50 border border-white/10 rounded-xl">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium text-white">
挖金客 (301380) - <span class="text-sm font-normal text-slate-300">RWA项目合作传闻驱动</span>
</div>
<div class="collapse-content">
<p class="text-slate-300"><strong>核心催化:</strong>市场传闻未经证实公司与树图链合作推进RWA项目旨在将不动产、知识产权等现实资产通证化。RWA作为区块链前沿热点直接刺激股价。</p>
<p class="text-slate-300 mt-2"><strong>市场行为:</strong>该股流通盘小,易于资金拉升。龙虎榜显示游资介入明显,换手率高,且在大盘调整时逆市走强,吸引了大量跟风资金。</p>
</div>
</div>
<div class="collapse collapse-plus bg-slate-900/50 border border-white/10 rounded-xl">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium text-white">
康众医疗 (688607) - <span class="text-sm font-normal text-slate-300">基层医疗资产RWA合作落地</span>
</div>
<div class="collapse-content">
<p class="text-slate-300"><strong>核心催化:</strong>公司旗下子公司与香港星太链集团及树图区块链达成基层医疗资产RWA融资合作逻辑清晰且已落地为公司基层医疗业务注入稳定现金流预期。</p>
<p class="text-slate-300 mt-2"><strong>资金面:</strong>融资余额创历史新高,显示杠杆资金看好。同时,医疗器械行业集采压力缓解,板块估值修复,公司受益于行业回暖。</p>
</div>
</div>
<div class="collapse collapse-plus bg-slate-900/50 border border-white/10 rounded-xl">
<input type="radio" name="rise-accordion" />
<div class="collapse-title text-xl font-medium text-white">
兴图新科 / 四维图新 / 图南股份等 - <span class="text-sm font-normal text-slate-300">行业热点及概念延伸</span>
</div>
<div class="collapse-content">
<p class="text-slate-300">这些个股的上涨更多是受到相关行业热点如机器人、AI、智能驾驶、军工新材料的带动或市场对其业务与前沿科技如量子指挥、数据资产的联想。它们与“树图链”本身无直接业务关联其股价波动反映了市场情绪的扩散和对“新质生产力”相关概念的追捧。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Section: Stock Table -->
<section class="mb-12">
<div class="glass-card p-0 md:p-2">
<h2 class="text-2xl font-bold text-lime-300 tracking-wide text-center pt-8 pb-4">核心关联标的一览</h2>
<div class="overflow-x-auto p-4 md:p-6">
<table class="table table-zebra w-full">
<thead>
<tr>
<th class="text-white">股票名称</th>
<th class="text-white">股票代码</th>
<th class="text-white w-2/5">核心逻辑</th>
<th class="text-white">分类标签</th>
<th class="text-white">消息来源</th>
</tr>
</thead>
<tbody id="stock-table-body" class="text-slate-300">
<!-- Stock data will be injected here by JavaScript -->
</tbody>
</table>
</div>
</div>
</section>
</main>
<script>
document.addEventListener('DOMContentLoaded', function () {
const stockData = {
"树图链概念(250721)": [
{"stock": "东信和平", "reason": "公司与中国电信研究院和上海树图研究院共同研发生产的具备区块链账户管理功能的手机SIM卡(BSIM)及相关产品可作为Web3.0入口,为用户提供安全便捷的身份认证、访问控制、数据保护的服务能力", "其他标签": {"分类": "树图链", "消息来源": "互动"}, "stock_code": "002017"},
{"stock": "元隆雅图", "reason": "元隆宇宙于1月4日首发“神兽和五常”NFT数字藏品该数字藏品联合数字绘画艺术家刘明推出由树图区块链提供技术支持并在树图淘派平台首发", "其他标签": {"分类": "树图链", "消息来源": "互动"}, "stock_code": "002878"},
{"stock": "东方明珠", "reason": "参股公司跨境数科(通过参股上海信投21.33%)将与AnchorX树图研究院三方将在7月19号签署稳定币战略合作协议", "其他标签": {"分类": "树图链", "消息来源": "公开资料"}, "stock_code": "600637"},
{"stock": "恺英网络", "reason": "旗下数字资产平台拾元立方与上海树图区块链研究院达成战略合作,共同探索区块链技术在数字资产领域的深度应用", "其他标签": {"分类": "树图链", "消息来源": "公开资料"}, "stock_code": "002517"},
{"stock": "澄天伟业", "reason": "随着eSIM卡的大量普及,公司可以对客户提供ESIM核心的数据处理、数据写入、个性化处理服务,满足数据个性化的市场需求", "其他标签": {"分类": "BSIM"}, "stock_code": "300689"},
{"stock": "新恒汇", "reason": "公司的物联网eSIM芯片封装主要是面向物联网身份识别芯片,下游的应用领域主要是可穿戴设备、物联网消费电子、工业物联网等领域。", "其他标签": {"分类": "BSIM"}, "stock_code": "301678"},
{"stock": "楚天龙", "reason": "公司的嵌入式安全产品主要为智能卡、SE安全单元、eSIM等多种形态或介质,在通信、金融支付、社保、交通等诸多领域得以广泛应用", "其他标签": {"分类": "BSIM", "消息来源": "互动"}, "stock_code": "003040"},
{"stock": "恒宝股份", "reason": "公司与三大运营商一直保持着长期稳定的良好合作关系,并为其提供优质的产品及综合解决方案服务,主要包括移动支付解决方案、ESIM系统解决方案、智能物联网通信解决方案等等,公司物联网连接解决方案通过", "其他标签": {"分类": "BSIM"}, "stock_code": "002104"},
{"stock": "德生科技", "reason": "公司参与发行三代卡的城市超过160个,社保卡作为重要载体,未来或与树图链、BSIM卡在民生服务领域融合", "其他标签": {"分类": "BSIM"}, "stock_code": "002908"},
{"stock": "新大陆", "reason": "截止2024年1月末,累计为近1.5万家收单商户开通数字人民币服务;在BSIM卡相关技术、产品及应用场景方面有储备和探索,有望切入树图链硬件生态", "其他标签": {"分类": "BSIM", "消息来源": "公开资料"}}
],
"树图链概念(250814)": [
{"stock": "东信和平", "reason": "硬件入口公司与中国电信研究院和上海树图研究院共同研发生产的具备区块链账户管理功能的手机SIM卡BSIM及相关产品可作为Web3.0入口,为用户提供安全便捷的身份认证、访问控制、数据保护的服务能力", "其他标签": {"分类": "树图链", "消息来源": "互动"}, "stock_code": "002017"},
{"stock": "新恒汇", "reason": "硬件入口公司的物联网eSIM芯片封装主要是面向物联网身份识别芯片下游的应用领域主要是可穿戴设备、物联网消费电子、工业物联网等领域", "其他标签": {"分类": "树图链", "消息来源": "互动"}, "stock_code": "301678"},
{"stock": "元隆雅图", "reason": "文化数字化元隆宇宙于1月4日首发“神兽和五常”NFT数字藏品该数字藏品联合数字绘画艺术家刘明推出由树图区块链提供技术支持并在树图淘派平台首发", "其他标签": {"分类": "树图链", "消息来源": "互动"}, "stock_code": "002878"},
{"stock": "科创信息", "reason": "政务区块链公司与湖南湘江树图实控人杨光为树图区块链首席技术官投资设立了湖南树图科创信息技术有限公司公司持股49%", "其他标签": {"分类": "树图链", "消息来源": "公开资料"}, "stock_code": "300730"},
{"stock": "风语筑", "reason": "数字资产21年12月22日子公司星图比特联合树图研究院举办“NFT数字资产的合规发展与应用”论坛", "其他标签": {"分类": "树图链", "消息来源": "公开资料"}, "stock_code": "603466"},
{"stock": "东方明珠", "reason": "金融应用,参股公司跨境数科(通过参股上海信投21.33%与AnchorX 树图研究院三方将在7月19号签署稳定币战略合作协议", "其他标签": {"分类": "树图链", "消息来源": "公开资料"}, "stock_code": "600637"},
{"stock": "恺英网络", "reason": "旗下数字资产平台拾元立方与上海树图区块链研究院达成战略合作,共同探索区块链技术在数字资产领域的深度应用", "其他标签": {"分类": "树图链", "消息来源": "公开资料"}, "stock_code": "002517"},
{"stock": "浙文互联", "reason": "数字营销与浙文互联战略合作打造一流数字资产交易平台2025年“数智通”系统上线后文化数据资产跨境交易额同比提升40%", "其他标签": {"分类": "树图链", "消息来源": "机构研报"}, "stock_code": "600986"},
{"stock": "安妮股份", "reason": "版权确权累计完成超2000万件版权数据上链构建从创作到交易的全生命周期管理系统", "其他标签": {"分类": "树图链", "消息来源": "公开资料"}, "stock_code": "002235"},
{"stock": "拓尔思", "reason": "数据价值挖掘以NLP技术提取非结构化数据价值为RDA资产生成提供技术支撑参与数据处理与分析环节赋能金融、政务等领域的RDA场景应用", "其他标签": {"分类": "树图链", "消息来源": "公开资料"}, "stock_code": "300229"},
{"stock": "云赛智联", "reason": "政务数据运营商,上海国资委旗下唯一的数据中心运营商,相继完成了上海市多个电子政务云平台和大数据中心项目建设", "其他标签": {"分类": "树图链", "消息来源": "公开资料"}, "stock_code": "600602"},
{"stock": "广电运通", "reason": "数据交易基础设施商与广州交易集团共同设立广州数据交易公司截至目前累计交易额超30亿元", "其他标签": {"分类": "树图链", "消息来源": "公开资料"}, "stock_code": "002152"},
{"stock": "澄天伟业", "reason": "随着eSIM卡的大量普及公司可以对客户提供ESIM核心的数据处理、数据写入、个性化处理服务满足数据个性化的市场需求", "其他标签": {"分类": "应用场景", "消息来源": "互动"}, "stock_code": "300689"},
{"stock": "四方精创", "reason": "公司FINNOSafe合规Web3平台可支持各类代币化发行、交易以及托管等包括锚定各种法币的稳定币和不同计价货币的RWA现实世界资产", "其他标签": {"分类": "应用场景", "消息来源": "互动"}, "stock_code": "300468"},
{"stock": "京北方", "reason": "公司拥有数字货币业务系统建设能力和案例,参与了数字人民币、数字澳门元的系统建设,正在与多家机构探索相关产品在稳定币领域的推广应用", "其他标签": {"分类": "应用场景", "消息来源": "互动"}, "stock_code": "002987"},
{"stock": "楚天龙", "reason": "公司的嵌入式安全产品主要为智能卡、SE安全单元、eSIM等多种形态或介质在通信、金融支付、社保、交通等诸多领域得以广泛应用", "其他标签": {"分类": "应用场景", "消息来源": "互动"}, "stock_code": "003040"},
{"stock": "恒宝股份", "reason": "公司与三大运营商一直保持着长期稳定的良好合作关系并为其提供优质的产品及综合解决方案服务主要包括移动支付解决方案、ESIM系统解决方案、智能物联网通信解决方案等等公司物联网连接解决方案通过M2M、eSIM配套连接管理后台可以协助客户实现蜂窝网络的快速接入", "其他标签": {"分类": "应用场景", "消息来源": "互动"}, "stock_code": "002104"}
]
};
const mergedStocks = {};
Object.values(stockData).flat().forEach(stock => {
if (!mergedStocks[stock.stock_code] || (stock.reason.length > mergedStocks[stock.stock_code].reason.length)) {
mergedStocks[stock.stock_code] = stock;
}
});
const sortedStocks = Object.values(mergedStocks).sort((a,b) => {
const categoryOrder = { '树图链': 1, 'BSIM': 2, '应用场景': 3 };
const aOrder = categoryOrder[a.其他标签.分类] || 99;
const bOrder = categoryOrder[b.其他标签.分类] || 99;
return aOrder - bOrder;
});
const tableBody = document.getElementById('stock-table-body');
sortedStocks.forEach(stock => {
const code = stock.stock_code || 'N/A';
const link = code !== 'N/A' ? `https://valuefrontier.cn/company?scode=${code}` : '#';
const target = code !== 'N/A' ? `target="_blank"` : '';
const classification = stock.其他标签.分类 || 'N/A';
const source = stock.其他标签.消息来源 || '公开资料';
const row = `
<tr>
<td class="font-semibold text-white">${stock.stock}</td>
<td><a href="${link}" ${target} class="text-sky-400 hover:text-sky-300 transition-colors">${code}</a></td>
<td class="text-sm">${stock.reason}</td>
<td><span class="badge badge-outline badge-info">${classification}</span></td>
<td>${source}</td>
</tr>
`;
tableBody.innerHTML += row;
});
// ECharts Initialization
var chartDom = document.getElementById('echarts-ecosystem');
var myChart = echarts.init(chartDom);
var option;
const graphData = {
nodes: [
{ id: '0', name: '树图链生态核心', symbolSize: 80, category: 0, label: { color: '#fff', fontSize: 16 } },
{ id: '1', name: '技术基础设施', symbolSize: 60, category: 1 },
{ id: '2', name: '平台与应用', symbolSize: 60, category: 2 },
{ id: '3', name: '硬件入口', symbolSize: 60, category: 3 },
{ id: '1-1', name: '上海树图研究院', symbolSize: 40, category: 1 },
{ id: '2-1', name: '科创信息\n(政务)', symbolSize: 40, category: 2 },
{ id: '2-2', name: '元隆雅图\n(数字资产)', symbolSize: 40, category: 2 },
{ id: '2-3', name: '东方明珠\n(金融)', symbolSize: 40, category: 2 },
{ id: '2-4', name: '安妮股份\n(版权)', symbolSize: 40, category: 2 },
{ id: '3-1', name: '东信和平\n(BSIM)', symbolSize: 40, category: 3 },
{ id: '3-2', name: '楚天龙\n(eSIM)', symbolSize: 30, category: 3 },
{ id: '3-3', name: '新恒汇\n(eSIM)', symbolSize: 30, category: 3 }
],
links: [
{ source: '0', target: '1' }, { source: '0', target: '2' }, { source: '0', target: '3' },
{ source: '1', target: '1-1' },
{ source: '2', target: '2-1' }, { source: '2', target: '2-2' }, { source: '2', target: '2-3' }, { source: '2', target: '2-4' },
{ source: '3', target: '3-1' }, { source: '3', target: '3-2' }, { source: '3', target: '3-3' }
],
categories: [
{ name: '核心', itemStyle: { color: '#a855f7' } },
{ name: '技术', itemStyle: { color: '#22d3ee' } },
{ name: '应用', itemStyle: { color: '#4ade80' } },
{ name: '硬件', itemStyle: { color: '#facc15' } }
]
};
option = {
tooltip: {},
legend: [{
data: graphData.categories.map(a => a.name),
textStyle: { color: '#e2e8f0' }
}],
series: [{
type: 'graph',
layout: 'force',
data: graphData.nodes,
links: graphData.links,
categories: graphData.categories,
roam: true,
label: {
show: true,
position: 'right',
formatter: '{b}',
color: '#e2e8f0'
},
lineStyle: {
color: 'source',
curveness: 0.1
},
emphasis: {
focus: 'adjacency',
lineStyle: {
width: 10
}
},
force: {
repulsion: 200,
edgeLength: [80, 120]
}
}]
};
myChart.setOption(option);
window.addEventListener('resize', myChart.resize);
});
</script>
</body>
</html>