Files
vf_react/public/htmls/供销社.html
2025-10-11 16:16:02 +08:00

567 lines
28 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">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/png" href="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/img/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800" rel="stylesheet" />
<!-- Font Awesome Icons -->
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<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>
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8fafc;
}
.timeline-dot {
position: relative;
}
.timeline-dot::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #3b82f6;
border: 2px solid white;
z-index: 2;
}
.timeline-line {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
background-color: #e5e7eb;
transform: translateX(-50%);
z-index: 1;
}
@media (max-width: 640px) {
.timeline-line {
left: 20px;
}
.timeline-dot::before {
left: 20px;
}
}
.gradient-bg {
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}
.card-shadow {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.highlight {
background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
padding: 2px 6px;
border-radius: 4px;
font-weight: 600;
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
opacity: 0.6;
}
</style>
</head>
<body class="bg-gray-50">
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-6xl">
<!-- 标题部分 -->
<div class="mb-10 text-center">
<h1 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">供销社概念深度分析</h1>
<p class="text-gray-600 max-w-3xl mx-auto">探索供销社在乡村振兴与循环经济中的新机遇,解析政策驱动下的投资价值</p>
</div>
<!-- 概念事件部分 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-history text-blue-500 mr-3"></i>概念事件
</h2>
<p class="text-gray-700 mb-6">
供销社(中华全国供销合作总社)作为计划经济时代遗留的全国性流通网络,近年来因"乡村振兴""统一大市场"政策被重新激活。2024年11月28日<span class="highlight">供销社成立70周年</span>之际,高层作出"推动供销社现代化改革"的指示,成为概念爆发的直接催化剂。
</p>
<!-- 时间轴 -->
<div class="relative pl-8 md:pl-0">
<div class="timeline-line hidden md:block"></div>
<div class="mb-8 relative">
<div class="timeline-dot hidden md:block"></div>
<div class="md:ml-16 bg-blue-50 rounded-lg p-4 border-l-4 border-blue-500">
<div class="text-blue-700 font-semibold">2024-09-20</div>
<p class="text-gray-700">供销社概念股首次异动,供销大集、新力金融涨停。</p>
</div>
</div>
<div class="mb-8 relative">
<div class="timeline-dot hidden md:block"></div>
<div class="md:ml-16 bg-green-50 rounded-lg p-4 border-l-4 border-green-500">
<div class="text-green-700 font-semibold">2024-11-28</div>
<p class="text-gray-700">70周年纪念日+政策信号,板块午后爆发,供销大集、天鹅股份等<span class="highlight">8股涨停</span></p>
</div>
</div>
<div class="relative">
<div class="timeline-dot hidden md:block"></div>
<div class="md:ml-16 bg-purple-50 rounded-lg p-4 border-l-4 border-purple-500">
<div class="text-purple-700 font-semibold">2025-05-16</div>
<p class="text-gray-700">七部门发文明确供销社在<span class="highlight">再生资源回收体系</span>中的核心角色,提出"互联网+回收"模式,政策落地加速。</p>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="bg-gradient-to-r from-blue-500 to-indigo-600 rounded-xl p-6 mb-8 text-white">
<h2 class="text-2xl font-bold mb-4 flex items-center">
<i class="fas fa-lightbulb mr-3"></i>核心观点摘要
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-sm rounded-lg p-4">
<h3 class="font-bold text-lg mb-2">当前阶段</h3>
<p>供销社概念处于<span class="font-bold">政策驱动+主题炒作</span>的初期,尚未进入基本面兑现阶段,但政策红利明确。</p>
</div>
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-sm rounded-lg p-4">
<h3 class="font-bold text-lg mb-2">核心驱动力</h3>
<p>政策将供销社定位为"乡村振兴基础设施"和"再生资源回收国家队",叠加低估值国企属性,成为资金避险+政策博弈的交集。</p>
</div>
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-sm rounded-lg p-4">
<h3 class="font-bold text-lg mb-2">未来潜力</h3>
<p>若政策细则(如补贴、资产注入)落地,可能从主题转向<span class="font-bold">"供销社+循环经济"</span>双主线,空间取决于资产整合速度和盈利模式验证。</p>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-brain text-purple-500 mr-3"></i>核心逻辑与市场认知分析
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-rocket text-red-500 mr-2"></i>核心驱动力
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-gray-50 rounded-lg p-4">
<h4 class="font-bold text-lg mb-2 text-gray-800">政策端</h4>
<ul class="list-disc pl-5 space-y-2 text-gray-700">
<li><span class="font-semibold">再生资源</span>2025年5月七部门文件明确供销社为<span class="highlight">废旧家电家具回收体系核心运营商</span>,要求"开发数字化回收平台"(中再资环、大地海洋已试点)。</li>
<li><span class="font-semibold">乡村振兴</span>2024年中央一号文件提出"供销社+县域商业体系",汇通达(港股)已对接多省供销社共建供应链。</li>
</ul>
</div>
<div class="bg-gray-50 rounded-lg p-4">
<h4 class="font-bold text-lg mb-2 text-gray-800">资产端</h4>
<ul class="list-disc pl-5 space-y-2 text-gray-700">
<li>供销社体系掌握<span class="highlight">全国50%以上县域网点</span>(超<span class="font-bold">40万个</span>但资产证券化率不足5%,存在<span class="font-bold">"资产注入"预期</span>(如供销大集拟收购北京新合作商业股权)。</li>
</ul>
</div>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-fire text-orange-500 mr-2"></i>市场热度与情绪
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-orange-50 rounded-lg p-4 border-l-4 border-orange-500">
<h4 class="font-bold text-lg mb-2 text-gray-800">新闻热度</h4>
<p class="text-gray-700">2024年11月28日板块涨停潮后<span class="highlight">百度搜索指数</span>"供销社"单日环比<span class="font-bold">+320%</span>,但研报覆盖度低(仅广发环保、东吴策略提及),显示<span class="font-bold">情绪>研究</span></p>
</div>
<div class="bg-yellow-50 rounded-lg p-4 border-l-4 border-yellow-500">
<h4 class="font-bold text-lg mb-2 text-gray-800">资金行为</h4>
<p class="text-gray-700">龙虎榜显示<span class="highlight">供销大集</span>11月28日获<span class="font-bold">机构+游资</span>联合买入<span class="font-bold">3.2亿元</span>,但中农联合等机构席位净卖出,分歧明显。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-chart-line text-green-500 mr-2"></i>预期差分析
</h3>
<div class="bg-green-50 rounded-lg p-4 border-l-4 border-green-500">
<div class="mb-3">
<h4 class="font-bold text-lg text-gray-800">市场共识</h4>
<p class="text-gray-700">供销社="政策炒作",无业绩支撑。</p>
</div>
<div>
<h4 class="font-bold text-lg text-gray-800">忽略点</h4>
<ul class="list-disc pl-5 space-y-2 text-gray-700">
<li><span class="font-semibold">盈利模式清晰化</span>:中农立华路演显示,供销社体系企业可通过<span class="highlight">"农资供应链+技术服务"</span>实现<span class="font-bold">20%+毛利率</span>2023年数据</li>
<li><span class="font-semibold">资产整合加速</span>中国资环集团2024年10月成立明确将<span class="highlight">供销社回收网络</span>纳入央企整合,中再资环或成平台。</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-flask text-indigo-500 mr-3"></i>关键催化剂与未来发展路径
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-calendar-alt text-blue-500 mr-2"></i>近期催化剂3-6个月
</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3">
<span class="text-blue-600 font-bold">1</span>
</div>
<div>
<h4 class="font-bold text-gray-800">政策细则</h4>
<p class="text-gray-700">2025年Q3可能出台<span class="highlight">"供销社再生资源补贴细则"</span>,单吨补贴或达<span class="font-bold">200-300元</span>(参考家电以旧换新标准)。</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3">
<span class="text-blue-600 font-bold">2</span>
</div>
<div>
<h4 class="font-bold text-gray-800">资产注入</h4>
<p class="text-gray-700"><span class="highlight">供销大集</span>收购北京新合作商业股权(<span class="font-bold">预计2025年8月落地</span>),注入<span class="font-bold">200+县域商业网点</span></p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3">
<span class="text-blue-600 font-bold">3</span>
</div>
<div>
<h4 class="font-bold text-gray-800">订单验证</h4>
<p class="text-gray-700"><span class="highlight">中农立华</span>台州农资收购完成后2025年H2需验证<span class="highlight">"作物解决方案"</span>能否复制到北方市场(目标<span class="font-bold">1000万亩次</span>)。</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-3 flex items-center">
<i class="fas fa-road text-purple-500 mr-2"></i>长期发展路径
</h3>
<div class="space-y-4">
<div class="bg-purple-50 rounded-lg p-4 border-l-4 border-purple-500">
<h4 class="font-bold text-lg text-gray-800 mb-2">阶段12025-2026</h4>
<p class="text-gray-700">政策驱动资产整合,<span class="highlight">"供销社+循环经济"</span>成为主线,关注<span class="font-bold">回收牌照</span><span class="font-bold">网点密度</span></p>
</div>
<div class="bg-indigo-50 rounded-lg p-4 border-l-4 border-indigo-500">
<h4 class="font-bold text-lg text-gray-800 mb-2">阶段22027-2028</h4>
<p class="text-gray-700">盈利模式跑通,<span class="highlight">供销社SaaS平台</span>类似汇通达模式可能诞生估值从PB转向PE。</p>
</div>
<div class="bg-blue-50 rounded-lg p-4 border-l-4 border-blue-500">
<h4 class="font-bold text-lg text-gray-800 mb-2">阶段32029+</h4>
<p class="text-gray-700">若农村电商渗透率超<span class="font-bold">30%</span>(当前<10%供销社或成<span class="highlight">"县域版拼多多"</span></p>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-sitemap text-teal-500 mr-3"></i>产业链与核心公司深度剖析
</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-3">产业链图谱</h3>
<div class="bg-gray-50 rounded-lg p-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="text-center mb-4 md:mb-0">
<div class="bg-teal-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-2">
<i class="fas fa-industry text-teal-600 text-xl"></i>
</div>
<h4 class="font-bold text-gray-800">上游</h4>
<p class="text-gray-700 text-sm">再生资源回收(中再资环)、农资生产(中农立华)</p>
</div>
<div class="text-center mb-4 md:mb-0">
<div class="bg-blue-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-2">
<i class="fas fa-exchange-alt text-blue-600 text-xl"></i>
</div>
<h4 class="font-bold text-gray-800">中游</h4>
<p class="text-gray-700 text-sm">县域流通网络供销大集、汇通达、数字化平台天鹅股份农机SaaS</p>
</div>
<div class="text-center">
<div class="bg-purple-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-2">
<i class="fas fa-store text-purple-600 text-xl"></i>
</div>
<h4 class="font-bold text-gray-800">下游</h4>
<p class="text-gray-700 text-sm">农村终端(夫妻老婆店)、政府项目(高标准农田、以旧换新)</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-3">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200">
<thead>
<tr class="bg-gray-100">
<th class="py-3 px-4 text-left text-gray-800 font-bold">公司</th>
<th class="py-3 px-4 text-left text-gray-800 font-bold">角色</th>
<th class="py-3 px-4 text-left text-gray-800 font-bold">核心逻辑</th>
<th class="py-3 px-4 text-left text-gray-800 font-bold">风险点</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-200">
<td class="py-3 px-4 font-bold text-gray-800">中再资环</td>
<td class="py-3 px-4 text-gray-700">再生资源龙头</td>
<td class="py-3 px-4 text-gray-700">供销社旗下唯一全国性回收牌照,<span class="font-bold">废钢市占率15%</span></td>
<td class="py-3 px-4 text-gray-700">大宗商品价格波动</td>
</tr>
<tr class="border-b border-gray-200 bg-gray-50">
<td class="py-3 px-4 font-bold text-gray-800">供销大集</td>
<td class="py-3 px-4 text-gray-700">县域商业平台</td>
<td class="py-3 px-4 text-gray-700">拟注入<span class="font-bold">200+网点</span>PB仅<span class="font-bold">0.8倍</span></td>
<td class="py-3 px-4 text-gray-700">收购进度不及预期</td>
</tr>
<tr class="border-b border-gray-200">
<td class="py-3 px-4 font-bold text-gray-800">中农立华</td>
<td class="py-3 px-4 text-gray-700">农资供应链</td>
<td class="py-3 px-4 text-gray-700">供销社体系+转基因技术储备,<span class="font-bold">毛利率25%</span></td>
<td class="py-3 px-4 text-gray-700">农药价格周期下行</td>
</tr>
<tr class="border-b border-gray-200 bg-gray-50">
<td class="py-3 px-4 font-bold text-gray-800">汇通达</td>
<td class="py-3 px-4 text-gray-700">农村数字化</td>
<td class="py-3 px-4 text-gray-700">已对接<span class="font-bold">安徽/重庆供销社</span>,会员店<span class="font-bold">20万家</span></td>
<td class="py-3 px-4 text-gray-700">港股流动性折价</td>
</tr>
</tbody>
</table>
</div>
<div class="mt-6 bg-yellow-50 rounded-lg p-4 border-l-4 border-yellow-500">
<h4 class="font-bold text-lg text-gray-800 mb-2">验证与证伪</h4>
<ul class="list-disc pl-5 space-y-2 text-gray-700">
<li><span class="highlight">中再资环</span>2024年再生资源回收量<span class="font-bold">+29%</span>(年报数据),印证政策拉动。</li>
<li><span class="highlight">供销大集</span>:收购公告后<span class="font-bold">股价+40%</span>,但<span class="font-bold">标的资产净利润仅5000万</span>对价10倍PE存在<span class="font-bold">估值透支</span>风险。</li>
</ul>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-exclamation-triangle text-red-500 mr-3"></i>潜在风险与挑战
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-red-50 rounded-lg p-4 border-l-4 border-red-500">
<h3 class="font-bold text-lg text-gray-800 mb-2">政策风险</h3>
<p class="text-gray-700">若2025年再生资源补贴低于预期如单吨<100元板块或回调</p>
</div>
<div class="bg-orange-50 rounded-lg p-4 border-l-4 border-orange-500">
<h3 class="font-bold text-lg text-gray-800 mb-2">商业化风险</h3>
<p class="text-gray-700">供销社网点<span class="highlight">数字化改造需投入5000元/店</span>(汇通达数据),资金压力可能拖累盈利。</p>
</div>
<div class="bg-yellow-50 rounded-lg p-4 border-l-4 border-yellow-500">
<h3 class="font-bold text-lg text-gray-800 mb-2">竞争风险</h3>
<p class="text-gray-700">京东、拼多多下沉市场补贴或挤压供销社份额。</p>
</div>
<div class="bg-purple-50 rounded-lg p-4 border-l-4 border-purple-500">
<h3 class="font-bold text-lg text-gray-800 mb-2">信息矛盾</h3>
<p class="text-gray-700">新闻称供销社"70周年政策加码",但<span class="highlight">财政部2025年预算草案未单列相关资金</span>,需警惕<span class="font-bold">政策空转</span></p>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="bg-gradient-to-r from-indigo-500 to-purple-600 rounded-xl p-6 mb-8 text-white">
<h2 class="text-2xl font-bold mb-4 flex items-center">
<i class="fas fa-chart-pie mr-3"></i>综合结论与投资启示
</h2>
<div class="mb-6">
<h3 class="text-xl font-bold mb-2">阶段判断</h3>
<p class="text-indigo-100">当前处于<span class="font-bold">"政策预期"向"订单验证"过渡</span>阶段,主题炒作成分高,但<span class="font-bold">资产整合逻辑未被证伪</span></p>
</div>
<div class="mb-6">
<h3 class="text-xl font-bold mb-2">投资方向</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-sm rounded-lg p-4">
<h4 class="font-bold mb-2">短期</h4>
<p>博弈政策细则,关注<span class="font-bold">中再资环</span>(回收牌照稀缺性)+<span class="font-bold">供销大集</span>(资产注入)。</p>
</div>
<div class="bg-white bg-opacity-20 backdrop-filter backdrop-blur-sm rounded-lg p-4">
<h4 class="font-bold mb-2">长期</h4>
<p>若盈利模式跑通,<span class="highlight">"供销社+SaaS"</span>(类似汇通达)或诞生<span class="font-bold">千亿市值</span>平台。</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-bold mb-2">跟踪指标</h3>
<div class="space-y-3">
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-white bg-opacity-30 flex items-center justify-center mr-3">
<i class="fas fa-file-alt text-white"></i>
</div>
<div>
<h4 class="font-bold">政策</h4>
<p class="text-indigo-100">2025年Q3再生资源补贴细则。</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-white bg-opacity-30 flex items-center justify-center mr-3">
<i class="fas fa-shopping-cart text-white"></i>
</div>
<div>
<h4 class="font-bold">订单</h4>
<p class="text-indigo-100">中农立华2025年H2作物解决方案推广面积需>500万亩次</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-white bg-opacity-30 flex items-center justify-center mr-3">
<i class="fas fa-building text-white"></i>
</div>
<div>
<h4 class="font-bold">资产</h4>
<p class="text-indigo-100">供销大集收购北京新合作商业的<span class="font-bold">网点ROE</span>(需>8%)。</p>
</div>
</div>
</div>
</div>
</div>
<!-- 关联股票数据表格 -->
<div class="bg-white rounded-xl card-shadow p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-table text-green-500 mr-3"></i>关联股票数据
</h2>
<div class="overflow-x-auto">
<table class="min-w-full bg-white border border-gray-200">
<thead>
<tr class="bg-gray-100">
<th class="py-3 px-4 text-left text-gray-800 font-bold">股票名称</th>
<th class="py-3 px-4 text-left text-gray-800 font-bold">实控人</th>
<th class="py-3 px-4 text-left text-gray-800 font-bold">计划项目</th>
<th class="py-3 px-4 text-left text-gray-800 font-bold">关联原因</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 表格内容将通过JavaScript动态生成 -->
</tbody>
</table>
</div>
</div>
</div>
<script>
// 股票数据
const stockData = [{'供销社(241128)': [{'stock': '中农联合', '实控人': '中华全国供销合作总销社', 'reason': '实控人是中华全国供销合作总销社'}, {'stock': '供销大集', '实控人': '中华全国供销合作总销社', '计划项目': '计划以收购北京新合作商业发展有限公司股权', 'reason': '实控人是中华全国供销合作总销社,且有收购计划'}, {'stock': '天禾股份', '实控人': '广东供销社', 'reason': '实控人是广东供销社'}, {'stock': '天鹅股份', '实控人': '山东供销社', 'reason': '实控人是山东供销社'}, {'stock': '浙农股份', '实控人': '浙江供销社', 'reason': '实控人是浙江供销社'}, {'stock': '中农立华', '实控人': '中华全国供销合作总社', 'reason': '实控人是中华全国供销合作总社'}, {'stock': '辉隆股份', '实控人': '安徽供销社', 'reason': '实控人是安徽供销社'}, {'stock': '新力金融', '实控人': '安徽供销社', 'reason': '实控人为安徽供销社'}, {'stock': '中再资环', '实控人': '中华全国供销合作总社', 'reason': '实控人是中华全国供销合作总社'}]}];
// 动态生成股票表格
function generateStockTable() {
const tableBody = document.getElementById('stockTableBody');
const stocks = stockData[0]['供销社(241128)'];
stocks.forEach((stock, index) => {
const row = document.createElement('tr');
row.className = index % 2 === 0 ? 'border-b border-gray-200' : 'border-b border-gray-200 bg-gray-50';
const stockCell = document.createElement('td');
stockCell.className = 'py-3 px-4 font-bold text-gray-800';
stockCell.textContent = stock.stock;
const controllerCell = document.createElement('td');
controllerCell.className = 'py-3 px-4 text-gray-700';
controllerCell.textContent = stock.实控人;
const projectCell = document.createElement('td');
projectCell.className = 'py-3 px-4 text-gray-700';
projectCell.textContent = stock.计划项目 || '-';
const reasonCell = document.createElement('td');
reasonCell.className = 'py-3 px-4 text-gray-700';
reasonCell.textContent = stock.reason;
row.appendChild(stockCell);
row.appendChild(controllerCell);
row.appendChild(projectCell);
row.appendChild(reasonCell);
tableBody.appendChild(row);
});
}
// 初始化表格
generateStockTable();
// 初始化粒子背景
if (typeof tsParticles !== 'undefined') {
tsParticles.load("particles-js", {
particles: {
number: {
value: 30,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#3b82f6"
},
shape: {
type: "circle"
},
opacity: {
value: 0.5,
random: true
},
size: {
value: 3,
random: true
},
move: {
enable: true,
speed: 2,
direction: "none",
random: true,
straight: false,
out_mode: "out"
}
},
interactivity: {
events: {
onhover: {
enable: true,
mode: "repulse"
}
}
}
});
}
</script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
</body>
</html>
```