546 lines
35 KiB
HTML
546 lines
35 KiB
HTML
<!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>
|
||
|
||
<!-- Tailwind CSS & DaisyUI -->
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
||
<!-- Alpine.js -->
|
||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||
|
||
<!-- ECharts -->
|
||
<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=Noto+Sans+SC:wght@300;400;500;700&display=swap');
|
||
|
||
body {
|
||
font-family: 'Noto Sans SC', sans-serif;
|
||
background-color: #020418;
|
||
background-image:
|
||
radial-gradient(ellipse at 20% 80%, rgba(100, 120, 255, 0.15) 0%, transparent 50%),
|
||
radial-gradient(ellipse at 80% 20%, rgba(120, 100, 255, 0.15) 0%, transparent 50%),
|
||
radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 40%);
|
||
color: #e0e0e0;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.glass {
|
||
background: rgba(15, 17, 46, 0.3);
|
||
backdrop-filter: blur(12px);
|
||
-webkit-backdrop-filter: blur(12px);
|
||
border: 1px solid rgba(100, 116, 139, 0.2);
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
.glass:hover {
|
||
background: rgba(15, 17, 46, 0.5);
|
||
border: 1px solid rgba(100, 116, 139, 0.4);
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(90deg, #67e8f9, #a78bfa);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
text-fill-color: transparent;
|
||
}
|
||
|
||
.section-title {
|
||
font-size: 2.5rem;
|
||
font-weight: 700;
|
||
padding-bottom: 0.5rem;
|
||
border-bottom: 2px solid;
|
||
border-image-slice: 1;
|
||
border-image-source: linear-gradient(to right, #67e8f9, #a78bfa);
|
||
display: inline-block;
|
||
}
|
||
|
||
/* Custom DaisyUI component styles */
|
||
.tab {
|
||
transition: all 0.3s ease;
|
||
color: #9ca3af;
|
||
}
|
||
.tab-active {
|
||
color: #c4b5fd !important;
|
||
border-color: #a78bfa !important;
|
||
font-weight: 600;
|
||
}
|
||
.collapse-title {
|
||
font-weight: 600;
|
||
}
|
||
.table thead th {
|
||
background-color: rgba(30, 41, 59, 0.5);
|
||
color: #e5e7eb;
|
||
}
|
||
.prose {
|
||
color: #d1d5db;
|
||
}
|
||
.prose h1, .prose h2, .prose h3, .prose h4 {
|
||
color: #f3f4f6;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="min-h-screen">
|
||
<div class="container mx-auto p-4 md:p-8">
|
||
|
||
<!-- Header -->
|
||
<header class="text-center my-12 animate-fade-in-down">
|
||
<h1 class="text-5xl md:text-7xl font-bold gradient-text tracking-wider">上海自贸区</h1>
|
||
<h2 class="text-2xl md:text-3xl font-light text-slate-300 mt-4">深度行研报告</h2>
|
||
<p class="mt-6 text-sm text-slate-500 max-w-2xl mx-auto">
|
||
北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现，本报告为AI合成数据，投资需谨慎。
|
||
</p>
|
||
</header>
|
||
|
||
<!-- Insight Section -->
|
||
<section class="my-16" x-data>
|
||
<h3 class="section-title mb-8">概念洞察 (Insight)</h3>
|
||
|
||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||
<!-- Core View -->
|
||
<div class="glass rounded-3xl p-6 lg:col-span-3">
|
||
<h4 class="text-xl font-bold gradient-text mb-4">0. 核心观点摘要</h4>
|
||
<p class="text-slate-300 leading-relaxed">
|
||
上海自贸区概念已步入由顶层设计驱动的**“制度型开放2.0”**阶段，其核心驱动力正从传统的政策红利转向与国际高标准规则接轨带来的深层次改革。未来潜力巨大，尤其是在**数据要素、离岸金融**和**高端服务业**等领域，这些将是催生新商业模式和重塑产业链价值的沃土，但也面临着政策落地细节与区域间竞争的双重考验。
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Core Logic -->
|
||
<div class="glass rounded-3xl p-6 lg:col-span-2">
|
||
<h4 class="text-xl font-bold gradient-text mb-4">1. 核心逻辑与市场认知</h4>
|
||
<div class="space-y-4 text-slate-300">
|
||
<p><strong class="text-cyan-300">核心驱动力：</strong> 本质是在全球化格局重塑背景下，中国主动打造的与国际高标准经贸规则接轨的“压力测试区”。具体驱动力可分解为三大支柱：</p>
|
||
<ul class="list-disc list-inside space-y-2 pl-4">
|
||
<li><strong>金融高水平开放：</strong> 设立全功能资金池、发展离岸债券、创新自由贸易账户，旨在提升人民币国际化和上海国际金融中心能级。</li>
|
||
<li><strong>数据要素跨境流动：</strong> 破解数据安全与高效流动难题，抢占数字贸易规则制定制高点，已成立数据跨境服务中心。</li>
|
||
<li><strong>高端服务与贸易模式创新：</strong> 重点发展离岸贸易（争取免征印花税）、服务贸易和数字贸易，从货物贸易转向高附加值服务。</li>
|
||
</ul>
|
||
<p><strong class="text-cyan-300">市场热度与预期差：</strong> 市场关注度呈现“政策驱动下的脉冲式”特征。潜在的积极预期差在于市场可能低估了“数据跨境”对生物医药等实体产业的颠覆性赋能（如上海医药已获10%-15%成本优势）。消极预期差在于对政策的“普惠性”过度乐观，忽略了区域差异化和高开发成本等现实挑战。同时，市场可能忽略了与海南自贸港的竞争分流效应。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Catalysts -->
|
||
<div class="glass rounded-3xl p-6">
|
||
<h4 class="text-xl font-bold gradient-text mb-4">2. 关键催化剂与发展路径</h4>
|
||
<div class="space-y-4 text-slate-300">
|
||
<p><strong class="text-purple-300">近期催化剂 (3-6个月):</strong></p>
|
||
<ul class="list-decimal list-inside space-y-1 text-sm">
|
||
<li>《自贸试验区制度型开放2.0版方案》正式出台。</li>
|
||
<li>离岸贸易免征印花税政策获批。</li>
|
||
<li>第二批“联动创新区”落地细则。</li>
|
||
<li>数字人民币在离岸贸易场景的标杆案例。</li>
|
||
</ul>
|
||
<p><strong class="text-purple-300">长期发展路径:</strong></p>
|
||
<ul class="list-decimal list-inside space-y-1 text-sm">
|
||
<li><strong>当前-2027：</strong>制度攻坚与标杆打造。</li>
|
||
<li><strong>2027-2030：</strong>产业集聚与能级提升。</li>
|
||
<li><strong>长期：</strong>辐射全国与规则引领。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Industry Chain & Core Companies -->
|
||
<div class="glass rounded-3xl p-6 lg:col-span-3">
|
||
<h4 class="text-xl font-bold gradient-text mb-4">3. 产业链与核心公司剖析</h4>
|
||
<div class="space-y-4">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 text-sm">
|
||
<div class="border border-slate-700 rounded-xl p-4">
|
||
<h5 class="font-bold text-cyan-200">领导者 & 逻辑最纯粹者</h5>
|
||
<p class="font-semibold text-white mt-1">上海临港 (600848)</p>
|
||
<p class="text-slate-400 mt-2">临港新片区核心开发主体，与自贸区战略绑定度最高。风险在于高土地成本压制毛利率。</p>
|
||
</div>
|
||
<div class="border border-slate-700 rounded-xl p-4">
|
||
<h5 class="font-bold text-cyan-200">新逻辑的代表</h5>
|
||
<p class="font-semibold text-white mt-1">数据港 (603881)</p>
|
||
<p class="text-slate-400 mt-2">直接受益于“数据跨境流动”核心增量，“国际数据港先导区”建设提供巨大想象空间。</p>
|
||
</div>
|
||
<div class="border border-slate-700 rounded-xl p-4">
|
||
<h5 class="font-bold text-cyan-200">价值验证者</h5>
|
||
<p class="font-semibold text-white mt-1">上海医药 (600170)</p>
|
||
<p class="text-slate-400 mt-2">路演证实政策能转化为10%-15%成本优势，是验证制度创新有效性的最佳样本。</p>
|
||
</div>
|
||
<div class="border border-slate-700 rounded-xl p-4">
|
||
<h5 class="font-bold text-cyan-200">传统受益者</h5>
|
||
<p class="font-semibold text-white mt-1">畅联股份 (603648)</p>
|
||
<p class="text-slate-400 mt-2">深耕自贸区的高端物流商，直接受益于贸易量提升和通关效率加快，基本面稳健。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Risks & Conclusion -->
|
||
<div class="glass rounded-3xl p-6 lg:col-span-3 grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div>
|
||
<h4 class="text-xl font-bold gradient-text mb-4">4. 潜在风险与挑战</h4>
|
||
<ul class="list-disc list-inside space-y-2 text-slate-300">
|
||
<li><strong>政策风险:</strong> 顶层设计与落地执行之间可能存在差距，政策推进或不及预期。</li>
|
||
<li><strong>商业化风险:</strong> 前期基建投入巨大，政策红利转化为商业回报周期较长。</li>
|
||
<li><strong>竞争风险:</strong> 面临海南自贸港等国内区域的直接竞争，以及新加坡、香港等国际自由港的激烈竞争。</li>
|
||
<li><strong>信息交叉验证风险:</strong> 政策宣传与实际执行进度可能存在温差（如室内免税政策进展缓慢）。</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 class="text-xl font-bold gradient-text mb-4">5. 综合结论与投资启示</h4>
|
||
<p class="text-slate-300 mb-2">上海自贸区概念已进化到结构性基本面驱动阶段。投资机会将高度分化，集中于能将“制度优势”转化为“商业壁垒”的细分领域。</p>
|
||
<p class="font-semibold text-purple-300">最具投资价值的细分环节：</p>
|
||
<ul class="list-decimal list-inside space-y-1 text-slate-300">
|
||
<li>数据跨境服务产业链 (数据中心、安全合规、生物医药)。</li>
|
||
<li>离岸金融与数字贸易 (金融机构、贸易服务商)。</li>
|
||
<li>核心区域开发运营商 (上海临港)。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Supporting Data Section -->
|
||
<section class="my-16" x-data="{ tab: 'news' }">
|
||
<h3 class="section-title mb-8">支撑数据源</h3>
|
||
<div role="tablist" class="tabs tabs-bordered mb-6">
|
||
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'news' }" @click.prevent="tab = 'news'">新闻数据</a>
|
||
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'roadshow' }" @click.prevent="tab = 'roadshow'">路演纪要</a>
|
||
<a role="tab" class="tab" :class="{ 'tab-active': tab === 'report' }" @click.prevent="tab = 'report'">研报精粹</a>
|
||
</div>
|
||
|
||
<div class="space-y-4">
|
||
<!-- News Data -->
|
||
<div x-show="tab === 'news'" x-transition>
|
||
<div class="collapse collapse-arrow glass rounded-box">
|
||
<input type="radio" name="news-accordion" checked="checked" />
|
||
<div class="collapse-title text-xl font-medium text-cyan-300">一、 宏观政策与规划</div>
|
||
<div class="collapse-content prose max-w-none">
|
||
<ul>
|
||
<li><strong>出台制度型开放2.0版方案:</strong> 上海市长报告指出，今年将出台自贸区制度型开放2.0版方案，建设第二批联动创新区，深化增值电信业务开放试点。</li>
|
||
<li><strong>下一步改革方向:</strong> 将全面对接国际高标准经贸规则，打造开放层次更高、营商环境更优、辐射作用更强的改革开放新高地。</li>
|
||
<li><strong>试点成效及复制推广:</strong> 商务部表示，一年多来80条试点措施已基本落地，形成了一批先进经验和典型案例，将向更大范围复制推广，释放制度型开放红利。</li>
|
||
<li><strong>金融机制接轨:</strong> 将在浦东、自贸区、临港建立更多与国际规则接轨的金融交易机制与监管制度。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow glass rounded-box mt-2">
|
||
<input type="radio" name="news-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-cyan-300">二、 金融创新与开放</div>
|
||
<div class="collapse-content prose max-w-none">
|
||
<ul>
|
||
<li><strong>完善全功能资金池:</strong> 央行表示将完善上海自贸区全功能资金池跨境资金调拨，实现全球资金实时调拨。</li>
|
||
<li><strong>发行全球首单离岸债券:</strong> 2025年7月，上海清算所支持中国银行香港分行成功发行全球首单上海自贸区离岸债券，规模5亿元。</li>
|
||
<li><strong>设立工银自贸总部:</strong> 工商银行在上海成立工银自贸总部，将整合FT业务资源，升级跨境投融资服务。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow glass rounded-box mt-2">
|
||
<input type="radio" name="news-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-cyan-300">三、 制度创新与具体举措</div>
|
||
<div class="collapse-content prose max-w-none">
|
||
<ul>
|
||
<li><strong>成立数据跨境服务中心:</strong> 保税区、陆家嘴等五大片区数据跨境服务中心成立，提供“一站式”服务。</li>
|
||
<li><strong>支持生物医药数据跨境:</strong> 依托临港新片区试点，支持生物医药企业数据跨境安全合规流动。</li>
|
||
<li><strong>争取离岸贸易免征印花税:</strong> 上海争取国家支持对自贸区离岸贸易业务企业继续实施免征印花税优惠。</li>
|
||
<li><strong>政策覆盖范围扩容:</strong> 设立第二批联动创新区，推出86项改革任务，支持设立外商独资医院等。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Other news categories here -->
|
||
</div>
|
||
|
||
<!-- Roadshow Data -->
|
||
<div x-show="tab === 'roadshow'" x-transition>
|
||
<div class="collapse collapse-arrow glass rounded-box">
|
||
<input type="radio" name="roadshow-accordion" checked="checked" />
|
||
<div class="collapse-title text-xl font-medium text-purple-300">上海临港 (2025-04-14)</div>
|
||
<div class="collapse-content prose max-w-none">
|
||
<ul>
|
||
<li><strong>政策优势:</strong> 自贸区免关税政策抵消贸易战负面影响，上海自贸区政策优势是公司发展的核心机遇之一。</li>
|
||
<li><strong>核心业务区域:</strong> 临港新片区为核心，推进滴水湖金融湾、漕河泾园区等项目建设。</li>
|
||
<li><strong>挑战:</strong> 新片区开发的高土地成本压制毛利率。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow glass rounded-box mt-2">
|
||
<input type="radio" name="roadshow-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-purple-300">上海医药 (2024-11-22)</div>
|
||
<div class="collapse-content prose max-w-none">
|
||
<ul>
|
||
<li><strong>国际化战略:</strong> 明确指出依托上海自贸区政策，扩大进口药代理规模，目标成为全球最大药品进口平台。</li>
|
||
<li><strong>成本优势验证:</strong> 路演问答环节透露，依托自贸区政策优势，公司进口药代理成本已低于同行10%-15%，构筑了核心竞争壁垒。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow glass rounded-box mt-2">
|
||
<input type="radio" name="roadshow-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-purple-300">招商蛇口/保利发展 (2024-05-28)</div>
|
||
<div class="collapse-content prose max-w-none">
|
||
<ul>
|
||
<li><strong>房地产差异化政策:</strong> 明确提及自贸区临港新片区在限购政策上仍保持1年社保要求，并享受更低的首套房首付比例和贷款利率，体现了政策的区域倾斜。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Report Data -->
|
||
<div x-show="tab === 'report'" x-transition>
|
||
<div class="collapse collapse-arrow glass rounded-box">
|
||
<input type="radio" name="report-accordion" checked="checked" />
|
||
<div class="collapse-title text-xl font-medium text-indigo-300">自贸区提升战略研报 (2025-04-23)</div>
|
||
<div class="collapse-content prose max-w-none">
|
||
<ul>
|
||
<li><strong>核心观点:</strong> 上海自贸区兼具科技和对外开放两大功能，是传统政策核心高地。提升战略将有利于上海园区公司快速发展。</li>
|
||
<li><strong>政策重点:</strong> 贸易、投资、资金、运输、人员、数据六大自由便利与安全流动。探索生物医药“白名单”制度、扩大跨国公司本外币一体化资金池等。</li>
|
||
<li><strong>投资建议:</strong> 推荐张江高科，受益标的包括浦东金桥、陆家嘴、上海临港、市北高新。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow glass rounded-box mt-2">
|
||
<input type="radio" name="report-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-indigo-300">央行推进自贸区改革研报 (2025-07-06)</div>
|
||
<div class="collapse-content prose max-w-none">
|
||
<ul>
|
||
<li><strong>金融创新数据:</strong> 截至5月末，上海跨国公司设立跨境资金池达169家，额度全国前列。</li>
|
||
<li><strong>数字人民币应用:</strong> 在临港新片区离岸贸易场景中支持数字人民币创新应用，为企业开立单位钱包。</li>
|
||
<li><strong>政策方向:</strong> 陆家嘴论坛宣布发展自贸离岸债、优化自由贸易账户功能等八项政策，并将“上海经验”向全国推广。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow glass rounded-box mt-2">
|
||
<input type="radio" name="report-accordion" />
|
||
<div class="collapse-title text-xl font-medium text-indigo-300">海南自贸港影响分析研报 (多份)</div>
|
||
<div class="collapse-content prose max-w-none">
|
||
<ul>
|
||
<li><strong>竞争与协同:</strong> 海南自贸港在国际航运、免税零售等方面可能对上海形成补充或竞争关系。海南的“零关税”商品可能对上海零售消费产生分流效应。</li>
|
||
<li><strong>政策对比:</strong> 海南自贸港的封关政策可能为上海等其他自贸区提供示范效应，推动全国政策协同优化。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stock Data Section -->
|
||
<section class="my-16">
|
||
<h3 class="section-title mb-8">产业链图谱与数据</h3>
|
||
|
||
<!-- ECharts Chart -->
|
||
<div class="glass rounded-3xl p-6 mb-8">
|
||
<h4 class="text-xl font-bold gradient-text mb-4">概念股逻辑分布</h4>
|
||
<div id="stock-reason-chart" style="width: 100%; height: 400px;"></div>
|
||
</div>
|
||
|
||
<!-- Rise Analysis -->
|
||
<div class="mb-8">
|
||
<h4 class="text-xl font-bold gradient-text mb-4">近期涨幅异动分析</h4>
|
||
<div class="space-y-2">
|
||
<div class="collapse collapse-arrow glass rounded-box">
|
||
<input type="checkbox" />
|
||
<div class="collapse-title">
|
||
<div class="flex items-center space-x-4">
|
||
<span class="font-bold text-lg text-white">兰生股份 (600826)</span>
|
||
<span class="badge badge-accent">+10.01%</span>
|
||
<span class="text-sm text-slate-400">2025-07-14</span>
|
||
</div>
|
||
</div>
|
||
<div class="collapse-content prose max-w-none p-4">
|
||
<p><strong>核心结论:</strong> 控股股东与临港新片区签约共建“上海国际数字贸易与服务基地”，公司锁定30万㎡综合体运营权+3亿元政府补贴，基本面迎来确定性增量。</p>
|
||
<p><strong>驱动概念:</strong> 上海自贸区 + 数字贸易 + 国资数据上链</p>
|
||
</div>
|
||
</div>
|
||
<div class="collapse collapse-arrow glass rounded-box">
|
||
<input type="checkbox" />
|
||
<div class="collapse-title">
|
||
<div class="flex items-center space-x-4">
|
||
<span class="font-bold text-lg text-white">西上海 (605151)</span>
|
||
<span class="badge badge-accent">+9.99%</span>
|
||
<span class="text-sm text-slate-400">2025-06-12</span>
|
||
</div>
|
||
</div>
|
||
<div class="collapse-content prose max-w-none p-4">
|
||
<p><strong>核心结论:</strong> 受收购武汉元丰拓展汽车零部件业务及市场热点轮动至新能源汽车产业链双重驱动。</p>
|
||
<p><strong>驱动概念:</strong> 新能源汽车产业链 + 一带一路 + 自贸区建设</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Stock Table -->
|
||
<div class="glass rounded-3xl p-6">
|
||
<h4 class="text-xl font-bold gradient-text mb-4">相关概念股列表</h4>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra w-full">
|
||
<thead>
|
||
<tr>
|
||
<th>股票名称</th>
|
||
<th>股票代码</th>
|
||
<th>核心逻辑</th>
|
||
<th>其他标签</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td>上海临港</td><td><a href='https://valuefrontier.cn/company?scode=600848' target='_blank' class='link link-hover text-cyan-400'>600848</a></td><td>房地产</td><td>上海自贸区</td></tr>
|
||
<tr><td>陆家嘴</td><td><a href='https://valuefrontier.cn/company?scode=600663' target='_blank' class='link link-hover text-cyan-400'>600663</a></td><td>房地产</td><td>上海自贸区</td></tr>
|
||
<tr><td>浦东金桥</td><td><a href='https://valuefrontier.cn/company?scode=600639' target='_blank' class='link link-hover text-cyan-400'>600639</a></td><td>房地产</td><td>上海自贸区</td></tr>
|
||
<tr><td>市北高新</td><td><a href='https://valuefrontier.cn/company?scode=600604' target='_blank' class='link link-hover text-cyan-400'>600604</a></td><td>房地产</td><td>上海自贸区</td></tr>
|
||
<tr><td>畅联股份</td><td><a href='https://valuefrontier.cn/company?scode=603648' target='_blank' class='link link-hover text-cyan-400'>603648</a></td><td>物流</td><td>上海自贸区</td></tr>
|
||
<tr><td>上海物贸</td><td><a href='https://valuefrontier.cn/company?scode=600822' target='_blank' class='link link-hover text-cyan-400'>600822</a></td><td>贸易</td><td>上海自贸区</td></tr>
|
||
<tr><td>长江投资</td><td><a href='https://valuefrontier.cn/company?scode=600119' target='_blank' class='link link-hover text-cyan-400'>600119</a></td><td>贸易</td><td>上海自贸区</td></tr>
|
||
<tr><td>数据港</td><td><a href='https://valuefrontier.cn/company?scode=603881' target='_blank' class='link link-hover text-cyan-400'>603881</a></td><td>人工智能</td><td>上海自贸区</td></tr>
|
||
<tr><td>金桥信息</td><td><a href='https://valuefrontier.cn/company?scode=603918' target='_blank' class='link link-hover text-cyan-400'>603918</a></td><td>人工智能</td><td>上海自贸区</td></tr>
|
||
<tr><td>中远海科</td><td><a href='https://valuefrontier.cn/company?scode=002401' target='_blank' class='link link-hover text-cyan-400'>002401</a></td><td>数据要素</td><td>上海自贸区</td></tr>
|
||
<tr><td>新炬网络</td><td><a href='https://valuefrontier.cn/company?scode=605398' target='_blank' class='link link-hover text-cyan-400'>605398</a></td><td>数据要素</td><td>上海自贸区</td></tr>
|
||
<tr><td>浦东建设</td><td><a href='https://valuefrontier.cn/company?scode=600284' target='_blank' class='link link-hover text-cyan-400'>600284</a></td><td>基础建设</td><td>上海自贸区</td></tr>
|
||
<tr><td>隧道股份</td><td><a href='https://valuefrontier.cn/company?scode=600820' target='_blank' class='link link-hover text-cyan-400'>600820</a></td><td>基础建设</td><td>上海自贸区</td></tr>
|
||
<tr><td>华鑫股份</td><td><a href='https://valuefrontier.cn/company?scode=600621' target='_blank' class='link link-hover text-cyan-400'>600621</a></td><td>金融</td><td>上海自贸区</td></tr>
|
||
<tr><td>上海银行</td><td><a href='https://valuefrontier.cn/company?scode=601229' target='_blank' class='link link-hover text-cyan-400'>601229</a></td><td>金融</td><td>上海自贸区</td></tr>
|
||
<tr><td>上海电影</td><td><a href='https://valuefrontier.cn/company?scode=601595' target='_blank' class='link link-hover text-cyan-400'>601595</a></td><td>传媒</td><td>上海自贸区</td></tr>
|
||
<tr><td>威贸电子</td><td><a href='https://valuefrontier.cn/company?scode=920346' target='_blank' class='link link-hover text-cyan-400'>920346</a></td><td>北交所相关</td><td>上海自贸区</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
const stockData = [
|
||
{"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": "金融"},
|
||
{"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": "北交所相关"}
|
||
];
|
||
|
||
const reasonCounts = stockData.reduce((acc, stock) => {
|
||
acc[stock.reason] = (acc[stock.reason] || 0) + 1;
|
||
return acc;
|
||
}, {});
|
||
|
||
const chartData = Object.keys(reasonCounts).map(key => ({
|
||
name: key,
|
||
value: reasonCounts[key]
|
||
}));
|
||
|
||
var chartDom = document.getElementById('stock-reason-chart');
|
||
var myChart = echarts.init(chartDom, 'dark');
|
||
var option;
|
||
|
||
option = {
|
||
backgroundColor: 'transparent',
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: '{b} : {c} ({d}%)',
|
||
backgroundColor: 'rgba(15, 17, 46, 0.7)',
|
||
borderColor: '#64748b',
|
||
textStyle: {
|
||
color: '#e2e8f0'
|
||
}
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
left: 'left',
|
||
top: 'center',
|
||
textStyle: {
|
||
color: '#cbd5e1'
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: '逻辑分布',
|
||
type: 'pie',
|
||
radius: ['40%', '70%'],
|
||
center: ['65%', '50%'],
|
||
avoidLabelOverlap: false,
|
||
itemStyle: {
|
||
borderRadius: 10,
|
||
borderColor: 'rgba(2, 4, 24, 0.8)',
|
||
borderWidth: 2
|
||
},
|
||
label: {
|
||
show: false,
|
||
position: 'center'
|
||
},
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
fontSize: 24,
|
||
fontWeight: 'bold',
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
labelLine: {
|
||
show: false
|
||
},
|
||
data: chartData,
|
||
color: ['#06b6d4', '#8b5cf6', '#3b82f6', '#ec4899', '#f97316', '#10b981', '#eab308', '#64748b', '#d946ef']
|
||
}
|
||
]
|
||
};
|
||
|
||
option && myChart.setOption(option);
|
||
|
||
window.addEventListener('resize', () => {
|
||
myChart.resize();
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |