Files
vf_react/public/htmls/数据要素.html
2025-10-11 16:16:02 +08:00

631 lines
42 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">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="apple-touch-icon" sizes="76x76" href="../../static/assets/img/apple-icon.png">
<link rel="icon" type="image/png" href="../../static/assets/img/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Nucleo Icons -->
<link href="../../static/assets/css/nucleo-icons.css" rel="stylesheet" />
<link href="../../static/assets/css/nucleo-svg.css" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<!-- CSS Files -->
<link id="pagestyle" href="../../static/assets/css/soft-design-system-pro.css?v=1.2.0" rel="stylesheet" />
<script src="../../static/assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/perfect-scrollbar.min.js"></script>
<script src="../../static/assets/js/plugins/typedjs.js"></script>
<script src="../../static/assets/js/plugins/parallax.min.js"></script>
<script src="../../static/assets/js/plugins/smooth-scroll.min.js"></script>
<script src="../../static/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/glidejs.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/anime.min.js" type="text/javascript"></script>
<script src="../../static/assets/js/plugins/chartjs.min.js"></script>
<script src="../../static/assets/js/soft-design-system-pro.min.js?v=1.2.0" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
/* 自定义样式 */
.timeline-item {
position: relative;
padding-left: 30px;
padding-bottom: 20px;
}
.timeline-item::before {
content: '';
position: absolute;
left: 0;
top: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #3b82f6;
}
.timeline-item::after {
content: '';
position: absolute;
left: 5px;
top: 17px;
width: 2px;
height: calc(100% - 5px);
background-color: #e5e7eb;
}
.timeline-item:last-child::after {
display: none;
}
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.data-card {
transition: all 0.3s ease;
}
.data-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.section-title {
position: relative;
padding-bottom: 15px;
margin-bottom: 30px;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 3px;
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
}
</style>
</head>
<body class="bg-gray-50">
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 relative z-10">
<!-- 标题区域 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">数据要素行业深度分析</h1>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">从政策驱动到商业化落地,数据要素市场迎来爆发拐点</p>
</div>
<!-- 概念事件时间轴 -->
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 data-card">
<h2 class="text-2xl font-bold text-gray-800 mb-6 section-title">概念事件(时间轴+催化)</h2>
<div class="space-y-4">
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-32">2022-12</span>
<span class="font-bold text-gray-800 md:w-48">"数据二十条"</span>
<p class="text-gray-600 mt-1 md:mt-0 md:ml-4">国务院首次提出"数据资源持有权、加工使用权、经营权"三权分置,奠定数据要素市场化制度框架。</p>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-32">2023-03</span>
<span class="font-bold text-gray-800 md:w-48">国家数据局成立</span>
<p class="text-gray-600 mt-1 md:mt-0 md:ml-4">统筹数据要素市场建设,解决"九龙治水"问题,标志产业进入顶层设计阶段。</p>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-32">2023-08</span>
<span class="font-bold text-gray-800 md:w-48">数据资产入表试点</span>
<p class="text-gray-600 mt-1 md:mt-0 md:ml-4">财政部明确企业数据资源可计入"无形资产/存货"<strong>2024年起全面落地</strong>,推动数据资产货币化。</p>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-32">2024-01</span>
<span class="font-bold text-gray-800 md:w-48">"数据要素×"行动计划</span>
<p class="text-gray-600 mt-1 md:mt-0 md:ml-4">国家数据局提出2026年打造<strong>300+典型应用场景</strong>覆盖金融、医疗、交通等12大领域目标市场规模<strong>2000亿元</strong></p>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-32">2024-10</span>
<span class="font-bold text-gray-800 md:w-48">公共数据授权运营加速</span>
<p class="text-gray-600 mt-1 md:mt-0 md:ml-4">国务院发文推动政务数据有偿使用,<strong>广州/北京/上海</strong>等地试点"数据财政",医保、交通数据率先商业化。</p>
</div>
</div>
<div class="timeline-item">
<div class="flex flex-col md:flex-row md:items-center">
<span class="font-bold text-blue-600 md:w-32">2025-02</span>
<span class="font-bold text-gray-800 md:w-48">国家数据集团筹建</span>
<p class="text-gray-600 mt-1 md:mt-0 md:ml-4">国资委拟组建央企级"国家数据集团",整合全国公共数据资源,<strong>万亿级市场启动在即</strong></p>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="bg-gradient-to-r from-blue-500 to-purple-600 rounded-xl shadow-lg p-6 mb-8 text-white">
<h2 class="text-2xl font-bold mb-6 section-title">核心观点摘要</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-lg p-4">
<h3 class="font-bold text-lg mb-2">阶段判断</h3>
<p>数据要素已从"政策驱动"进入"商业化落地"拐点2024-2025年是<strong>从0到1的验证期</strong>2026年后有望爆发。</p>
</div>
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-lg p-4">
<h3 class="font-bold text-lg mb-2">核心驱动力</h3>
<p><strong>政策强制力</strong>(数据入表+公共数据运营)叠加<strong>AI训练需求</strong>(大模型对高质量数据饥渴),形成"制度红利+技术刚需"双轮驱动。</p>
</div>
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-lg p-4">
<h3 class="font-bold text-lg mb-2">未来潜力</h3>
<p><strong>2025年市场规模预计2043亿元</strong>CAGR 25%+但当前场内交易占比不足5%<strong>场外转场内</strong>将释放巨大增量。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 data-card">
<h2 class="text-2xl font-bold text-gray-800 mb-6 section-title">核心逻辑与市场认知分析</h2>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-700 mb-4">核心驱动力拆解</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-blue-50 rounded-lg p-4">
<h4 class="font-bold text-blue-700 mb-3">政策端</h4>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span><strong>数据财政替代土地财政</strong>:地方政府通过公共数据运营(如医保、交通数据)获取非税收入,<strong>广州已明确数据要素纳入GDP核算</strong>2024-10新闻</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
<span><strong>强制入表</strong>2024年起企业数据资产需计入资产负债表<strong>央企/国企率先试点</strong>(如中国电信、中国电子云),倒逼数据治理需求。</span>
</li>
</ul>
</div>
<div class="bg-purple-50 rounded-lg p-4">
<h4 class="font-bold text-purple-700 mb-3">技术端</h4>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-check-circle text-purple-500 mt-1 mr-2"></i>
<span><strong>AI训练数据缺口</strong>GPT-4等大模型训练需PB级数据<strong>中文高质量数据占比不足10%</strong>(路演数据),推动数据采购需求。</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-purple-500 mt-1 mr-2"></i>
<span><strong>隐私计算成熟</strong>:联邦学习、可信数据空间技术解决"数据可用不可见"痛点,<strong>上海数交所2023年交易额11亿元</strong>(同比+300%)。</span>
</li>
</ul>
</div>
</div>
</div>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-700 mb-4">市场热度与情绪</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-gray-50 rounded-lg p-4">
<h4 class="font-bold text-gray-700 mb-3">研报密度</h4>
<p>2024年Q4以来<strong>中泰/民生/招商等10+券商</strong>密集发布数据要素专题,关键词从"政策"转向"订单落地"。</p>
</div>
<div class="bg-gray-50 rounded-lg p-4">
<h4 class="font-bold text-gray-700 mb-3">情绪分歧</h4>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-arrow-up text-green-500 mt-1 mr-2"></i>
<span><strong>乐观派</strong>:认为数据要素="98年房改"级别机会(东北证券路演)。</span>
</li>
<li class="flex items-start">
<i class="fas fa-arrow-down text-red-500 mt-1 mr-2"></i>
<span><strong>谨慎派</strong>:担忧数据定价难、权属不清(中泰路演指出"<strong>一条公积金数据成本0.1元,但售价争议大</strong>")。</span>
</li>
</ul>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-gray-700 mb-4">预期差分析</h3>
<div class="bg-yellow-50 rounded-lg p-4">
<h4 class="font-bold text-yellow-700 mb-3">市场忽略点</h4>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-exclamation-circle text-yellow-500 mt-1 mr-2"></i>
<span><strong>数据财政的紧迫性</strong>:地方政府债务压力下,<strong>数据运营收入可覆盖基建成本</strong>如杭州2023年数据质押融资目标60亿元</span>
</li>
<li class="flex items-start">
<i class="fas fa-exclamation-circle text-yellow-500 mt-1 mr-2"></i>
<span><strong>央企主导格局</strong>:中国电子(深桑达)、中国电科(太极股份)等央企已抢占<strong>省级数据集团</strong>运营权,民企更多扮演技术服务商角色。</span>
</li>
</ul>
</div>
</div>
</div>
<!-- 催化剂与路径 -->
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 data-card">
<h2 class="text-2xl font-bold text-gray-800 mb-6 section-title">催化剂与路径</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="text-xl font-bold text-gray-700 mb-4">近期催化剂3-6个月</h3>
<div class="space-y-4">
<div class="border-l-4 border-blue-500 pl-4 py-2">
<h4 class="font-bold text-gray-700">政策落地</h4>
<ul class="mt-2 space-y-1">
<li><strong>2024Q4</strong>《公共数据授权运营管理办法》细则出台(国家数据局已征求意见)。</li>
<li><strong>2025Q1</strong>首批央企数据资产入表案例披露(<strong>中国电信、中国电子云</strong>)。</li>
</ul>
</div>
<div class="border-l-4 border-purple-500 pl-4 py-2">
<h4 class="font-bold text-gray-700">订单催化</h4>
<ul class="mt-2 space-y-1">
<li><strong>医保数据</strong>:国新健康、久远银海参与<strong>天津/杭州医保数据商业化</strong>(惠民保核保场景)。</li>
<li><strong>交通数据</strong>:通行宝(江苏高速)、中远海科(航运数据)签约<strong>省级数据集团</strong></li>
</ul>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-gray-700 mb-4">长期路径2025-2027</h3>
<div class="space-y-4">
<div class="bg-gradient-to-r from-blue-50 to-blue-100 rounded-lg p-4">
<div class="flex items-center">
<div class="bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center font-bold mr-3">1</div>
<div>
<h4 class="font-bold text-gray-700">阶段12025</h4>
<p>公共数据运营规模化(<strong>医保、交通、气象</strong>数据先行)</p>
</div>
</div>
</div>
<div class="bg-gradient-to-r from-purple-50 to-purple-100 rounded-lg p-4">
<div class="flex items-center">
<div class="bg-purple-500 text-white rounded-full w-8 h-8 flex items-center justify-center font-bold mr-3">2</div>
<div>
<h4 class="font-bold text-gray-700">阶段22026</h4>
<p>数据交易所互联互通(<strong>数据交易链</strong>覆盖全国场内交易占比提升至30%</p>
</div>
</div>
</div>
<div class="bg-gradient-to-r from-indigo-50 to-indigo-100 rounded-lg p-4">
<div class="flex items-center">
<div class="bg-indigo-500 text-white rounded-full w-8 h-8 flex items-center justify-center font-bold mr-3">3</div>
<div>
<h4 class="font-bold text-gray-700">阶段32027</h4>
<p>数据资产证券化(<strong>DABS/DABN</strong>产品发行参考REITs模式</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司 -->
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 data-card">
<h2 class="text-2xl font-bold text-gray-800 mb-6 section-title">产业链与核心公司</h2>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-700 mb-4">产业链图谱</h3>
<div class="bg-gray-50 rounded-lg p-4 flex flex-col items-center">
<div class="flex flex-wrap justify-center gap-4 mb-4">
<div class="bg-blue-500 text-white rounded-lg px-4 py-2">数据供给</div>
<div class="text-gray-500"></div>
<div class="bg-purple-500 text-white rounded-lg px-4 py-2">数据治理</div>
<div class="text-gray-500"></div>
<div class="bg-indigo-500 text-white rounded-lg px-4 py-2">数据交易</div>
<div class="text-gray-500"></div>
<div class="bg-teal-500 text-white rounded-lg px-4 py-2">场景应用</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 w-full max-w-4xl">
<div class="bg-white rounded-lg p-3 shadow">
<h4 class="font-bold text-blue-500 mb-2">数据供给</h4>
<ul class="text-sm space-y-1">
<li>• 公共数据:政府/央企</li>
<li>• 企业数据:互联网平台</li>
</ul>
</div>
<div class="bg-white rounded-lg p-3 shadow">
<h4 class="font-bold text-purple-500 mb-2">数据治理</h4>
<ul class="text-sm space-y-1">
<li>• 隐私计算</li>
<li>• 区块链确权</li>
</ul>
</div>
<div class="bg-white rounded-lg p-3 shadow">
<h4 class="font-bold text-indigo-500 mb-2">数据交易</h4>
<ul class="text-sm space-y-1">
<li>• 上海数交所</li>
<li>• 北京数交所</li>
</ul>
</div>
<div class="bg-white rounded-lg p-3 shadow">
<h4 class="font-bold text-teal-500 mb-2">场景应用</h4>
<ul class="text-sm space-y-1">
<li>• 金融风控</li>
<li>• 智慧城市</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold text-gray-700 mb-4">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 border-b text-left font-bold text-gray-700">公司</th>
<th class="py-3 px-4 border-b text-left font-bold text-gray-700">角色</th>
<th class="py-3 px-4 border-b text-left font-bold text-gray-700">进展</th>
<th class="py-3 px-4 border-b text-left font-bold text-gray-700">风险</th>
</tr>
</thead>
<tbody>
<tr>
<td class="py-3 px-4 border-b font-bold">易华录</td>
<td class="py-3 px-4 border-b">央企数据湖龙头</td>
<td class="py-3 px-4 border-b"><strong>抚州数据银行</strong>标杆项目2024年订单2亿元</td>
<td class="py-3 px-4 border-b">重资产模式,现金流压力大</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 border-b font-bold">深桑达A</td>
<td class="py-3 px-4 border-b">中国电子云</td>
<td class="py-3 px-4 border-b"><strong>德阳数据金库</strong>落地,参与<strong>国家数据集团</strong>筹建</td>
<td class="py-3 px-4 border-b">估值已反映预期PE 50x+</td>
</tr>
<tr>
<td class="py-3 px-4 border-b font-bold">国新健康</td>
<td class="py-3 px-4 border-b">医保数据运营</td>
<td class="py-3 px-4 border-b"><strong>天津惠民保</strong>数据服务抽成5%保费</td>
<td class="py-3 px-4 border-b">政策依赖性强,区域复制待验证</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 border-b font-bold">上海钢联</td>
<td class="py-3 px-4 border-b">大宗数据交易</td>
<td class="py-3 px-4 border-b"><strong>物流数据要素</strong>千亿空间,已接入<strong>国家级物流平台</strong></td>
<td class="py-3 px-4 border-b">数据定价权弱,竞争激烈</td>
</tr>
</tbody>
</table>
</div>
<div class="mt-6 bg-red-50 rounded-lg p-4">
<h4 class="font-bold text-red-700 mb-3">验证与证伪</h4>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-times-circle text-red-500 mt-1 mr-2"></i>
<span><strong>人民网</strong>被研报列为"数据确权龙头",但路演显示其<strong>确权平台收入占比不足5%</strong>(更多为政府项目制)。</span>
</li>
<li class="flex items-start">
<i class="fas fa-times-circle text-red-500 mt-1 mr-2"></i>
<span><strong>云赛智联</strong>虽为上海数据集团核心,但<strong>2024H1数据运营收入仅0.8亿元</strong>占总收入3%),商业化进度低于预期。</span>
</li>
</ul>
</div>
</div>
</div>
<!-- 风险与挑战 -->
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 data-card">
<h2 class="text-2xl font-bold text-gray-800 mb-6 section-title">风险与挑战</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-red-50 rounded-lg p-4">
<h3 class="font-bold text-red-700 mb-3">技术风险</h3>
<p>隐私计算成本高昂(<strong>联邦学习单次训练成本达万元级</strong>),限制中小企业采用。</p>
</div>
<div class="bg-orange-50 rounded-lg p-4">
<h3 class="font-bold text-orange-700 mb-3">商业化风险</h3>
<p>数据定价缺乏标准(<strong>贵阳数交所3.59亿交易额 vs 50亿估值</strong>),估值泡沫化。</p>
</div>
<div class="bg-yellow-50 rounded-lg p-4">
<h3 class="font-bold text-yellow-700 mb-3">政策风险</h3>
<p>跨境数据流动监管趋严(<strong>上海自贸区试点</strong>可能因中美关系反复)。</p>
</div>
<div class="bg-purple-50 rounded-lg p-4">
<h3 class="font-bold text-purple-700 mb-3">信息矛盾</h3>
<p><strong>市场规模</strong>路演预测2025年2043亿元<strong>2023年场内交易仅11亿元</strong>,差距需场外转场内验证。</p>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="bg-gradient-to-r from-indigo-500 to-blue-600 rounded-xl shadow-lg p-6 mb-8 text-white">
<h2 class="text-2xl font-bold mb-6 section-title">综合结论与投资启示</h2>
<div class="mb-6">
<h3 class="text-xl font-bold mb-3">阶段判断</h3>
<p>当前处于<strong>"政策红利兑现+订单验证"</strong>初期类似2019年的ETC行情<strong>2025年Q1财报季</strong>将是分水岭。</p>
</div>
<div class="mb-6">
<h3 class="text-xl font-bold mb-3">高价值方向</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-lg p-4">
<h4 class="font-bold mb-2">1. 公共数据运营</h4>
<ul class="space-y-1">
<li><strong>医保数据</strong>(国新健康)</li>
<li><strong>交通数据</strong>(通行宝)</li>
<li>• 场景清晰、付费方明确</li>
</ul>
</div>
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-lg p-4">
<h4 class="font-bold mb-2">2. 数据基础设施</h4>
<ul class="space-y-1">
<li><strong>隐私计算</strong>(星环科技)</li>
<li><strong>数据交易所</strong>(浙数文化)</li>
<li>• 技术壁垒高,受益于交易量爆发</li>
</ul>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold mb-3">跟踪指标</h3>
<ul class="space-y-2">
<li class="flex items-start">
<i class="fas fa-chart-line text-yellow-300 mt-1 mr-2"></i>
<span><strong>订单密度</strong>:关注<strong>省级数据集团</strong>招标(如广东/上海2025年预算</span>
</li>
<li class="flex items-start">
<i class="fas fa-balance-scale text-yellow-300 mt-1 mr-2"></i>
<span><strong>入表进度</strong>2024年报中<strong>央企数据资产规模</strong>(如中国电信披露数据资产科目)。</span>
</li>
<li class="flex items-start">
<i class="fas fa-exchange-alt text-yellow-300 mt-1 mr-2"></i>
<span><strong>交易活跃度</strong>:上海数交所<strong>月度交易额</strong>当前约1亿元/月需突破5亿元/月验证爆发)。</span>
</li>
</ul>
</div>
</div>
<!-- 关联股票数据 -->
<div class="bg-white rounded-xl shadow-lg p-6 mb-8 data-card">
<h2 class="text-2xl font-bold text-gray-800 mb-6 section-title">关联股票数据</h2>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 border-b text-left font-bold text-gray-700">股票名称</th>
<th class="py-3 px-4 border-b text-left font-bold text-gray-700">行业</th>
<th class="py-3 px-4 border-b text-left font-bold text-gray-700">分类/项目</th>
<th class="py-3 px-4 border-b text-left font-bold text-gray-700">原因</th>
</tr>
</thead>
<tbody id="stock-table-body">
<!-- 股票数据将通过JavaScript动态插入 -->
</tbody>
</table>
</div>
</div>
</div>
<script>
// 股票数据
const stockData = [{'数据要素(240705)': [{'stock': '深桑达A', '行业': '数据存储', '分类': '央企', 'reason': '属于数据存储领域央企,涉及数据采集、存储、加工等服务'}, {'stock': '易华录', '行业': '数据存储', '分类': '央企', 'reason': '属于数据存储领域央企,参与数据湖建设与存储服务'}, {'stock': '紫光股份', '行业': '数据存储', '分类': '央企', 'reason': '属于数据存储领域央企,提供数据存储基础设施'}, {'stock': '歌华有线', '行业': '数据存储', '分类': '央企', 'reason': '属于数据存储领域央企,涉及广电网络数据存储'}, {'stock': '中国电信', '行业': '数据存储', '分类': '央企', 'reason': '属于数据存储领域央企,提供云存储服务'}, {'stock': '中国移动', '行业': '数据存储', '分类': '央企', 'reason': '属于数据存储领域央企,布局数据中心与云存储'}, {'stock': '中国联通', '行业': '数据存储', '分类': '央企', 'reason': '属于数据存储领域央企,参与数据基础设施建设'}, {'stock': '铜牛信息', '行业': '数据存储', '分类': '地方', 'reason': '属于数据存储领域地方企业提供IDC服务'}, {'stock': '云赛智联', '行业': '数据存储', '分类': '地方', 'reason': '属于数据存储领域地方企业,涉及云计算与存储'}, {'stock': '美利云', '行业': '数据存储', '分类': '地方', 'reason': '属于数据存储领域地方企业,提供云存储服务'}, {'stock': '常山北明', '行业': '数据存储', '分类': '地方', 'reason': '属于数据存储领域地方企业,参与数据中心建设'}, {'stock': '湘邮科技', '行业': '数据存储', '分类': '地方', 'reason': '属于数据存储领域地方企业,涉及邮政数据存储'}, {'stock': '广电运通', '行业': '数据存储', '分类': '地方', 'reason': '属于数据存储领域地方企业,提供金融科技存储方案'}, {'stock': '荣联科技', '行业': '数据存储', '分类': '地方', 'reason': '属于数据存储领域地方企业,提供数据管理服务'}, {'stock': '南天信息', '行业': '数据存储', '分类': '地方', 'reason': '属于数据存储领域地方企业,涉及金融数据存储'}, {'stock': '三维天地', '行业': '数据清洗/标注/分析', '项目': '数据清洗', 'reason': '专注于数据清洗与质量管理'}, {'stock': '东方国信', '行业': '数据清洗/标注/分析', '项目': '数据清洗', 'reason': '提供大数据清洗与分析服务'}, {'stock': '飞利信', '行业': '数据清洗/标注/分析', '项目': '数据清洗', 'reason': '涉及数据清洗与智能分析业务'}, {'stock': '海天瑞声', '行业': '数据清洗/标注/分析', '项目': '数据标注', 'reason': '专注于AI数据标注服务'}, {'stock': '博彦科技', '行业': '数据清洗/标注/分析', '项目': '数据标注', 'reason': '提供数据标注与处理服务'}, {'stock': '零点有数', '行业': '数据清洗/标注/分析', '项目': '数据分析', 'reason': '专注于数据分析与决策支持'}, {'stock': '汇纳科技', '行业': '数据清洗/标注/分析', '项目': '数据分析', 'reason': '提供商业数据分析服务'}, {'stock': '初灵信息', '行业': '数据清洗/标注/分析', '项目': '数据分析', 'reason': '涉及数据接入与智能分析'}, {'stock': '慧辰股份', '行业': '数据清洗/标注/分析', '项目': '数据分析', 'reason': '提供数据分析解决方案'}, {'stock': '人民网', '行业': '数据确权', '项目': '数据确权', 'reason': '参与数据确权与内容安全业务'}, {'stock': '新华网', '行业': '数据确权', '项目': '数据确权', 'reason': '涉及数据确权与内容管理'}, {'stock': '中广天择', '行业': '数据确权', '项目': '数据确权', 'reason': '提供内容确权与版权服务'}, {'stock': '金桥信息', '行业': '数据确权', '项目': '数据确权', 'reason': '涉及司法数据确权与区块链技术'}, {'stock': '安妮股份', '行业': '数据确权', '项目': '数据确权', 'reason': '专注于版权保护与数据确权'}, {'stock': '天亿马', '行业': '数据确权', '项目': '数据确权', 'reason': '提供政务数据确权解决方案'}, {'stock': '中新赛克', '行业': '网络可视化监管', '项目': '网络可视化监管', 'reason': '专注于网络数据可视化与安全监测'}, {'stock': '恒为科技', '行业': '网络可视化监管', '项目': '网络可视化监管', 'reason': '提供网络可视化与数据分析产品'}, {'stock': '迪普科技', '行业': '网络可视化监管', '项目': '网络可视化监管', 'reason': '涉及网络安全与数据可视化'}, {'stock': '浩瀚深度', '行业': '网络可视化监管', '项目': '网络可视化监管', 'reason': '专注于网络流量分析与可视化'}, {'stock': '浙数文化', '行业': '数据交易所', '项目': '数据交易所', 'reason': '参与数据交易平台建设'}, {'stock': '安恒信息', '行业': '数据交易所', '项目': '数据交易所', 'reason': '提供数据安全与交易解决方案'}, {'stock': '华扬联众', '行业': '数据交易所', '项目': '数据交易所', 'reason': '涉及数据交易与数字营销'}, {'stock': '零点有数', '行业': '数据交易所', '项目': '数据交易所', 'reason': '参与数据交易与分析服务'}, {'stock': '吉视传媒', '行业': '数据交易所', '项目': '数据交易所', 'reason': '布局数据交易与广电网络资源'}, {'stock': '中原传媒', '行业': '数据交易所', '项目': '数据交易所', 'reason': '涉及数据交易与内容服务'}, {'stock': '浪潮软件', '行业': '数据交易所', '项目': '数据交易所', 'reason': '提供政务数据交易解决方案'}, {'stock': '东华软件', '行业': '数据交易所', '项目': '数据交易所', 'reason': '参与医疗数据交易与信息化'}, {'stock': '东方国信', '行业': '数据交易所', '项目': '数据交易所', 'reason': '提供工业数据交易与分析'}, {'stock': '易华录', '行业': '数据交易所', '项目': '数据交易所', 'reason': '参与数据湖与数据交易建设'}, {'stock': '市北高新', '行业': '数据交易所', '项目': '数据交易所', 'reason': '涉及园区数据交易与产业孵化'}, {'stock': '万达信息', '行业': '数据交易所', '项目': '数据交易所', 'reason': '提供政务数据交易服务'}, {'stock': '安妮股份', '行业': '数据交易所', '项目': '数据交易所', 'reason': '参与版权数据交易与确权'}, {'stock': '久远银海', '行业': '医疗数据', '项目': '行业数据', 'reason': '专注于医疗信息化与数据服务'}, {'stock': '国新健康', '行业': '医疗数据', '项目': '行业数据', 'reason': '提供医疗大数据与健康管理'}, {'stock': '山大地纬', '行业': '医疗数据', '项目': '行业数据', 'reason': '涉及医疗数据与人工智能应用'}, {'stock': '万达信息', '行业': '医疗数据', '项目': '行业数据', 'reason': '提供医疗信息化与数据服务'}, {'stock': '金桥信息', '行业': '司法数据', '项目': '行业数据', 'reason': '参与司法信息化与数据管理'}, {'stock': '华宇软件', '行业': '司法数据', '项目': '行业数据', 'reason': '专注于司法大数据与电子政务'}, {'stock': '通达海', '行业': '司法数据', '项目': '行业数据', 'reason': '提供司法数据处理与AI解决方案'}, {'stock': '上海钢联', '行业': '大宗数据', '项目': '行业数据', 'reason': '涉及大宗商品数据与交易平台'}, {'stock': '卓创资讯', '行业': '大宗数据', '项目': '行业数据', 'reason': '提供大宗商品数据与分析服务'}, {'stock': '生意宝', '行业': '大宗数据', '项目': '行业数据', 'reason': '布局大宗商品数据与电商服务'}, {'stock': '瑞茂通', '行业': '大宗数据', '项目': '行业数据', 'reason': '涉及大宗商品供应链数据管理'}, {'stock': '中远海科', '行业': '航运数据', '项目': '行业数据', 'reason': '提供航运数据与智能交通服务'}, {'stock': '盛视科技', '行业': '航运数据', '项目': '行业数据', 'reason': '涉及智慧口岸与航运数据采集'}, {'stock': '中文在线', '行业': '小说数据', '项目': '行业数据', 'reason': '专注于数字阅读与小说数据服务'}, {'stock': '掌阅传媒', '行业': '小说数据', '项目': '行业数据', 'reason': '提供小说内容与数据分发服务'}, {'stock': '中国科传', '行业': '学术数据', '项目': '行业数据', 'reason': '涉及学术出版与数据资源服务'}, {'stock': '同方股份', '行业': '学术数据', '项目': '行业数据', 'reason': '提供学术数据库与知识服务'}, {'stock': '中远海科', '行业': '交通数据', '项目': '行业数据', 'reason': '参与交通数据与智能系统建设'}, {'stock': '信息发展', '行业': '交通数据', '项目': '行业数据', 'reason': '提供交通数据管理与解决方案'}, {'stock': '通宝信', '行业': '交通数据', '项目': '行业数据', 'reason': '涉及交通数据与智能终端'}, {'stock': '万集科技', '行业': '交通数据', '项目': '行业数据', 'reason': '提供交通数据采集与分析'}, {'stock': '金溢科技', '行业': '交通数据', '项目': '行业数据', 'reason': '专注于交通数据与ETC设备'}, {'stock': '千方科技', '行业': '交通数据', '项目': '行业数据', 'reason': '提供智能交通数据与解决方案'}, {'stock': '华铭智能', '行业': '交通数据', '项目': '行业数据', 'reason': '涉及交通数据与智能终端'}, {'stock': '皖通科技', '行业': '交通数据', '项目': '行业数据', 'reason': '提供交通数据系统与服务'}, {'stock': '中公高科', '行业': '交通数据', '项目': '行业数据', 'reason': '专注于交通数据检测与养护'}, {'stock': '天迈科技', '行业': '交通数据', '项目': '行业数据', 'reason': '提供交通数据与智能调度'}, {'stock': '长久物流', '行业': '汽车数据', '项目': '行业数据', 'reason': '涉及汽车物流数据与管理'}, {'stock': '中汽股份', '行业': '汽车数据', '项目': '行业数据', 'reason': '提供汽车测试数据与服务'}, {'stock': '捷顺科技', '行业': '汽车数据', '项目': '行业数据', 'reason': '专注于智能停车数据与解决方案'}, {'stock': '每日互动', '行业': '营销数据', '项目': '行业数据', 'reason': '提供移动互联网数据与营销服务'}, {'stock': '世纪恒通', '行业': '营销数据', '项目': '行业数据', 'reason': '涉及用户数据与精准营销'}, {'stock': '石基信息', '行业': '酒店数据', '项目': '行业数据', 'reason': '提供酒店信息化与数据服务'}, {'stock': '视觉中国', '行业': '图片数据', '项目': '行业数据', 'reason': '专注于图片版权数据与交易'}, {'stock': '德生科技', '行业': '其他', '项目': '社保数据', 'reason': '涉及社保数据与民生服务'}, {'stock': '银之杰', '行业': '其他', '项目': '信用数据', 'reason': '提供征信数据与金融科技服务'}, {'stock': '和达科技', '行业': '其他', '项目': '水务数据', 'reason': '专注于水务数据与智能管理'}, {'stock': '湘邮科技', '行业': '其他', '项目': '邮政数据', 'reason': '涉及邮政数据与物流管理'}, {'stock': '广联达', '行业': '其他', '项目': '基建数据', 'reason': '提供建筑数据与BIM解决方案'}, {'stock': '竞业达', '行业': '其他', '项目': '教育数据', 'reason': '涉及教育信息化与数据服务'}, {'stock': '奇安信', '行业': '数据安全', '项目': '数据安全', 'reason': '专注于网络安全与数据保护'}, {'stock': '每日互动', '行业': '数据安全', '项目': '数据安全', 'reason': '提供数据安全与隐私计算服务'}, {'stock': '竞业达', '行业': '数据安全', '项目': '数据安全', 'reason': '涉及教育数据安全与防护'}, {'stock': '任子行', '行业': '数据安全', '项目': '数据安全', 'reason': '提供网络数据安全解决方案'}, {'stock': '天玑科技', '行业': '其他', '项目': '数据库一体机', 'reason': '提供数据库与IT基础设施服务'}, {'stock': '众诚科技', '行业': '北交所', '项目': '北交所', 'reason': '北交所上市公司,涉及数据服务'}, {'stock': '广道数字', '行业': '北交所', '项目': '北交所', 'reason': '北交所上市公司,提供数据解决方案'}]}]};
// 动态生成股票表格
document.addEventListener('DOMContentLoaded', function() {
const tableBody = document.getElementById('stock-table-body');
const stocks = stockData[0]['数据要素(240705)'];
stocks.forEach(stock => {
const row = document.createElement('tr');
row.className = 'hover:bg-gray-50';
// 获取分类或项目
const category = stock['分类'] || stock['项目'] || '-';
row.innerHTML = `
<td class="py-3 px-4 border-b font-medium">${stock.stock}</td>
<td class="py-3 px-4 border-b">${stock.行业}</td>
<td class="py-3 px-4 border-b">${category}</td>
<td class="py-3 px-4 border-b">${stock.reason}</td>
`;
tableBody.appendChild(row);
});
});
// 初始化粒子背景
tsParticles.load("particles-js", {
particles: {
number: {
value: 80,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#3b82f6"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: false
},
size: {
value: 3,
random: true
},
line_linked: {
enable: true,
distance: 150,
color: "#3b82f6",
opacity: 0.4,
width: 1
},
move: {
enable: true,
speed: 2,
direction: "none",
random: false,
straight: false,
out_mode: "out",
bounce: false
}
},
interactivity: {
detect_on: "canvas",
events: {
onhover: {
enable: true,
mode: "grab"
},
onclick: {
enable: true,
mode: "push"
},
resize: true
},
modes: {
grab: {
distance: 140,
line_linked: {
opacity: 1
}
},
push: {
particles_nb: 4
}
}
},
retina_detect: true
});
</script>
</body>
</html>
```