Files
vf_react/public/htmls/量子计算.html
2025-12-05 13:29:18 +08:00

539 lines
32 KiB
HTML
Raw Permalink 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=Lexend:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Lexend', sans-serif;
background-color: #000213;
color: #e0e0e0;
overflow-x: hidden;
}
.glass-card {
background: rgba(10, 15, 38, 0.4);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(50, 60, 110, 0.5);
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(15, 20, 45, 0.6);
border: 1px solid rgba(80, 90, 150, 0.7);
box-shadow: 0 0 25px rgba(100, 120, 255, 0.1);
}
.glow-effect {
position: fixed;
border-radius: 50%;
pointer-events: none;
z-index: -1;
}
.glow-1 {
width: 800px;
height: 800px;
background: radial-gradient(circle, rgba(65, 88, 208, 0.15) 0%, rgba(65, 88, 208, 0) 70%);
top: -20%;
left: -15%;
animation: pulse-glow 15s infinite alternate;
}
.glow-2 {
width: 700px;
height: 700px;
background: radial-gradient(circle, rgba(168, 85, 247, 0.12) 0%, rgba(168, 85, 247, 0) 70%);
bottom: -30%;
right: -20%;
animation: pulse-glow 18s infinite alternate-reverse;
}
@keyframes pulse-glow {
from {
transform: scale(0.8) translate(50px, -50px);
opacity: 0.7;
}
to {
transform: scale(1.2) translate(-50px, 50px);
opacity: 1;
}
}
.bento-grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
@media (min-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(6, 1fr);
grid-auto-rows: minmax(100px, auto);
}
.bento-item-1 { grid-column: 1 / 4; grid-row: 1 / 3; }
.bento-item-2 { grid-column: 4 / 7; grid-row: 1 / 2; }
.bento-item-3 { grid-column: 4 / 7; grid-row: 2 / 3; }
.bento-item-4 { grid-column: 1 / 3; grid-row: 3 / 4; }
.bento-item-5 { grid-column: 3 / 5; grid-row: 3 / 4; }
.bento-item-6 { grid-column: 5 / 7; grid-row: 3 / 4; }
}
.section-title {
background: linear-gradient(90deg, #818cf8, #a78bfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 15px rgba(167, 139, 250, 0.3);
}
.table th, .table td {
border-color: rgba(50, 60, 110, 0.5) !important;
}
.table th {
background-color: rgba(15, 20, 45, 0.6) !important;
color: #c4b5fd;
}
.timeline {
position: relative;
padding-left: 2.5rem;
}
.timeline::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background-color: rgba(80, 90, 150, 0.5);
}
.timeline-item {
position: relative;
}
.timeline-item::before {
content: '';
position: absolute;
left: -2.5rem;
top: 0.5rem;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
background-color: #0d1128;
border: 3px solid #818cf8;
z-index: 10;
}
</style>
</head>
<body class="min-h-screen">
<div class="glow-effect glow-1"></div>
<div class="glow-effect glow-2"></div>
<div class="relative min-h-screen p-4 sm:p-6 lg:p-8">
<main class="container mx-auto max-w-7xl space-y-12">
<!-- Header -->
<header class="text-center py-12 space-y-4">
<h1 class="text-4xl md:text-6xl font-bold section-title tracking-tight">
深度行研:量子计算
</h1>
<p class="text-lg md:text-xl text-slate-300 max-w-3xl mx-auto">
由技术突破、国家战略与产业巨头布局三位一体驱动,正从科学验证迈向工程化与早期商业化的关键拐点。
</p>
<div class="pt-4 text-xs text-slate-500">
<p>北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现</p>
<p>本报告为AI合成数据投资需谨慎。</p>
</div>
</header>
<!-- 0. 概念事件引爆点 -->
<section x-data="{}" x-init="()=>{}" class="space-y-8">
<h2 class="text-3xl font-bold section-title">概念事件:奇点临近的进程</h2>
<div class="timeline space-y-12">
<div class="timeline-item">
<h3 class="text-xl font-semibold text-violet-300">2019年奠基阶段 - 量子优越性</h3>
<div class="glass-card rounded-2xl p-6 mt-4">
<p class="text-slate-300">谷歌宣布其53量子比特的“悬铃木”处理器实现“量子优越性”标志着量子计算从理论走向工程验证的关键一步。</p>
</div>
</div>
<div class="timeline-item">
<h3 class="text-xl font-semibold text-violet-300">2024年技术加速与国家战略化</h3>
<div class="glass-card rounded-2xl p-6 mt-4 space-y-4">
<p><strong><span class="text-cyan-300">谷歌拐点 (10-12月):</span></strong> 发布新型量子芯片Willow并宣布在量子纠错技术上取得重大突破首次实验验证增加物理比特可降低逻辑错误率攻克实用化核心障碍。</p>
<p><strong><span class="text-cyan-300">中国超越 (12月17日):</span></strong> “祖冲之三号”105量子比特原型机发布性能在特定任务上超越谷歌标志中国在超导量子计算赛道达国际领先。</p>
<p><strong><span class="text-cyan-300">英伟达转向 (3月20日):</span></strong> 设立首个“量子日”CEO黄仁勋观点转为“正接近拐点”发布量子-经典混合计算架构,其生态影响力为行业注入强心剂。</p>
</div>
</div>
<div class="timeline-item">
<h3 class="text-xl font-semibold text-violet-300">2025年至今产业化落地与资本化提速</h3>
<div class="glass-card rounded-2xl p-6 mt-4">
<p class="text-slate-300">商业订单涌现本源量子、国盾量子、玻色量子资本市场活跃本源量子启动IPO标志着量子计算正从科研采购走向行业应用。</p>
</div>
</div>
</div>
</section>
<!-- 1. 核心观点 -->
<section class="space-y-6">
<h2 class="text-3xl font-bold section-title">核心观点摘要</h2>
<div class="glass-card rounded-2xl p-8">
<p class="text-lg text-slate-200 leading-relaxed">
量子计算正处在从“0到1”的科学验证向“1到10”的工程化与早期商业化过渡的关键拐点。其核心驱动力已从单纯的学术探索演变为<span class="text-cyan-300 font-semibold">技术突破、国家战略竞争、产业巨头布局</span>三位一体的强力共振。未来潜力巨大,但短期内将以专用机、云服务和赋能特定行业(金融、生物医药)的形式率先落地,通用容错量子计算机的实现仍是长期目标。
</p>
</div>
</section>
<!-- 2. 核心逻辑与市场认知 -->
<section class="space-y-6">
<h2 class="text-3xl font-bold section-title">核心逻辑与市场认知分析</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<!-- 核心驱动力 -->
<div class="glass-card rounded-2xl p-6 space-y-4">
<h3 class="text-xl font-semibold text-violet-300">核心驱动力</h3>
<ul class="list-disc list-inside space-y-3 text-slate-300">
<li><strong class="text-white">技术突破确定性增强:</strong>谷歌在量子纠错(QEC)上的突破,证明了构建大规模可靠量子计算机的可行性,将问题从“是否可行”变为“何时实现”。</li>
<li><strong class="text-white">国家战略“军备竞赛”:</strong>中美均将量子计算置于战略高度,美国的出口管制倒逼中国在核心硬件上加速国产替代,而中国的政策支持提供了强大驱动力。</li>
<li><strong class="text-white">产业巨头生态背书:</strong>英伟达全面入局,定义了“量子-经典混合计算”为未来主流架构,为其商业化路径提供了清晰蓝图和市场信心。</li>
</ul>
</div>
<!-- 预期差分析 -->
<div class="glass-card rounded-2xl p-6 space-y-4">
<h3 class="text-xl font-semibold text-violet-300">预期差分析</h3>
<ul class="list-disc list-inside space-y-3 text-slate-300">
<li><strong class="text-white">“计算”vs“通信”混淆</strong>市场易混淆量子计算(矛)与量子通信/安全(盾),大量概念股纯度不高,核心标的稀缺。</li>
<li><strong class="text-white">宏大叙事 vs 工程现实:</strong>目前仍处NISQ阶段物理到逻辑比特开销高达1000:1距破解RSA等宏大目标遥远市场可能忽略巨大工程鸿沟。</li>
<li><strong class="text-white">技术路线之争被低估:</strong>市场聚焦超导路线,但离子阱、中性原子等路线也在快速发展,未来技术路径存在不确定性。</li>
</ul>
</div>
</div>
</section>
<!-- 全球技术突破与科研进展 -->
<section class="space-y-6">
<h2 class="text-3xl font-bold section-title">全球技术突破与科研进展</h2>
<div class="bento-grid">
<div class="bento-item-1 glass-card rounded-2xl p-6 flex flex-col justify-between">
<div>
<h3 class="text-lg font-semibold text-violet-300">中国“祖冲之三号”</h3>
<p class="mt-2 text-sm text-slate-300">105个量子比特性能超越谷歌“悬铃木”6个数量级标志着中国在超导量子计算的领先地位。国盾量子提供稀释制冷机和测控系统支持。</p>
</div>
<div class="text-right text-xs text-slate-400 mt-4">2024年12月17日</div>
</div>
<div class="bento-item-2 glass-card rounded-2xl p-6">
<h3 class="text-lg font-semibold text-violet-300">谷歌 Willow 芯片</h3>
<p class="mt-2 text-sm text-slate-300">破解近30年的量子纠错挑战证明增加物理比特可降低错误率为构建逻辑比特突破关键障碍。</p>
</div>
<div class="bento-item-3 glass-card rounded-2xl p-6">
<h3 class="text-lg font-semibold text-violet-300">D-Wave 量子退火</h3>
<p class="mt-2 text-sm text-slate-300">其退火量子计算机在解决复杂磁性材料模拟问题上,性能超越传统超算,展示了在特定问题上的巨大突破。</p>
</div>
<div class="bento-item-4 glass-card rounded-2xl p-6">
<h3 class="text-lg font-semibold text-violet-300">容错与纠错</h3>
<p class="mt-2 text-sm text-slate-300">亚马逊“猫量子比特”系统、IBM与AMD合作的QEC算法、瑞典团队新方法等均取得进展。</p>
</div>
<div class="bento-item-5 glass-card rounded-2xl p-6">
<h3 class="text-lg font-semibold text-violet-300">其他巨头芯片</h3>
<p class="mt-2 text-sm text-slate-300">亚马逊推出Ocelot芯片微软发布Majorana 1巨头们在硬件层面持续发力。</p>
</div>
<div class="bento-item-6 glass-card rounded-2xl p-6">
<h3 class="text-lg font-semibold text-violet-300">中国应用仿真</h3>
<p class="mt-2 text-sm text-slate-300">“本源悟空”计算机完成全球最大规模量子计算流体动力学仿真,展示应用潜力。</p>
</div>
</div>
</section>
<!-- 4. 市场规模预测 -->
<section class="space-y-6">
<h2 class="text-3xl font-bold section-title">市场规模与未来展望</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div class="glass-card rounded-2xl p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">全球量子计算市场规模预测</h3>
<div id="market-size-chart" class="w-full h-80"></div>
</div>
<div class="glass-card rounded-2xl p-6 space-y-4">
<h3 class="text-xl font-semibold text-violet-300">关键催化剂与发展路径</h3>
<div>
<h4 class="font-semibold text-white">近期催化剂 (未来3-6个月)</h4>
<ul class="list-disc list-inside text-sm text-slate-300 mt-2">
<li>头部公司IPO进程 (本源量子、国仪量子)</li>
<li>国家“十五五”规划细则出台</li>
<li>英伟达GTC大会等产业会议发布</li>
<li>标志性商业订单落地</li>
</ul>
</div>
<div>
<h4 class="font-semibold text-white">长期发展路径</h4>
<ul class="list-disc list-inside text-sm text-slate-300 mt-2 space-y-1">
<li><strong>当前-2027年:</strong> 硬件竞赛与云平台普及期</li>
<li><strong>2028-2030年:</strong> 专用领域“量子优势”商业化</li>
<li><strong>2030年以后:</strong> 通用容错量子计算时代</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 5. 产业链与核心公司 -->
<section class="space-y-8">
<h2 class="text-3xl font-bold section-title">产业链与核心公司深度剖析</h2>
<!-- 产业链图谱 -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-center">
<div class="glass-card rounded-2xl p-6">
<h3 class="text-xl font-semibold text-cyan-300">上游</h3>
<p class="text-slate-300 mt-2">核心原材料与设备 (高壁垒)</p>
<p class="mt-4 text-sm font-light text-slate-400">稀释制冷机、测控系统、低温线缆、约瑟夫森结等</p>
</div>
<div class="glass-card rounded-2xl p-6">
<h3 class="text-xl font-semibold text-violet-300">中游</h3>
<p class="text-slate-300 mt-2">整机制造与系统集成 (技术核心)</p>
<p class="mt-4 text-sm font-light text-slate-400">量子计算机整机、系统集成、云平台</p>
</div>
<div class="glass-card rounded-2xl p-6">
<h3 class="text-xl font-semibold text-fuchsia-300">下游</h3>
<p class="text-slate-300 mt-2">应用与服务 (场景驱动)</p>
<p class="mt-4 text-sm font-light text-slate-400">量子安全、金融、生物医药、AI算法研发等</p>
</div>
</div>
<!-- 核心玩家对比 -->
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6">
<div class="glass-card rounded-2xl p-6 space-y-3">
<h4 class="text-lg font-bold text-white">国盾量子 (688027)</h4>
<p class="text-sm font-semibold text-violet-300">当前领导者,生态布局最全</p>
<p class="text-xs text-slate-300">A股龙头产业链完整。引入中国电信解决商业化渠道和场景问题形成“云+网+芯”闭环。2025H1量子计算业务收入增长283%,基本面验证初步。</p>
</div>
<div class="glass-card rounded-2xl p-6 space-y-3">
<h4 class="text-lg font-bold text-white">本源量子 (拟IPO)</h4>
<p class="text-sm font-semibold text-violet-300">技术最专注的追赶者</p>
<p class="text-xs text-slate-300">国内超导路线领军产品迭代迅速。已实现整机销售7.5亿订单和核心部件出海商业化能力突出。IPO是其价值发现的重要催化剂。</p>
</div>
<div class="glass-card rounded-2xl p-6 space-y-3">
<h4 class="text-lg font-bold text-white">禾信仪器 (688622)</h4>
<p class="text-sm font-semibold text-violet-300">最纯粹的上游“卡脖子”标的</p>
<p class="text-xs text-slate-300">通过收购量羲技术切入产业链壁垒最高、价值量占比大15-20%)的稀释制冷机环节。逻辑清晰,直接受益于行业放量和国产替代。</p>
</div>
<div class="glass-card rounded-2xl p-6 space-y-3">
<h4 class="text-lg font-bold text-white">神州信息 (000555)</h4>
<p class="text-sm font-semibold text-violet-300">应用场景的协同者</p>
<p class="text-xs text-slate-300">核心逻辑偏向量子通信网络建设和量子安全应用,非量子计算本身。属下游应用环节,受益于生态发展,但非核心。</p>
</div>
</div>
</section>
<!-- 6. 潜在风险与挑战 -->
<section class="space-y-6">
<h2 class="text-3xl font-bold section-title">潜在风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="glass-card rounded-2xl p-6">
<h3 class="text-lg font-semibold text-red-400">技术风险</h3>
<ul class="list-disc list-inside mt-2 text-sm text-slate-300 space-y-1">
<li>量子纠错的工程化实现难度巨大。</li>
<li>技术路线尚未收敛,存在淘汰风险。</li>
</ul>
</div>
<div class="glass-card rounded-2xl p-6">
<h3 class="text-lg font-semibold text-yellow-400">商业化风险</h3>
<ul class="list-disc list-inside mt-2 text-sm text-slate-300 space-y-1">
<li>成本高昂,限制普及速度。</li>
<li>尚未出现驱动大规模采购的“杀手级应用”。</li>
</ul>
</div>
<div class="glass-card rounded-2xl p-6">
<h3 class="text-lg font-semibold text-blue-400">政策与竞争风险</h3>
<ul class="list-disc list-inside mt-2 text-sm text-slate-300 space-y-1">
<li>早期发展高度依赖政策支持。</li>
<li>国际技术封锁可能持续加码。</li>
</ul>
</div>
</div>
</section>
<!-- 7. 股票数据 -->
<section class="space-y-8">
<h2 class="text-3xl font-bold section-title">相关个股梳理</h2>
<!-- 涨幅异动分析 -->
<div class="glass-card rounded-2xl p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">近期涨幅异动分析</h3>
<div class="overflow-x-auto">
<table class="table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>异动日期</th>
<th>涨幅</th>
<th class="w-2/3">原因分析</th>
</tr>
</thead>
<tbody>
<tr class="hover:bg-gray-800/20">
<td><strong>国网信通 (600131)</strong></td>
<td>2025-10-09</td>
<td><span class="text-red-400 font-mono">5.61%</span></td>
<td class="text-xs">多重热点叠加量子通信诺奖催化、信创、AI应用。计算机板块整体向好市场风险偏好提升短线资金参与推动。</td>
</tr>
<tr class="hover:bg-gray-800/20">
<td><strong>电子城 (600658)</strong></td>
<td>2025-06-12</td>
<td><span class="text-red-400 font-mono">9.98%</span></td>
<td class="text-xs">核心原因是与玻色量子达成战略合作,切入量子计算赛道。同时,其数字经济和算力中心布局形成利好共振。</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 概念股列表 -->
<div class="glass-card rounded-2xl p-6">
<h3 class="text-xl font-semibold text-violet-300 mb-4">量子计算概念股列表</h3>
<div class="overflow-x-auto">
<table class="table table-zebra w-full text-sm">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th class="w-1/2">核心逻辑</th>
<th>产业链环节</th>
</tr>
</thead>
<tbody>
<!-- Data will be dynamically inserted here -->
</tbody>
</table>
</div>
</div>
</section>
</main>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// ECharts Market Size Chart
const chartDom = document.getElementById('market-size-chart');
const myChart = echarts.init(chartDom);
const option = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(10, 15, 38, 0.8)',
borderColor: 'rgba(80, 90, 150, 0.7)',
textStyle: { color: '#e0e0e0' },
formatter: function (params) {
let res = params[0].name + '<br/>';
params.forEach(item => {
res += item.marker + item.seriesName + ': ' + item.value + ' 亿美元<br/>';
});
return res;
}
},
legend: {
data: ['全球市场规模', '中国市场规模'],
textStyle: { color: '#c4b5fd' }
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2024', '2025', '2027', '2030', '2035'],
axisLine: { lineStyle: { color: 'rgba(80, 90, 150, 0.5)' } },
axisLabel: { color: '#a78bfa' }
},
yAxis: {
type: 'log',
name: '亿美元(对数)',
axisLine: { show: true, lineStyle: { color: 'rgba(80, 90, 150, 0.5)' } },
axisLabel: { color: '#a78bfa' },
splitLine: { lineStyle: { color: 'rgba(50, 60, 110, 0.3)' } },
nameTextStyle: { color: '#a78bfa' }
},
series: [
{
name: '全球市场规模',
type: 'line',
smooth: true,
symbol: 'circle',
itemStyle: { color: '#818cf8' },
lineStyle: {
width: 2,
shadowColor: 'rgba(129, 140, 248, 0.5)',
shadowBlur: 10
},
data: [null, null, 111.75, 2199.78, null]
},
{
name: '中国市场规模',
type: 'line',
smooth: true,
symbol: 'circle',
itemStyle: { color: '#f472b6' },
lineStyle: {
width: 2,
shadowColor: 'rgba(244, 114, 182, 0.5)',
shadowBlur: 10
},
data: [12.7, 16.5, null, null, 2382.1]
}
]
};
myChart.setOption(option);
// Stock Table Data
const stockData = [
// Merging and cleaning data from both sources
{ stock: "国盾量子", stock_code: "688027", reason: "量子通信与计算龙头,产品线涵盖核心设备与云平台,中电信入股打通商业化路径。",其他标签: "整机/平台/核心器件" },
{ stock: "禾信仪器", stock_code: "688622", reason: "拟收购量羲技术(量旋技术),切入稀释制冷机这一核心“卡脖子”环节。",其他标签: "上游核心设备" },
{ stock: "科大国创", stock_code: "300520", reason: "参股投资国仪量子,后者拥有国际领先的量子精密测量和离子阱量子计算技术。",其他标签: "参股/生态" },
{ stock: "德美化工", stock_code: "002054", reason: "参股本源量子,并成立量子计算生物化学行业应用生态联盟,深度绑定。",其他标签: "下游应用/生态" },
{ stock: "吉大正元", stock_code: "003029", reason: "实现抗量子签名算法,开发混合模式密钥及证书签发功能,布局后量子密码。",其他标签: "量子安全/加密" },
{ stock: "神州信息", stock_code: "000555", reason: "深入耕耘量子通信网络建设、运维服务和应用开发,参股科大国盾。",其他标签: "网络建设及系统集成" },
{ stock: "格尔软件", stock_code: "603232", reason: "投资设立上海泓格后量子科技,聚焦抗量子领域技术研究和产品研发。",其他标签: "量子安全/加密" },
{ stock: "光迅科技", stock_code: "002281", reason: "在量子信息光电子器件(如单光子源)的开发、生产和销售方面有所布局。",其他标签: "原材料及核心器件" },
{ stock: "中国长城", stock_code: "000066", reason: "与中国科学技术大学共建量子实验室,开展量子计算基础科研和量子芯片加工制备研究。",其他标签: "产学研合作" },
{ stock: "浙江东方", stock_code: "600120", reason: "持有浙江神州量子通信技术有限公司51%股权,从事量子通信业务。",其他标签: "网络运营及服务" },
{ stock: "亨通光电", stock_code: "600487", reason: "与中国联通签订战略合作,开展基于量子通信领域的网络技术研究、示范和应用。",其他标签: "网络建设及系统集成" },
{ stock: "复旦复华", reason: "与本源量子合作,携手开拓超导量子计算机应用市场。",其他标签: "下游应用/生态" },
{ stock: "东方中科", stock_code: "002819", reason: "与国仪量子签约合作,在其仪器平台开辟以量子测量为核心的新领域。",其他标签: "生态合作" },
{ stock: "迪普科技", stock_code: "300768", reason: "持续探索量子技术在网络安全方面的应用,为量子通信提供安全保障。",其他标签: "量子安全" },
{ stock: "科华数据", stock_code: "002335", reason: "与科大国盾合作,共同拓展量子通信技术的应用。",其他标签: "网络运营及服务" },
{ stock: "电科网安", stock_code: "002268", reason: "持续开展量子保密通信技术研发,已应用于量子密话业务领域。",其他标签: "量子安全" },
{ stock: "华工科技", stock_code: "000988", reason: "属于量子计算产业链的'原材料及核心器件'环节。",其他标签: "原材料及核心器件" }
];
const tableBody = document.querySelector('.table.table-zebra tbody');
stockData.forEach(item => {
const row = document.createElement('tr');
row.className = 'hover:bg-gray-800/20';
let codeHtml = item.stock_code
? `<a href="https://valuefrontier.cn/company?scode=${item.stock_code}" target="_blank" class="link link-hover text-indigo-300">${item.stock_code}</a>`
: 'N/A';
row.innerHTML = `
<td><strong>${item.stock}</strong></td>
<td>${codeHtml}</td>
<td>${item.reason}</td>
<td><span class="badge badge-outline badge-primary text-xs">${item.其他标签}</span></td>
`;
tableBody.appendChild(row);
});
});
</script>
</body>
</html>