Files
vf_react/public/htmls/新凯来示波器.html
2025-11-13 17:38:54 +08:00

585 lines
34 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" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>新凯来示波器概念 - 国产高端测试仪器突破</title>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.2/dist/full.min.css" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<style>
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.card-hover {
transition: transform 0.3s, box-shadow 0.3s;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.timeline-dot {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
.tech-card {
background: linear-gradient(145deg, #f3f4f6, #ffffff);
border-left: 4px solid #667eea;
}
.risk-badge {
animation: shake 3s infinite;
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-2px); }
75% { transform: translateX(2px); }
}
</style>
</head>
<body class="bg-base-200">
<!-- Header -->
<div class="gradient-bg text-white">
<div class="container mx-auto px-4 py-8">
<div class="flex items-center justify-between flex-wrap">
<div>
<h1 class="text-3xl md:text-4xl font-bold mb-2">
<i class="fas fa-wave-square mr-3"></i>新凯来示波器概念
</h1>
<p class="text-xl opacity-90">打破国外垄断实现90GHz带宽突破</p>
</div>
<div class="mt-4 md:mt-0">
<div class="badge badge-warning badge-lg">
<i class="fas fa-fire mr-2"></i>热门概念
</div>
<div class="badge badge-success badge-lg ml-2">
<i class="fas fa-chart-line mr-2"></i>国产替代
</div>
</div>
</div>
</div>
</div>
<!-- Key Metrics -->
<div class="container mx-auto px-4 -mt-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="card bg-white shadow-xl card-hover">
<div class="card-body p-4">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-500 text-sm">技术水平</p>
<p class="text-2xl font-bold text-primary">90GHz</p>
</div>
<div class="text-3xl text-primary">
<i class="fas fa-rocket"></i>
</div>
</div>
<p class="text-xs text-success mt-2">全球第二,国内第一</p>
</div>
</div>
<div class="card bg-white shadow-xl card-hover">
<div class="card-body p-4">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-500 text-sm">采样率</p>
<p class="text-2xl font-bold text-secondary">200GSa/s</p>
</div>
<div class="text-3xl text-secondary">
<i class="fas fa-tachometer-alt"></i>
</div>
</div>
<p class="text-xs text-info mt-2">每通道超高速采样</p>
</div>
</div>
<div class="card bg-white shadow-xl card-hover">
<div class="card-body p-4">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-500 text-sm">市场规模</p>
<p class="text-2xl font-bold text-accent">千亿级</p>
</div>
<div class="text-3xl text-accent">
<i class="fas fa-globe"></i>
</div>
</div>
<p class="text-xs text-warning mt-2">全球测试仪器市场</p>
</div>
</div>
<div class="card bg-white shadow-xl card-hover">
<div class="card-body p-4">
<div class="flex items-center justify-between">
<div>
<p class="text-gray-500 text-sm">发布时间</p>
<p class="text-2xl font-bold text-info">2025.10</p>
</div>
<div class="text-3xl text-info">
<i class="fas fa-calendar-check"></i>
</div>
</div>
<p class="text-xs text-gray-600 mt-2">深圳湾芯展发布</p>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="container mx-auto px-4 py-8">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<!-- Left Column -->
<div class="lg:col-span-2 space-y-6">
<!-- Timeline -->
<div class="card bg-white shadow-xl">
<div class="card-body">
<h2 class="card-title text-xl mb-4">
<i class="fas fa-timeline mr-2 text-primary"></i>关键时间节点
</h2>
<ul class="timeline timeline-vertical">
<li>
<div class="timeline-start timeline-box bg-primary text-white">
2025年3月27日
</div>
<div class="timeline-middle">
<div class="timeline-dot bg-primary"></div>
</div>
<div class="timeline-end">
<p class="font-semibold">概念初现</p>
<p class="text-sm text-gray-600">新凯来首次出现相关信息</p>
</div>
<hr/>
</li>
<li>
<div class="timeline-start timeline-box bg-secondary text-white">
2025年10月13日
</div>
<div class="timeline-middle">
<div class="timeline-dot bg-secondary"></div>
</div>
<div class="timeline-end">
<p class="font-semibold">预热发布</p>
<p class="text-sm text-gray-600">湾芯展前夕信息披露</p>
</div>
<hr/>
</li>
<li>
<div class="timeline-start timeline-box bg-accent text-white">
2025年10月15日
</div>
<div class="timeline-middle">
<div class="timeline-dot bg-accent timeline-dot"></div>
</div>
<div class="timeline-end">
<p class="font-semibold">正式发布</p>
<p class="text-sm text-gray-600">90GHz示波器震撼登场</p>
</div>
</li>
</ul>
</div>
</div>
<!-- Tech Breakthrough -->
<div class="card bg-white shadow-xl">
<div class="card-body">
<h2 class="card-title text-xl mb-4">
<i class="fas fa-microchip mr-2 text-secondary"></i>技术突破亮点
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="tech-card p-4 rounded-lg">
<h3 class="font-bold text-primary mb-2">性能突破</h3>
<ul class="text-sm space-y-1">
<li><i class="fas fa-check text-success mr-2"></i>90GHz超高带宽</li>
<li><i class="fas fa-check text-success mr-2"></i>200GSa/s采样率</li>
<li><i class="fas fa-check text-success mr-2"></i>4Gpts深存储</li>
</ul>
</div>
<div class="tech-card p-4 rounded-lg">
<h3 class="font-bold text-secondary mb-2">智能化创新</h3>
<ul class="text-sm space-y-1">
<li><i class="fas fa-check text-success mr-2"></i>全球首个超高速智能示波器</li>
<li><i class="fas fa-check text-success mr-2"></i>智能参数寻优</li>
<li><i class="fas fa-check text-success mr-2"></i>智能噪声抑制</li>
</ul>
</div>
<div class="tech-card p-4 rounded-lg">
<h3 class="font-bold text-accent mb-2">交互革新</h3>
<ul class="text-sm space-y-1">
<li><i class="fas fa-check text-success mr-2"></i>全球首个全面屏设计</li>
<li><i class="fas fa-check text-success mr-2"></i>智能终端式交互</li>
<li><i class="fas fa-check text-success mr-2"></i>用户体验优化</li>
</ul>
</div>
<div class="tech-card p-4 rounded-lg">
<h3 class="font-bold text-info mb-2">应用领域</h3>
<ul class="text-sm space-y-1">
<li><i class="fas fa-check text-success mr-2"></i>6G通信研发</li>
<li><i class="fas fa-check text-success mr-2"></i>半导体测试</li>
<li><i class="fas fa-check text-success mr-2"></i>智能驾驶验证</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Stock Table -->
<div class="card bg-white shadow-xl">
<div class="card-body">
<h2 class="card-title text-xl mb-4">
<i class="fas fa-chart-bar mr-2 text-accent"></i>概念股票池
</h2>
<div class="overflow-x-auto">
<table class="table table-zebra w-full">
<thead>
<tr class="bg-base-200">
<th class="text-left">股票名称</th>
<th class="text-left">细分领域</th>
<th class="text-left">核心亮点</th>
<th class="text-left">市场地位</th>
<th class="text-center">关注度</th>
</tr>
</thead>
<tbody>
<tr class="hover">
<td class="font-semibold text-primary">普源精电</td>
<td>示波器制造</td>
<td>高端数字示波器(≥2GHz)</td>
<td>A股营收第一全球第八</td>
<td class="text-center">
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
</div>
</td>
</tr>
<tr class="hover">
<td class="font-semibold text-primary">鼎阳科技</td>
<td>示波器制造</td>
<td>12-bit高分辨率(8GHz)</td>
<td>A股第二全球0.4%份额</td>
<td class="text-center">
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
</div>
</td>
</tr>
<tr class="hover">
<td class="font-semibold text-secondary">大众公用</td>
<td>间接参股</td>
<td>持深创投13.93%股权</td>
<td>间接参股万里眼</td>
<td class="text-center">
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
</div>
</td>
</tr>
<tr class="hover">
<td class="font-semibold text-accent">成都华微</td>
<td>上游器件</td>
<td>高速高精度ADC芯片</td>
<td>核心器件供应商</td>
<td class="text-center">
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
</div>
</td>
</tr>
<tr class="hover">
<td class="font-semibold">深圳能源</td>
<td>间接参股</td>
<td>持深创投5.305%股权</td>
<td>间接参股万里眼</td>
<td class="text-center">
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
</div>
</td>
</tr>
<tr class="hover">
<td class="font-semibold">优利德</td>
<td>示波器制造</td>
<td>12位高分辨率</td>
<td>中低端市场</td>
<td class="text-center">
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
</div>
</td>
</tr>
<tr class="hover">
<td class="font-semibold">天银机电</td>
<td>示波器制造</td>
<td>子公司华清瑞达</td>
<td>具备研制能力</td>
<td class="text-center">
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
</div>
</td>
</tr>
<tr class="hover">
<td class="font-semibold">粤电力A</td>
<td>间接参股</td>
<td>持深创投3.67%股权</td>
<td>间接参股万里眼</td>
<td class="text-center">
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
</div>
</td>
</tr>
<tr class="hover">
<td class="font-semibold">广深铁路</td>
<td>间接参股</td>
<td>持深创投1.40%股权</td>
<td>间接参股万里眼</td>
<td class="text-center">
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
</div>
</td>
</tr>
<tr class="hover">
<td class="font-semibold">中兴通讯</td>
<td>间接参股</td>
<td>通过深创投参股</td>
<td>间接参股万里眼</td>
<td class="text-center">
<div class="rating rating-sm">
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" checked disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
<input type="radio" class="mask mask-star-2 bg-warning" disabled/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- Right Column -->
<div class="space-y-6">
<!-- Investment Value -->
<div class="card bg-white shadow-xl">
<div class="card-body">
<h2 class="card-title text-lg mb-4">
<i class="fas fa-gem mr-2 text-warning"></i>投资价值分析
</h2>
<div class="space-y-3">
<div class="alert alert-success">
<i class="fas fa-arrow-trend-up"></i>
<div>
<p class="font-semibold">长期价值</p>
<p class="text-sm">国产替代+技术突破双轮驱动</p>
</div>
</div>
<div class="alert alert-info">
<i class="fas fa-lightbulb"></i>
<div>
<p class="font-semibold">正向预期差</p>
<p class="text-sm">产品成熟度和智能化超预期</p>
</div>
</div>
<div class="alert alert-warning">
<i class="fas fa-clock"></i>
<div>
<p class="font-semibold">关键节点</p>
<p class="text-sm">Q4-Q1首批订单落地</p>
</div>
</div>
</div>
</div>
</div>
<!-- Catalysts -->
<div class="card bg-white shadow-xl">
<div class="card-body">
<h2 class="card-title text-lg mb-4">
<i class="fas fa-rocket mr-2 text-primary"></i>催化剂监控
</h2>
<div class="space-y-2">
<div class="flex items-center justify-between p-2 bg-base-100 rounded">
<span class="text-sm">商业订单</span>
<span class="badge badge-primary badge-sm">近期</span>
</div>
<div class="flex items-center justify-between p-2 bg-base-100 rounded">
<span class="text-sm">行业标准</span>
<span class="badge badge-secondary badge-sm">Q1</span>
</div>
<div class="flex items-center justify-between p-2 bg-base-100 rounded">
<span class="text-sm">产能爬坡</span>
<span class="badge badge-accent badge-sm">Q2</span>
</div>
<div class="flex items-center justify-between p-2 bg-base-100 rounded">
<span class="text-sm">政策支持</span>
<span class="badge badge-info badge-sm">待定</span>
</div>
</div>
</div>
</div>
<!-- Risk Alert -->
<div class="card bg-white shadow-xl border-l-4 border-error">
<div class="card-body">
<h2 class="card-title text-lg mb-4 text-error">
<i class="fas fa-exclamation-triangle mr-2 risk-badge"></i>风险提示
</h2>
<ul class="space-y-2 text-sm">
<li class="flex items-start">
<i class="fas fa-circle text-error text-xs mt-1.5 mr-2"></i>
<span>良率和产能尚未验证</span>
</li>
<li class="flex items-start">
<i class="fas fa-circle text-error text-xs mt-1.5 mr-2"></i>
<span>客户认证周期6-12个月</span>
</li>
<li class="flex items-start">
<i class="fas fa-circle text-error text-xs mt-1.5 mr-2"></i>
<span>国际巨头降价竞争风险</span>
</li>
<li class="flex items-start">
<i class="fas fa-circle text-error text-xs mt-1.5 mr-2"></i>
<span>关键器件进口依赖</span>
</li>
<li class="flex items-start">
<i class="fas fa-circle text-warning text-xs mt-1.5 mr-2"></i>
<span>市场存在概念混淆风险</span>
</li>
</ul>
</div>
</div>
<!-- Market Share -->
<div class="card bg-white shadow-xl">
<div class="card-body">
<h2 class="card-title text-lg mb-4">
<i class="fas fa-chart-pie mr-2 text-secondary"></i>市场格局
</h2>
<div class="space-y-3">
<div>
<div class="flex justify-between mb-1">
<span class="text-sm">外资品牌</span>
<span class="text-sm font-semibold">~98%</span>
</div>
<progress class="progress progress-error" value="98" max="100"></progress>
</div>
<div>
<div class="flex justify-between mb-1">
<span class="text-sm">普源精电</span>
<span class="text-sm font-semibold">1.1%</span>
</div>
<progress class="progress progress-primary" value="1.1" max="100"></progress>
</div>
<div>
<div class="flex justify-between mb-1">
<span class="text-sm">鼎阳科技</span>
<span class="text-sm font-semibold">0.4%</span>
</div>
<progress class="progress progress-secondary" value="0.4" max="100"></progress>
</div>
<div>
<div class="flex justify-between mb-1">
<span class="text-sm">其他国产</span>
<span class="text-sm font-semibold">0.5%</span>
</div>
<progress class="progress progress-accent" value="0.5" max="100"></progress>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Investment Strategy -->
<div class="card bg-gradient-to-r from-primary to-secondary text-white shadow-xl mt-6">
<div class="card-body">
<h2 class="card-title text-2xl mb-4">
<i class="fas fa-chess-king mr-3"></i>投资策略建议
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-white/20 backdrop-blur rounded-lg p-4">
<h3 class="font-bold mb-2 flex items-center">
<i class="fas fa-star mr-2"></i>重点关注
</h3>
<ul class="text-sm space-y-1">
<li>• 大众公用(深创投最高持股)</li>
<li>• 成都华微(核心器件供应)</li>
<li>• 普源精电(行业龙头)</li>
</ul>
</div>
<div class="bg-white/20 backdrop-blur rounded-lg p-4">
<h3 class="font-bold mb-2 flex items-center">
<i class="fas fa-chart-line mr-2"></i>操作建议
</h3>
<ul class="text-sm space-y-1">
<li>• 分批建仓,逢低布局</li>
<li>• 重点跟踪商业化进展</li>
<li>• 关注产业链整合机会</li>
</ul>
</div>
<div class="bg-white/20 backdrop-blur rounded-lg p-4">
<h3 class="font-bold mb-2 flex items-center">
<i class="fas fa-eye mr-2"></i>跟踪指标
</h3>
<ul class="text-sm space-y-1">
<li>• 首批订单金额和客户</li>
<li>• 产品良率和月产能</li>
<li>• 国产替代政策动向</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer footer-center p-4 bg-base-300 text-base-content mt-8">
<div>
<p>© 2025 新凯来示波器概念分析 | 数据来源:公开资料整理</p>
<p class="text-sm text-gray-500 mt-1">投资有风险,入市需谨慎</p>
</div>
</footer>
</body>
</html>