Files
vf_react/public/htmls/医疗器械.html
2025-10-11 16:16:02 +08:00

554 lines
43 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/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
<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/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
<style>
body {
font-family: 'Inter', sans-serif;
}
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.card-shadow {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.text-gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.section-title {
position: relative;
padding-left: 20px;
}
.section-title::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 24px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 3px;
}
.highlight-box {
background: rgba(102, 126, 234, 0.1);
border-left: 4px solid #667eea;
}
#particles-js {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.table-container {
overflow-x: auto;
}
@media (max-width: 768px) {
.table-container {
font-size: 0.8rem;
}
}
</style>
</head>
<body class="bg-gray-50">
<div id="particles-js"></div>
<div class="container mx-auto px-4 py-8 max-w-7xl">
<!-- 标题部分 -->
<div class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">医疗器械行业洞察报告</h1>
<p class="text-lg 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-6 section-title">概念事件</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="highlight-box p-4 rounded-lg">
<h3 class="text-lg font-semibold text-gray-800 mb-3">背景与催化事件</h3>
<ul class="space-y-2 text-gray-700">
<li class="flex items-start">
<span class="text-purple-600 mr-2"></span>
<span><strong>2025年1月</strong>:国务院发布《关于全面深化药品医疗器械监管改革促进医药产业高质量发展的意见》,明确<strong>高端创新器械优先审评</strong>审批时限从60天缩短至30天并纳入医保支付范围。</span>
</li>
<li class="flex items-start">
<span class="text-purple-600 mr-2"></span>
<span><strong>2025年3月</strong>:国家药监局发布《优化全生命周期监管支持高端医疗器械创新发展的举措(征求意见稿)》,聚焦<strong>AI医疗、脑机接口、手术机器人</strong>等前沿领域,提出"附条件批准"机制。</span>
</li>
<li class="flex items-start">
<span class="text-purple-600 mr-2"></span>
<span><strong>2024年12月</strong>:国家药监局批准<strong>276个医疗器械产品注册</strong>境内第三类占比85%),创历史新高,显示审批加速。</span>
</li>
<li class="flex items-start">
<span class="text-purple-600 mr-2"></span>
<span><strong>区域政策</strong>北京计划2026年产业规模突破<strong>500亿元</strong>,深圳提出打造"全球医疗器械之都"。</span>
</li>
</ul>
</div>
<div class="highlight-box p-4 rounded-lg">
<h3 class="text-lg font-semibold text-gray-800 mb-3">时间轴</h3>
<div class="space-y-4">
<div class="flex">
<div class="flex-shrink-0 w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center text-purple-600 font-bold">2024</div>
<div class="ml-4">
<h4 class="font-semibold text-gray-800">Q4</h4>
<p class="text-gray-700">创新器械获批数量达<strong>273个</strong>2014-2024累计国产化率超80%的领域包括DR、超声。</p>
</div>
</div>
<div class="flex">
<div class="flex-shrink-0 w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center text-purple-600 font-bold">2025</div>
<div class="ml-4">
<h4 class="font-semibold text-gray-800">Q1</h4>
<p class="text-gray-700">联影医疗海外收入占比提升至<strong>14%</strong>2018年仅2%),迈瑞医疗海外收入占比达<strong>40%</strong></p>
</div>
</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-6 section-title">核心观点摘要</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-gradient-to-br from-purple-50 to-indigo-50 p-5 rounded-lg border border-purple-100">
<div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mb-4">
<i class="fas fa-chart-line text-purple-600 text-xl"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800 mb-2">阶段判断</h3>
<p class="text-gray-700">中国医疗器械正处于<strong>"政策红利+技术突破"</strong>驱动的黄金窗口期,从"国产替代"向"全球创新"升级。</p>
</div>
<div class="bg-gradient-to-br from-blue-50 to-cyan-50 p-5 rounded-lg border border-blue-100">
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mb-4">
<i class="fas fa-rocket text-blue-600 text-xl"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800 mb-2">核心驱动力</h3>
<p class="text-gray-700">政策端审评加速、医保支持与技术端AI、脑机接口、手术机器人共振叠加出海逻辑性价比+专利突破)。</p>
</div>
<div class="bg-gradient-to-br from-green-50 to-emerald-50 p-5 rounded-lg border border-green-100">
<div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mb-4">
<i class="fas fa-globe text-green-600 text-xl"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800 mb-2">未来潜力</h3>
<p class="text-gray-700">2025年全球市场规模预计达<strong>6380亿美元</strong>EvaluateMedTech中国高端器械出海空间超<strong>10倍</strong>当前海外收入占比不足30%)。</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-6 section-title">核心逻辑与市场认知分析</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4">核心驱动力</h3>
<div class="grid md:grid-cols-3 gap-6">
<div class="border border-gray-200 rounded-lg p-5">
<h4 class="text-lg font-semibold text-gray-800 mb-3 flex items-center">
<span class="w-8 h-8 rounded-full bg-purple-100 text-purple-600 flex items-center justify-center mr-2">1</span>
政策端
</h4>
<ul class="space-y-2 text-gray-700">
<li><strong>审评加速</strong>:创新器械特别审批通道使上市周期缩短至<strong>2.5年</strong>传统需5-8年2024年获批<strong>65个</strong>创新产品(同比+10.9%)。</li>
<li><strong>医保支付</strong>DRG/DIP改革中创新器械可豁免集采并纳入医保激励如浙江试点</li>
</ul>
</div>
<div class="border border-gray-200 rounded-lg p-5">
<h4 class="text-lg font-semibold text-gray-800 mb-3 flex items-center">
<span class="w-8 h-8 rounded-full bg-blue-100 text-blue-600 flex items-center justify-center mr-2">2</span>
技术端
</h4>
<ul class="space-y-2 text-gray-700">
<li><strong>AI医疗</strong>2023年中国AI医疗器械市场规模<strong>96.4亿元</strong>2024年预计242亿元联影、迈瑞等龙头已落地AI影像诊断产品。</li>
<li><strong>脑机接口</strong>2025年3月政策明确支持<strong>侵入式/非侵入式脑机接口</strong>首次纳入医保收费项目。</li>
</ul>
</div>
<div class="border border-gray-200 rounded-lg p-5">
<h4 class="text-lg font-semibold text-gray-800 mb-3 flex items-center">
<span class="w-8 h-8 rounded-full bg-green-100 text-green-600 flex items-center justify-center mr-2">3</span>
出海逻辑
</h4>
<ul class="space-y-2 text-gray-700">
<li><strong>性价比</strong>:中国产品成本较欧美低<strong>30-50%</strong>如CGM血糖仪海外定价仅为雅培的60%)。</li>
<li><strong>专利突破</strong>华大智造2023年赢得美国专利诉讼基因测序仪海外收入同比+53%。</li>
</ul>
</div>
</div>
</div>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-yellow-50 border border-yellow-200 rounded-lg p-5">
<h4 class="text-lg font-semibold text-gray-800 mb-3">市场热度与情绪</h4>
<ul class="space-y-2 text-gray-700">
<li><strong>研报密集度</strong>2024Q4-2025Q1头部券商中信、兴业、浙商发布<strong>15篇</strong>深度报告,一致看好"高端创新+出海"。</li>
<li><strong>情绪分歧</strong>:市场对<strong>集采温和化</strong>(如骨科脊柱集采续约提价)存在预期差,部分投资者仍担忧降价风险。</li>
</ul>
</div>
<div class="bg-orange-50 border border-orange-200 rounded-lg p-5">
<h4 class="text-lg font-semibold text-gray-800 mb-3">预期差分析</h4>
<ul class="space-y-2 text-gray-700">
<li><strong>被忽略的关键点</strong></li>
<li><strong>低值耗材出海</strong>2023年出口占比<strong>44.9%</strong>(超越设备成为第一大品类),英科医疗手套产能利用率<strong>80%</strong>且价格回升。</li>
<li><strong>家用器械渗透率</strong>中国CGM渗透率仅<strong>2%</strong>美国25.8%),三诺生物、鱼跃医疗受益医保支付扩容。</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-6 section-title">关键催化剂与未来发展路径</h2>
<div class="grid md:grid-cols-2 gap-6 mb-8">
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-bolt text-yellow-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-yellow-100 flex items-center justify-center text-yellow-600 font-bold mr-3">1</div>
<div>
<h4 class="font-semibold text-gray-800">政策落地</h4>
<p class="text-gray-700">2025年6月《医疗器械管理法》草案或正式出台明确<strong>产业发展基金</strong>2024年8月征求意见稿提出</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-yellow-100 flex items-center justify-center text-yellow-600 font-bold mr-3">2</div>
<div>
<h4 class="font-semibold text-gray-800">新品发布</h4>
<p class="text-gray-700"><strong>联影医疗</strong>PET/MR设备FDA认证进展2025Q2预期</p>
<p class="text-gray-700"><strong>微创机器人</strong>图迈腔镜机器人海外订单已获欧盟CE认证</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 rounded-full bg-yellow-100 flex items-center justify-center text-yellow-600 font-bold mr-3">3</div>
<div>
<h4 class="font-semibold text-gray-800">集采结果</h4>
<p class="text-gray-700">2025年5月骨科关节集采续约<strong>国产化率有望从60%提升至80%</strong>威高骨科2024年关节销量+51.7%)。</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<i class="fas fa-road text-blue-500 mr-2"></i>
长期路径2025-2030
</h3>
<div class="space-y-4">
<div class="bg-blue-50 border-l-4 border-blue-500 p-4 rounded">
<h4 class="font-semibold text-gray-800 mb-1">阶段12025-2026</h4>
<p class="text-gray-700">政策红利释放,创新器械密集上市(预计年均获批<strong>100+个</strong>)。</p>
</div>
<div class="bg-indigo-50 border-l-4 border-indigo-500 p-4 rounded">
<h4 class="font-semibold text-gray-800 mb-1">阶段22027-2028</h4>
<p class="text-gray-700">出海加速,中国企业在<strong>东南亚、中东</strong>市占率超30%(当前<10%</p>
</div>
<div class="bg-purple-50 border-l-4 border-purple-500 p-4 rounded">
<h4 class="font-semibold text-gray-800 mb-1">阶段32029-2030</h4>
<p class="text-gray-700">技术输出,成为全球<strong>AI医疗、脑机接口</strong>标准制定者之一。</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-6 section-title">产业链与核心公司深度剖析</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4">产业链图谱</h3>
<div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
<div class="bg-purple-50 border border-purple-200 rounded-lg p-4 text-center w-full md:w-1/3">
<h4 class="font-semibold text-purple-700 mb-2">上游</h4>
<p class="text-gray-700">核心零部件奕瑞科技的CT探测器、海泰新光的光学镜头</p>
</div>
<div class="bg-blue-50 border border-blue-200 rounded-lg p-4 text-center w-full md:w-1/3">
<h4 class="font-semibold text-blue-700 mb-2">中游</h4>
<p class="text-gray-700">设备迈瑞、联影、高值耗材心脉医疗的Castor支架、IVD新产业的化学发光</p>
</div>
<div class="bg-green-50 border border-green-200 rounded-lg p-4 text-center w-full md:w-1/3">
<h4 class="font-semibold text-green-700 mb-2">下游</h4>
<p class="text-gray-700">医院DRG支付改革、家用场景鱼跃医疗的呼吸机</p>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 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 text-left text-sm font-semibold text-gray-700 border-b">公司</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">竞争优势</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">风险点</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">验证数据</th>
</tr>
</thead>
<tbody>
<tr>
<td class="py-3 px-4 border-b font-semibold">迈瑞医疗</td>
<td class="py-3 px-4 border-b">全球监护仪市占率<strong>50%</strong>+海外收入40%</td>
<td class="py-3 px-4 border-b">美国关税风险2024年IPI调查</td>
<td class="py-3 px-4 border-b">2024Q3海外增速<strong>30%</strong>(发展中国家)</td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 border-b font-semibold">联影医疗</td>
<td class="py-3 px-4 border-b">PET/MR技术国际领先海外收入占比<strong>14%</strong></td>
<td class="py-3 px-4 border-b">高端设备毛利率承压40% vs 迈瑞60%</td>
<td class="py-3 px-4 border-b">2025Q1 FDA认证推进中</td>
</tr>
<tr>
<td class="py-3 px-4 border-b font-semibold">心脉医疗</td>
<td class="py-3 px-4 border-b">Castor支架全球首创海外覆盖<strong>31国</strong></td>
<td class="py-3 px-4 border-b">集采降价压力2024年降幅70%</td>
<td class="py-3 px-4 border-b">2024年海外收入+<strong>26%</strong></td>
</tr>
<tr class="bg-gray-50">
<td class="py-3 px-4 border-b font-semibold">三诺生物</td>
<td class="py-3 px-4 border-b">CGM国内市占率<strong>第一</strong>618销量冠军</td>
<td class="py-3 px-4 border-b">FDA临床进度延迟2025年预期</td>
<td class="py-3 px-4 border-b">2024年CGM收入占比<strong>15%</strong></td>
</tr>
</tbody>
</table>
</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-6 section-title">潜在风险与挑战</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="space-y-4">
<div class="bg-red-50 border border-red-200 rounded-lg p-4">
<h3 class="text-lg font-semibold text-red-700 mb-2">技术风险</h3>
<p class="text-gray-700">脑机接口长期安全性数据不足FDA要求5年随访</p>
</div>
<div class="bg-orange-50 border border-orange-200 rounded-lg p-4">
<h3 class="text-lg font-semibold text-orange-700 mb-2">商业化风险</h3>
<p class="text-gray-700">手术机器人<strong>单台成本超200万美元</strong>,基层医院渗透率<1%</p>
</div>
</div>
<div class="space-y-4">
<div class="bg-yellow-50 border border-yellow-200 rounded-lg p-4">
<h3 class="text-lg font-semibold text-yellow-700 mb-2">政策风险</h3>
<p class="text-gray-700">欧盟MDR新规2025年全面实施<strong>20%中国出口企业或面临认证失效</strong></p>
</div>
<div class="bg-purple-50 border border-purple-200 rounded-lg p-4">
<h3 class="text-lg font-semibold text-purple-700 mb-2">信息矛盾</h3>
<ul class="text-gray-700 space-y-1">
<li>• 新闻称"集采提价",但威高骨科财报显示<strong>关节价格下降20%</strong></li>
<li>• 研报预测"2025年市场规模28万亿元"而实际2023年仅<strong>1.4万亿元</strong>(可能存在单位混淆)。</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-6 section-title">综合结论与投资启示</h2>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-3">阶段判断</h3>
<div class="bg-gradient-to-r from-purple-50 to-indigo-50 border border-purple-200 rounded-lg p-5">
<p class="text-gray-700 text-lg">已从<strong>主题炒作</strong>2020-2022年疫情概念进入<strong>基本面驱动</strong>2024-2025年政策+业绩验证)。</p>
</div>
</div>
<div class="mb-6">
<h3 class="text-xl font-semibold text-gray-800 mb-3">最具价值方向</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-green-100 flex items-center justify-center text-green-600 font-bold mr-4">1</div>
<div class="bg-green-50 border border-green-200 rounded-lg p-4 flex-grow">
<h4 class="font-semibold text-gray-800 mb-1">出海型低值耗材</h4>
<p class="text-gray-700">英科医疗(手套)、振德医疗(敷料)——<strong>估值低+订单复苏</strong></p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 font-bold mr-4">2</div>
<div class="bg-blue-50 border border-blue-200 rounded-lg p-4 flex-grow">
<h4 class="font-semibold text-gray-800 mb-1">AI医疗应用</h4>
<p class="text-gray-700">推想医疗肺结节AI、数坤科技冠脉AI——<strong>技术壁垒+医保支付</strong></p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center text-purple-600 font-bold mr-4">3</div>
<div class="bg-purple-50 border border-purple-200 rounded-lg p-4 flex-grow">
<h4 class="font-semibold text-gray-800 mb-1">家用器械升级</h4>
<p class="text-gray-700">三诺生物CGM、鱼跃医疗呼吸机——<strong>渗透率提升+政策豁免集采</strong></p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-3">关键跟踪指标</h3>
<div class="bg-gray-50 border border-gray-200 rounded-lg p-5">
<ul class="space-y-2 text-gray-700">
<li><strong>迈瑞医疗</strong>2025H1海外订单增速目标>25%)。</li>
<li><strong>联影医疗</strong>PET/MR FDA认证结果2025Q2</li>
<li><strong>集采数据</strong>2025年骨科关节续约价格若降幅<50%则超预期</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-6 section-title">关联股票数据</h2>
<div class="table-container">
<table class="min-w-full bg-white border border-gray-200">
<thead>
<tr class="bg-gray-50">
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">股票名称</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">分类</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">细分领域</th>
<th class="py-3 px-4 text-left text-sm font-semibold text-gray-700 border-b">关联原因</th>
</tr>
</thead>
<tbody id="stockTableBody">
<!-- 表格内容将通过JavaScript动态生成 -->
</tbody>
</table>
</div>
</div>
<!-- 数据来源 -->
<div class="text-center text-gray-600 text-sm">
<p>数据来源国家药监局、EvaluateMedTech、企业财报、券商研报2024Q4-2025Q1</p>
</div>
</div>
<script>
// 初始化粒子背景
tsParticles.load("particles-js", {
fpsLimit: 60,
particles: {
color: {
value: "#667eea"
},
links: {
color: "#667eea",
distance: 150,
enable: true,
opacity: 0.2,
width: 1
},
move: {
direction: "none",
enable: true,
outModes: {
default: "bounce"
},
random: false,
speed: 1,
straight: false
},
number: {
density: {
enable: true,
area: 800
},
value: 50
},
opacity: {
value: 0.2
},
shape: {
type: "circle"
},
size: {
value: { min: 1, max: 3 }
}
},
detectRetina: true
});
// 处理股票数据并填充表格
const stockData = [{'医疗器械(250707)': [{'stock': '联影医疗', '分类': '影像', '细分': '核磁共振', 'reason': '在该细分领域有相关产品'}, {'stock': '东软集团', '分类': '影像', '细分': '核磁共振', 'reason': '在该细分领域有相关产品'}, {'stock': '联影医疗', '分类': '影像', '细分': 'CT', 'reason': '在该细分领域有相关产品'}, {'stock': '东软集团', '分类': '影像', '细分': 'CT', 'reason': '在该细分领域有相关产品'}, {'stock': '联影医疗', '分类': '影像', '细分': 'X线摄影', 'reason': '在该细分领域有相关产品'}, {'stock': '万东医疗', '分类': '影像', '细分': 'X线摄影', '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': '在该细分领域有相关产品'}, {'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': 'ST凯利', '分类': '治疗器械', '细分': '骨科', '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 tableBody = document.getElementById('stockTableBody');
// 遍历股票数据并生成表格行
stockData.forEach(category => {
const categoryName = Object.keys(category)[0];
const stocks = category[categoryName];
stocks.forEach((stock, index) => {
const row = document.createElement('tr');
// 根据行索引设置背景色
if (index % 2 === 0) {
row.className = 'bg-white';
} else {
row.className = 'bg-gray-50';
}
// 设置分类单元格的背景色
let categoryColor = '';
switch(stock['分类']) {
case '影像':
categoryColor = 'bg-purple-100 text-purple-800';
break;
case '体外诊断':
categoryColor = 'bg-blue-100 text-blue-800';
break;
case '手术':
categoryColor = 'bg-green-100 text-green-800';
break;
case '监护':
categoryColor = 'bg-yellow-100 text-yellow-800';
break;
case '治疗仪器':
categoryColor = 'bg-red-100 text-red-800';
break;
case '治疗器械':
categoryColor = 'bg-indigo-100 text-indigo-800';
break;
case '输注耗材':
categoryColor = 'bg-pink-100 text-pink-800';
break;
case '防护':
categoryColor = 'bg-gray-100 text-gray-800';
break;
default:
categoryColor = 'bg-gray-100 text-gray-800';
}
row.innerHTML = `
<td class="py-3 px-4 border-b font-medium">${stock['stock']}</td>
<td class="py-3 px-4 border-b">
<span class="px-2 py-1 rounded-full text-xs font-medium ${categoryColor}">${stock['分类']}</span>
</td>
<td class="py-3 px-4 border-b">${stock['细分']}</td>
<td class="py-3 px-4 border-b">${stock['reason']}</td>
`;
tableBody.appendChild(row);
});
});
</script>
</body>
</html>
```