Files
vf_react/public/htmls/上海并购重组.html
2025-10-11 16:16:02 +08:00

669 lines
31 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">
<title>上海并购重组概念分析报告</title>
<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>
<!-- Tailwind CSS -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<!-- DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
<!-- Custom CSS -->
<style>
body {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
min-height: 100vh;
}
.card {
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
border: 1px solid rgba(255, 255, 255, 0.18);
}
.timeline-dot {
position: relative;
}
.timeline-dot::before {
content: '';
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #3b82f6;
left: -20px;
top: 6px;
}
.timeline-line {
position: absolute;
width: 2px;
background-color: #e5e7eb;
left: -14px;
top: 18px;
bottom: -18px;
}
.timeline-item:last-child .timeline-line {
display: none;
}
.gradient-text {
background: linear-gradient(90deg, #3b82f6, #8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.concept-tag {
display: inline-block;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
font-size: 0.75rem;
font-weight: 600;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
.concept-tag并购重组 {
background-color: #dbeafe;
color: #1e40af;
}
.concept-tagAI概念 {
background-color: #ede9fe;
color: #5b21b6;
}
.concept-tag芯片 {
background-color: #fce7f3;
color: #9f1239;
}
.concept-tag新能源 {
background-color: #dcfce7;
color: #166534;
}
.concept-tag汽车 {
background-color: #fef3c7;
color: #92400e;
}
.concept-tag机器人 {
background-color: #e0f2fe;
color: #0c4a6e;
}
@media (max-width: 768px) {
.timeline-line {
left: -10px;
}
.timeline-dot::before {
left: -16px;
}
}
</style>
</head>
<body class="p-4 md:p-8">
<div id="particles-js" class="fixed inset-0 -z-10"></div>
<div class="max-w-6xl mx-auto">
<!-- 标题区域 -->
<div class="text-center mb-10">
<h1 class="text-3xl md:text-4xl font-bold gradient-text mb-2">上海并购重组概念分析</h1>
<p class="text-gray-600">政策红利与产业需求共振的投资机会</p>
</div>
<!-- 概念事件 -->
<div class="card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-calendar-alt text-blue-500 mr-3"></i>概念事件
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<!-- 政策时间轴 -->
<div>
<h3 class="text-lg font-semibold text-gray-700 mb-3">政策时间轴</h3>
<div class="pl-6 relative">
<div class="timeline-item relative pb-4">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-blue-50 p-3 rounded-lg">
<p class="font-medium text-blue-700">2024-11-12</p>
<p class="text-sm text-gray-700">上海市政府常务会议原则通过《上海市支持上市公司并购重组行动方案2025—2027年提出三年培育10家头部公司、形成3000亿并购规模</p>
</div>
</div>
<div class="timeline-item relative pb-4">
<div class="timeline-dot"></div>
<div class="timeline-line"></div>
<div class="bg-blue-50 p-3 rounded-lg">
<p class="font-medium text-blue-700">2024-12-10</p>
<p class="text-sm text-gray-700">上海正式发布《行动方案》,明确加快推进证券公司合并(如国泰君安+海通证券),打造一流投资银行</p>
</div>
</div>
<div class="timeline-item relative">
<div class="timeline-dot"></div>
<div class="bg-blue-50 p-3 rounded-lg">
<p class="font-medium text-blue-700">2025-03-25</p>
<p class="text-sm text-gray-700">上海国资并购基金矩阵落地总规模500亿元聚焦集成电路、生物医药、高端装备等八大领域</p>
</div>
</div>
</div>
</div>
<!-- 催化事件 -->
<div>
<h3 class="text-lg font-semibold text-gray-700 mb-3">催化事件</h3>
<div class="space-y-4">
<div class="bg-purple-50 p-4 rounded-lg">
<p class="font-medium text-purple-700 mb-1">券商合并</p>
<p class="text-sm text-gray-700">国泰君安601211与海通证券600837宣布合并为A股史上最大A+H券商整合</p>
</div>
<div class="bg-purple-50 p-4 rounded-lg">
<p class="font-medium text-purple-700 mb-1">地方国企案例</p>
<p class="text-sm text-gray-700">上海电气601727拟30.82亿元收购宁笙实业发那科机器人50%股权),切入智能机器人赛道</p>
</div>
</div>
</div>
</div>
</div>
<!-- 核心观点摘要 -->
<div class="card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-lightbulb text-yellow-500 mr-3"></i>核心观点摘要
</h2>
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 p-5 rounded-xl">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-white p-4 rounded-lg shadow-sm">
<h3 class="font-semibold text-blue-600 mb-2">阶段判断</h3>
<p class="text-sm text-gray-700">上海并购重组已从政策预热期进入落地加速期2025年将成为地方国资主导的产业整合元年</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<h3 class="font-semibold text-blue-600 mb-2">核心驱动力</h3>
<p class="text-sm text-gray-700">政策3000亿规模目标+券商合并)+ 国资基金500亿并购矩阵+ 产业需求(半导体/生物医药补链)</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<h3 class="font-semibold text-blue-600 mb-2">未来潜力</h3>
<p class="text-sm text-gray-700">券商整合(国泰君安+海通)和硬科技并购(中微公司、沪硅产业)是两大主线,预期差在于现金充裕的地方国企</p>
</div>
</div>
</div>
</div>
<!-- 核心逻辑与市场认知分析 -->
<div class="card rounded-2xl 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="grid grid-cols-1 md:grid-cols-2 gap-6">
<!-- 核心驱动力 -->
<div>
<h3 class="text-lg font-semibold text-gray-700 mb-3">核心驱动力</h3>
<div class="space-y-3">
<div class="flex items-start">
<div class="bg-blue-100 p-2 rounded-full mr-3">
<i class="fas fa-gavel text-blue-600 text-sm"></i>
</div>
<div>
<p class="font-medium text-gray-800">政策强制力</p>
<p class="text-sm text-gray-600">上海要求2027年并购规模达3000亿并明确"链主企业+并购基金"模式</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 p-2 rounded-full mr-3">
<i class="fas fa-coins text-blue-600 text-sm"></i>
</div>
<div>
<p class="font-medium text-gray-800">国资现金流优势</p>
<p class="text-sm text-gray-600">上海国资上市公司2023年分红608亿现金/市值比超30%的企业具备并购支付能力</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 p-2 rounded-full mr-3">
<i class="fas fa-microchip text-blue-600 text-sm"></i>
</div>
<div>
<p class="font-medium text-gray-800">产业痛点</p>
<p class="text-sm text-gray-600">半导体设备国产化率不足20%,中微公司等需通过并购补全技术短板</p>
</div>
</div>
</div>
</div>
<!-- 市场热度与情绪 -->
<div>
<h3 class="text-lg font-semibold text-gray-700 mb-3">市场热度与情绪</h3>
<div class="space-y-3">
<div class="flex items-start">
<div class="bg-purple-100 p-2 rounded-full mr-3">
<i class="fas fa-chart-line text-purple-600 text-sm"></i>
</div>
<div>
<p class="font-medium text-gray-800">研报密集度</p>
<p class="text-sm text-gray-600">2024Q4以来东吴、国君、浙商等10家券商发布上海并购重组专题报告提及标的超50家</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-purple-100 p-2 rounded-full mr-3">
<i class="fas fa-balance-scale text-purple-600 text-sm"></i>
</div>
<div>
<p class="font-medium text-gray-800">情绪分化</p>
<p class="text-sm text-gray-600">市场对券商合并预期充分PB溢价15%),但对地方国企跨界并购认知不足</p>
</div>
</div>
</div>
</div>
</div>
<!-- 预期差分析 -->
<div class="mt-6 bg-yellow-50 p-5 rounded-xl">
<h3 class="text-lg font-semibold text-gray-700 mb-3">预期差分析</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="font-medium text-gray-800 mb-2">被忽略的关键点</p>
<ul class="text-sm text-gray-700 space-y-2">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-0.5 mr-2"></i>
<span>支付工具创新:上海允许可转债+分期支付,降低现金压力,利好中小市值标的</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-0.5 mr-2"></i>
<span>隐性标的:云赛智联作为上海国资唯一数据运营平台,存在资产注入预期</span>
</li>
</ul>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="font-medium text-gray-800 mb-2">验证与证伪</p>
<ul class="text-sm text-gray-700 space-y-2">
<li class="flex items-start">
<i class="fas fa-times-circle text-red-500 mt-0.5 mr-2"></i>
<span>证伪信号若国泰君安合并后ROE未提升当前8.5% vs 行业10%),则逻辑受损</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-500 mt-0.5 mr-2"></i>
<span>验证信号中微公司2025H1披露并购标的PS<10x则估值合理</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 关键催化剂与未来发展路径 -->
<div class="card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-rocket text-red-500 mr-3"></i>关键催化剂与未来发展路径
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<!-- 近期催化剂 -->
<div>
<h3 class="text-lg font-semibold text-gray-700 mb-3">近期催化剂3-6个月</h3>
<div class="space-y-3">
<div class="bg-red-50 p-4 rounded-lg border-l-4 border-red-400">
<p class="font-medium text-red-700">券商合并落地</p>
<p class="text-sm text-gray-700">国泰君安601211与海通证券600837合并方案预计2025Q2完成催生行业估值重估</p>
</div>
<div class="bg-red-50 p-4 rounded-lg border-l-4 border-red-400">
<p class="font-medium text-red-700">基金首批项目</p>
<p class="text-sm text-gray-700">500亿国资并购基金2025Q1启动投资首批标的或披露关注中微公司688012、沪硅产业688126</p>
</div>
<div class="bg-red-50 p-4 rounded-lg border-l-4 border-red-400">
<p class="font-medium text-red-700">政策细则</p>
<p class="text-sm text-gray-700">上海将发布并购标的白名单(集成电路/生物医药),可能包含未上市硬科技企业</p>
</div>
</div>
</div>
<!-- 长期路径 -->
<div>
<h3 class="text-lg font-semibold text-gray-700 mb-3">长期路径2025-2027</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-indigo-100 text-indigo-800 rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">
1
</div>
<div>
<p class="font-medium text-gray-800">阶段12025</p>
<p class="text-sm text-gray-600">国资主导,完成券商+半导体两大整合案例</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-indigo-100 text-indigo-800 rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">
2
</div>
<div>
<p class="font-medium text-gray-800">阶段22026</p>
<p class="text-sm text-gray-600">市场化并购兴起CVC基金如上汽集团600104收购新能源技术公司</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-indigo-100 text-indigo-800 rounded-full w-8 h-8 flex items-center justify-center mr-3 flex-shrink-0">
3
</div>
<div>
<p class="font-medium text-gray-800">阶段32027</p>
<p class="text-sm text-gray-600">形成3-5家千亿级并购基金上海成为全球硬科技并购枢纽</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 产业链与核心公司深度剖析 -->
<div class="card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-project-diagram text-green-500 mr-3"></i>产业链与核心公司深度剖析
</h2>
<!-- 产业链图谱 -->
<div class="mb-6">
<h3 class="text-lg font-semibold text-gray-700 mb-3">产业链图谱</h3>
<div class="bg-gradient-to-r from-green-50 to-teal-50 p-5 rounded-xl">
<div class="flex flex-wrap items-center justify-center gap-4">
<div class="bg-white px-4 py-2 rounded-lg shadow-sm">
<p class="font-medium text-green-700">政策端</p>
<p class="text-sm text-gray-600">上海国资委</p>
</div>
<div class="text-gray-400">
<i class="fas fa-arrow-right"></i>
</div>
<div class="bg-white px-4 py-2 rounded-lg shadow-sm">
<p class="font-medium text-green-700">并购基金</p>
<p class="text-sm text-gray-600">500亿矩阵</p>
</div>
<div class="text-gray-400">
<i class="fas fa-arrow-right"></i>
</div>
<div class="bg-white px-4 py-2 rounded-lg shadow-sm">
<p class="font-medium text-green-700">标的端</p>
<p class="text-sm text-gray-600">半导体/生物医药</p>
</div>
<div class="text-gray-400">
<i class="fas fa-arrow-right"></i>
</div>
<div class="bg-white px-4 py-2 rounded-lg shadow-sm">
<p class="font-medium text-green-700">退出端</p>
<p class="text-sm text-gray-600">科创板IPO</p>
</div>
</div>
</div>
</div>
<!-- 核心玩家对比 -->
<div>
<h3 class="text-lg font-semibold text-gray-700 mb-3">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="min-w-full bg-white rounded-lg overflow-hidden">
<thead class="bg-gray-50">
<tr>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">公司</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">角色</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">并购逻辑</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">风险点</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="py-3 px-4 text-sm font-medium text-gray-900">国泰君安</td>
<td class="py-3 px-4 text-sm text-gray-700">券商整合龙头</td>
<td class="py-3 px-4 text-sm text-gray-700">合并海通后经纪市占率升至12%</td>
<td class="py-3 px-4 text-sm text-gray-700">整合周期长(文化冲突)</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">中微公司</td>
<td class="py-3 px-4 text-sm text-gray-700">半导体设备</td>
<td class="py-3 px-4 text-sm text-gray-700">现金储备100亿拟并购刻蚀/薄膜设备企业</td>
<td class="py-3 px-4 text-sm text-gray-700">标的估值泡沫PS>15x</td>
</tr>
<tr>
<td class="py-3 px-4 text-sm font-medium text-gray-900">云赛智联</td>
<td class="py-3 px-4 text-sm text-gray-700">数据运营平台</td>
<td class="py-3 px-4 text-sm text-gray-700">上海智算二期扩容国资或增持至30%+</td>
<td class="py-3 px-4 text-sm text-gray-700">技术协同性待验证</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 text-sm font-medium text-gray-900">华谊集团</td>
<td class="py-3 px-4 text-sm text-gray-700">化工转型标的</td>
<td class="py-3 px-4 text-sm text-gray-700">现金/市值比166%,切入新材料赛道</td>
<td class="py-3 px-4 text-sm text-gray-700">跨界管理难度</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 潜在风险与挑战 -->
<div class="card rounded-2xl 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-orange-500 mr-3"></i>潜在风险与挑战
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-orange-50 p-5 rounded-xl">
<div class="flex items-start">
<div class="bg-orange-100 p-2 rounded-full mr-3">
<i class="fas fa-microchip text-orange-600"></i>
</div>
<div>
<p class="font-medium text-gray-800">技术风险</p>
<p class="text-sm text-gray-700">半导体设备并购后技术消化失败(如北方华创收购芯源微案例)</p>
</div>
</div>
</div>
<div class="bg-orange-50 p-5 rounded-xl">
<div class="flex items-start">
<div class="bg-orange-100 p-2 rounded-full mr-3">
<i class="fas fa-pills text-orange-600"></i>
</div>
<div>
<p class="font-medium text-gray-800">商业化风险</p>
<p class="text-sm text-gray-700">生物医药标的盈利周期长(平均>5年基金退出压力大</p>
</div>
</div>
</div>
<div class="bg-orange-50 p-5 rounded-xl">
<div class="flex items-start">
<div class="bg-orange-100 p-2 rounded-full mr-3">
<i class="fas fa-ban text-orange-600"></i>
</div>
<div>
<p class="font-medium text-gray-800">政策风险</p>
<p class="text-sm text-gray-700">若券商合并遇监管否决(如反垄断),将打击市场情绪</p>
</div>
</div>
</div>
<div class="bg-orange-50 p-5 rounded-xl">
<div class="flex items-start">
<div class="bg-orange-100 p-2 rounded-full mr-3">
<i class="fas fa-balance-scale-right text-orange-600"></i>
</div>
<div>
<p class="font-medium text-gray-800">信息矛盾</p>
<p class="text-sm text-gray-700">路演称"需求大于供给"优质标的稀缺但政策要求3000亿规模可能倒逼低质量并购</p>
</div>
</div>
</div>
</div>
</div>
<!-- 综合结论与投资启示 -->
<div class="card rounded-2xl p-6 mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-clipboard-check text-indigo-500 mr-3"></i>综合结论与投资启示
</h2>
<div class="bg-gradient-to-r from-indigo-50 to-purple-50 p-5 rounded-xl mb-6">
<p class="font-medium text-gray-800 mb-3">阶段判断</p>
<p class="text-gray-700">处于政策驱动向基本面驱动过渡期2025年Q2-Q3为验证窗口</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<div>
<h3 class="text-lg font-semibold text-gray-700 mb-3">高价值方向</h3>
<div class="space-y-3">
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="font-medium text-indigo-700 mb-1">券商整合</p>
<p class="text-sm text-gray-700">国泰君安601211+海通证券600837合并后的协同效应成本削减15%+</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="font-medium text-indigo-700 mb-1">硬科技并购</p>
<p class="text-sm text-gray-700">中微公司688012产业链补全刻蚀+薄膜设备市占率目标30%</p>
</div>
</div>
</div>
<div>
<h3 class="text-lg font-semibold text-gray-700 mb-3">关键跟踪指标</h3>
<div class="space-y-3">
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="font-medium text-indigo-700 mb-1">并购基金投资进度</p>
<p class="text-sm text-gray-700">2025Q1首批项目披露金额目标>100亿</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="font-medium text-indigo-700 mb-1">标的估值</p>
<p class="text-sm text-gray-700">半导体设备标的PS<12x为安全区间</p>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<p class="font-medium text-indigo-700 mb-1">政策落地</p>
<p class="text-sm text-gray-700">上海并购标的白名单发布时间预计2025年3月</p>
</div>
</div>
</div>
</div>
<div class="bg-gradient-to-r from-blue-500 to-indigo-600 p-5 rounded-xl text-white">
<p class="font-bold text-lg mb-2">结论</p>
<p>上海并购重组是政策红利+产业需求共振的确定性机会,优先布局现金充裕的国资链主(如云赛智联、华谊集团),警惕高估值跨界并购陷阱。</p>
</div>
</div>
<!-- 关联股票数据 -->
<div class="card rounded-2xl p-6">
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
<i class="fas fa-chart-line text-blue-500 mr-3"></i>关联股票数据
</h2>
<div class="overflow-x-auto">
<table class="min-w-full bg-white rounded-lg overflow-hidden">
<thead class="bg-gray-50">
<tr>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">股票名称</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">概念</th>
<th class="py-3 px-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">原因</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200" id="stockTableBody">
<!-- 股票数据将通过JavaScript动态插入 -->
</tbody>
</table>
</div>
</div>
</div>
<!-- JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script>
// 初始化粒子背景
tsParticles.load("particles-js", {
particles: {
number: {
value: 30,
density: {
enable: true,
value_area: 800
}
},
color: {
value: "#3b82f6"
},
shape: {
type: "circle"
},
opacity: {
value: 0.1,
random: true
},
size: {
value: 5,
random: true
},
move: {
enable: true,
speed: 2,
direction: "none",
random: true,
straight: false,
out_mode: "out"
}
},
interactivity: {
events: {
onhover: {
enable: true,
mode: "repulse"
}
}
}
});
// 股票数据
const stockData = [{'上海并购重组(241113)': [
{'stock': '上海电气', '概念': '并购重组', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '雅运股份', '概念': '并购重组', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '中船科技', '概念': '并购重组', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '上海建科', '概念': '并购重组', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '宝信软件', '概念': 'AI概念', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '网宿科技', '概念': 'AI概念', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '安硕信息', '概念': 'AI概念', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '天玑科技', '概念': 'AI概念', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '中微公司', '概念': '芯片', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '沪硅产业', '概念': '芯片', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '澜起科技', '概念': '芯片', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '上海贝岭', '概念': '芯片', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '璞泰来', '概念': '新能源', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '爱旭股份', '概念': '新能源', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '协鑫集成', '概念': '新能源', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '派能科技', '概念': '新能源', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '上汽集团', '概念': '汽车', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '华域汽车', '概念': '汽车', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '保隆科技', '概念': '汽车', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '上海汽配', '概念': '汽车', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '鸣志电器', '概念': '机器人', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '科大智能', '概念': '机器人', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '延华智能', '概念': '机器人', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'},
{'stock': '克来机电', '概念': '机器人', '原因': '上海部署支持上市公司并购重组,周三上海本地股集体走强'}
]}];
// 填充股票表格
function populateStockTable() {
const tableBody = document.getElementById('stockTableBody');
const stocks = stockData[0]['上海并购重组(241113)'];
stocks.forEach((stock, index) => {
const row = document.createElement('tr');
if (index % 2 === 0) {
row.classList.add('bg-gray-50');
}
row.innerHTML = `
<td class="py-3 px-4 text-sm font-medium text-gray-900">${stock.stock}</td>
<td class="py-3 px-4 text-sm text-gray-700">
<span class="concept-tag concept-tag${stock.概念}">${stock.概念}</span>
</td>
<td class="py-3 px-4 text-sm text-gray-700">${stock.原因}</td>
`;
tableBody.appendChild(row);
});
}
// 页面加载完成后填充表格
document.addEventListener('DOMContentLoaded', populateStockTable);
</script>
</body>
</html>
```