396 lines
24 KiB
HTML
396 lines
24 KiB
HTML
|
||
<!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>315晚会概念分析报告</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">
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" />
|
||
<!-- Custom CSS -->
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background: linear-gradient(135deg, #f5f7fa 0%, #e4edf9 100%);
|
||
}
|
||
.timeline-dot {
|
||
position: relative;
|
||
}
|
||
.timeline-dot::before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background-color: #3b82f6;
|
||
top: 6px;
|
||
left: -6px;
|
||
}
|
||
.timeline-line {
|
||
position: absolute;
|
||
width: 2px;
|
||
background-color: #d1d5db;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
}
|
||
.gradient-card {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
}
|
||
.table-container {
|
||
overflow-x: auto;
|
||
}
|
||
.table-container::-webkit-scrollbar {
|
||
height: 8px;
|
||
}
|
||
.table-container::-webkit-scrollbar-track {
|
||
background: #f1f1f1;
|
||
border-radius: 10px;
|
||
}
|
||
.table-container::-webkit-scrollbar-thumb {
|
||
background: #888;
|
||
border-radius: 10px;
|
||
}
|
||
.table-container::-webkit-scrollbar-thumb:hover {
|
||
background: #555;
|
||
}
|
||
.badge-category {
|
||
display: inline-block;
|
||
padding: 0.25rem 0.5rem;
|
||
border-radius: 9999px;
|
||
font-size: 0.75rem;
|
||
font-weight: 600;
|
||
}
|
||
.category-卫生巾 {
|
||
background-color: #fce7f3;
|
||
color: #be185d;
|
||
}
|
||
.category-食品安全追溯 {
|
||
background-color: #dbeafe;
|
||
color: #1d4ed8;
|
||
}
|
||
.category-隐私安全 {
|
||
background-color: #d1fae5;
|
||
color: #065f46;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.hide-mobile {
|
||
display: none;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="min-h-screen p-4 md:p-8">
|
||
<div class="max-w-7xl mx-auto">
|
||
<!-- 标题区域 -->
|
||
<div class="text-center mb-10">
|
||
<h1 class="text-3xl md:text-4xl font-bold text-gray-800 mb-3">315晚会概念分析</h1>
|
||
<p class="text-gray-600 max-w-3xl mx-auto">2025年央视3·15晚会曝光行业乱象，引发市场震荡与行业洗牌</p>
|
||
</div>
|
||
|
||
<!-- 概念概述 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 mb-8">
|
||
<div class="flex items-center mb-4">
|
||
<div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
|
||
<i class="fas fa-info-circle text-blue-600"></i>
|
||
</div>
|
||
<h2 class="text-xl font-bold text-gray-800">概念事件概述</h2>
|
||
</div>
|
||
<div class="text-gray-700 space-y-3">
|
||
<p>2025年3月15日，央视第35届"3·15"晚会曝光多个行业乱象，涉及<strong>母婴用品翻新、一次性内裤灭菌造假、家电维修乱收费、电子签高利贷、非标电线电缆</strong>等。此次事件已从短期舆情冲击演变为行业洗牌催化剂，直接触发监管收紧与市场份额再分配。</p>
|
||
<p>当前阶段，政策高压（国补+315联动）与消费者信任重构，正推动<strong>合规龙头溢价</strong>与<strong>劣质产能出清</strong>，检测认证、网络安全、头部家居品牌将长期受益。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 时间轴 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 mb-8">
|
||
<div class="flex items-center mb-6">
|
||
<div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center mr-3">
|
||
<i class="fas fa-clock text-purple-600"></i>
|
||
</div>
|
||
<h2 class="text-xl font-bold text-gray-800">事件时间轴</h2>
|
||
</div>
|
||
<div class="relative pl-6">
|
||
<div class="timeline-line"></div>
|
||
<div class="space-y-6">
|
||
<div class="relative">
|
||
<div class="timeline-dot pl-4">
|
||
<div class="font-semibold text-gray-800">3月14日</div>
|
||
<p class="text-gray-600 mt-1">晚会预告提及"手机翻新""数据窃取"等关键词</p>
|
||
</div>
|
||
</div>
|
||
<div class="relative">
|
||
<div class="timeline-dot pl-4">
|
||
<div class="font-semibold text-gray-800">3月15日</div>
|
||
<p class="text-gray-600 mt-1">晚会播出，梁山希希纸制品（翻新卫生巾）、健芝初医疗（不灭菌内裤）、啄木鸟维修（乱收费）、借贷宝/人人信（高利贷）等被点名</p>
|
||
</div>
|
||
</div>
|
||
<div class="relative">
|
||
<div class="timeline-dot pl-4">
|
||
<div class="font-semibold text-gray-800">3月16日</div>
|
||
<p class="text-gray-600 mt-1">河南查封6家涉事企业，百亚股份、浪莎股份等股价跌停；国联水产、稳健医疗紧急澄清</p>
|
||
</div>
|
||
</div>
|
||
<div class="relative">
|
||
<div class="timeline-dot pl-4">
|
||
<div class="font-semibold text-gray-800">3月17日</div>
|
||
<p class="text-gray-600 mt-1">市场分化，检测认证（华测检测）、网络安全（奇安信）等板块逆势上涨</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点 -->
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
|
||
<div class="bg-white rounded-xl shadow-lg p-6">
|
||
<div class="flex items-center mb-4">
|
||
<div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center mr-3">
|
||
<i class="fas fa-lightbulb text-green-600"></i>
|
||
</div>
|
||
<h2 class="text-xl font-bold text-gray-800">核心观点摘要</h2>
|
||
</div>
|
||
<ul class="space-y-3 text-gray-700">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||
<span>315晚会已从"短期舆情冲击"演变为<strong>行业洗牌催化剂</strong></span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||
<span>核心驱动力：政策高压（国补+315联动）+ 消费者信任重构</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
|
||
<span>未来潜力：检测认证、网络安全、头部家居品牌将长期受益</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-white rounded-xl shadow-lg p-6">
|
||
<div class="flex items-center mb-4">
|
||
<div class="w-10 h-10 rounded-full bg-yellow-100 flex items-center justify-center mr-3">
|
||
<i class="fas fa-chart-line text-yellow-600"></i>
|
||
</div>
|
||
<h2 class="text-xl font-bold text-gray-800">市场热度与情绪</h2>
|
||
</div>
|
||
<ul class="space-y-3 text-gray-700">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-arrow-down text-red-500 mt-1 mr-2"></i>
|
||
<span><strong>短期恐慌</strong>：被曝光企业（如百亚股份）3月17日跌停</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-arrow-up text-green-500 mt-1 mr-2"></i>
|
||
<span><strong>及时澄清</strong>：稳健医疗因澄清次日反弹5%</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-arrow-trend-up text-blue-500 mt-1 mr-2"></i>
|
||
<span><strong>长期乐观</strong>：欧派家居开门红收款同比+80%</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链分析 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 mb-8">
|
||
<div class="flex items-center mb-6">
|
||
<div class="w-10 h-10 rounded-full bg-indigo-100 flex items-center justify-center mr-3">
|
||
<i class="fas fa-sitemap text-indigo-600"></i>
|
||
</div>
|
||
<h2 class="text-xl font-bold text-gray-800">产业链与核心公司分析</h2>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="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 space-y-4 md:space-y-0">
|
||
<div class="text-center">
|
||
<div class="bg-blue-100 text-blue-800 rounded-lg px-4 py-2 font-medium">上游：原材料</div>
|
||
<p class="text-sm text-gray-600 mt-2">无纺布-延江股份<br>杀菌设备-泰林生物</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="bg-purple-100 text-purple-800 rounded-lg px-4 py-2 font-medium">中游：代工</div>
|
||
<p class="text-sm text-gray-600 mt-2">梁山希希纸制品<br>→品牌方如百亚股份</p>
|
||
</div>
|
||
<div class="text-center">
|
||
<div class="bg-green-100 text-green-800 rounded-lg px-4 py-2 font-medium">下游：应用</div>
|
||
<p class="text-sm text-gray-600 mt-2">检测认证（华测检测）<br>网络安全（奇安信）<br>合规品牌（欧派家居）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="font-semibold text-gray-800 mb-3">核心玩家对比</h3>
|
||
<div class="overflow-x-auto">
|
||
<table class="min-w-full bg-white">
|
||
<thead>
|
||
<tr class="bg-gray-100 text-gray-700">
|
||
<th class="py-3 px-4 text-left rounded-l-lg">公司</th>
|
||
<th class="py-3 px-4 text-left">角色</th>
|
||
<th class="py-3 px-4 text-left">逻辑验证</th>
|
||
<th class="py-3 px-4 text-left rounded-r-lg">风险点</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200">
|
||
<tr>
|
||
<td class="py-3 px-4 font-medium">华测检测</td>
|
||
<td class="py-3 px-4">检测认证龙头</td>
|
||
<td class="py-3 px-4">315后食品/母婴检测订单<strong>+50%</strong></td>
|
||
<td class="py-3 px-4">价格战导致毛利率下滑</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 font-medium">欧派家居</td>
|
||
<td class="py-3 px-4">合规家居龙头</td>
|
||
<td class="py-3 px-4">国补+整家套餐推动<strong>客单价+20%</strong></td>
|
||
<td class="py-3 px-4">价格战拖累净利率</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 font-medium">百亚股份</td>
|
||
<td class="py-3 px-4">涉事品牌</td>
|
||
<td class="py-3 px-4">自由点卫生巾被曝翻新，<strong>品牌信任危机</strong></td>
|
||
<td class="py-3 px-4">代工模式不可控</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4 font-medium">奇安信</td>
|
||
<td class="py-3 px-4">网络安全</td>
|
||
<td class="py-3 px-4">315曝光数据泄露，<strong>企业级需求爆发</strong></td>
|
||
<td class="py-3 px-4">技术迭代不及预期</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票表格 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 mb-8">
|
||
<div class="flex items-center mb-6">
|
||
<div class="w-10 h-10 rounded-full bg-red-100 flex items-center justify-center mr-3">
|
||
<i class="fas fa-table text-red-600"></i>
|
||
</div>
|
||
<h2 class="text-xl font-bold text-gray-800">关联股票分析</h2>
|
||
</div>
|
||
|
||
<div class="table-container">
|
||
<table class="min-w-full bg-white">
|
||
<thead>
|
||
<tr class="bg-gray-100 text-gray-700">
|
||
<th class="py-3 px-4 text-left rounded-tl-lg">股票名称</th>
|
||
<th class="py-3 px-4 text-left">分类</th>
|
||
<th class="py-3 px-4 text-left">业务相关</th>
|
||
<th class="py-3 px-4 text-left hide-mobile">资料来源</th>
|
||
<th class="py-3 px-4 text-left rounded-tr-lg">关联原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="divide-y divide-gray-200" id="stockTableBody">
|
||
<!-- 股票数据将通过JavaScript动态填充 -->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 风险与挑战 -->
|
||
<div class="bg-white rounded-xl shadow-lg p-6 mb-8">
|
||
<div class="flex items-center mb-6">
|
||
<div class="w-10 h-10 rounded-full bg-orange-100 flex items-center justify-center mr-3">
|
||
<i class="fas fa-exclamation-triangle text-orange-600"></i>
|
||
</div>
|
||
<h2 class="text-xl font-bold text-gray-800">潜在风险与挑战</h2>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-red-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-red-800 mb-2">技术风险</h3>
|
||
<p class="text-sm text-red-700">AI检测技术（如微生物快速检测）尚未普及，检测效率瓶颈</p>
|
||
</div>
|
||
<div class="bg-yellow-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-yellow-800 mb-2">商业化风险</h3>
|
||
<p class="text-sm text-yellow-700">国补政策若提前终止，家居企业收款模式可能恶化</p>
|
||
</div>
|
||
<div class="bg-blue-50 rounded-lg p-4">
|
||
<h3 class="font-semibold text-blue-800 mb-2">信息矛盾</h3>
|
||
<p class="text-sm text-blue-700">浪莎股份与健芝初医疗责任归属模糊，品牌管理漏洞待解</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 投资启示 -->
|
||
<div class="gradient-card rounded-xl shadow-lg p-6 text-white">
|
||
<div class="flex items-center mb-6">
|
||
<div class="w-10 h-10 rounded-full bg-white bg-opacity-20 flex items-center justify-center mr-3">
|
||
<i class="fas fa-coins text-white"></i>
|
||
</div>
|
||
<h2 class="text-xl font-bold">投资启示</h2>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="font-semibold mb-3">阶段判断</h3>
|
||
<p>315晚会已从<strong>事件驱动</strong>进入<strong>基本面驱动</strong>阶段，合规溢价将持续</p>
|
||
</div>
|
||
|
||
<div class="mb-6">
|
||
<h3 class="font-semibold mb-3">投资方向</h3>
|
||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<div class="font-semibold mb-2">检测认证</div>
|
||
<p class="text-sm">华测检测（市占率提升+政策强制检测）</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<div class="font-semibold mb-2">合规家居</div>
|
||
<p class="text-sm">欧派家居（国补+整家套餐渗透率40%）</p>
|
||
</div>
|
||
<div class="bg-white bg-opacity-20 rounded-lg p-4">
|
||
<div class="font-semibold mb-2">网络安全</div>
|
||
<p class="text-sm">奇安信（数据泄露事件催化B端需求）</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="font-semibold mb-3">跟踪指标</h3>
|
||
<ul class="space-y-2 text-sm">
|
||
<li>• Q2财报：欧派/顾家国补订单占比、华测检测食品检测收入增速</li>
|
||
<li>• 政策动态：国补延续性、母婴用品溯源法规落地时间</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="mt-6 pt-4 border-t border-white border-opacity-30">
|
||
<p class="text-sm"><strong>风险提示</strong>：若代工企业（如梁山希希）被证实与更多品牌关联，板块性估值杀可能重演</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 股票数据
|
||
const stockData = [{'stock': '聚胶股份', '分类': '卫生巾', '业务相关': '公司SBS/SIS热熔压敏胶产品在一次性卫生用品、非金属与金属胶接、标签胶粘剂等领域广泛应用', '资料来源': '互动', 'reason': '公司产品应用于卫生巾等一次性卫生用品领域'}, {'stock': '稳健医疗', '分类': '卫生巾', '业务相关': '全棉时代旗下"奈丝公主"卫生巾获得医护级认证，2023年卫生巾营收5.9亿元，占公司营收7.3%', '资料来源': '互动', 'reason': '旗下品牌卫生巾获得医护级认证并贡献营收'}, {'stock': '豪悦护理', '分类': '卫生巾', '业务相关': '森之物语品牌产品有卫生巾、裤型卫生巾等女性经期产品。目前已在抖音、天猫等平台开设店铺', '资料来源': '互动', 'reason': '产品包含女性经期卫生巾并在线上平台销售'}, {'stock': '奥美医疗', '分类': '卫生巾', '业务相关': '相关产品系经EO灭菌的二类医疗器械产品医用吸水垫,在真菌菌落总数、细菌菌落总数、荧光增白剂等方面的质量要求高于普通卫生巾', '资料来源': '互动', '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': '信息发展', '分类': '食品安全追溯', '业务相关': '在肉菜流通安全追溯省(市)信息化平台建设中,参与了25个商务部肉菜流通追溯试点城市建设', '资料来源': '互动', 'reason': '参与多个肉菜流通追溯试点建设'}, {'stock': '实朴检测', '分类': '食品安全追溯', '业务相关': '在食品安全、水质检测、化工产品导致的食品污染检测等技术研发方面具备比较优势', '资料来源': '互动', 'reason': '具备食品安全检测技术优势'}, {'stock': '中金辐照', '分类': '食品安全追溯', '业务相关': '对食品可开展菌落总数、霉菌、大肠杆菌等微生物相关检测', '资料来源': '互动', 'reason': '提供食品微生物检测服务'}, {'stock': '久远银海', '分类': '食品安全追溯', '业务相关': '打造出食品安全监管系统、重大活动食品安全保障信息系统', '资料来源': '互动', 'reason': '开发食品安全监管系统'}, {'stock': '香山股份', '分类': '食品安全追溯', '业务相关': '商用衡器产品包括食品安全追溯秤，覆盖农贸、商超等场景', '资料来源': '公告', 'reason': '生产食品安全追溯秤'}, {'stock': '安恒信息', '分类': '隐私安全', '业务相关': '公司拥有完备的产品体系,涵盖咨询规划服务、数据中心的数据安全管控、办公网数据安全等', '资料来源': '互动', 'reason': '提供数据安全产品体系'}, {'stock': '深信服', '分类': '隐私安全', '业务相关': '中国规模最大的、创新能力最强的应用层网络设备供应商,网络安全产品和服务主要涉及边界安全、终端安全、数据安全等领域', '资料来源': '互动', 'reason': '网络安全产品覆盖多个安全领域'}, {'stock': '天融信', '分类': '隐私安全', '业务相关': '已构建了车端、通信、云端、V2X以及数据安全的弹性自适应车联网安全体系', '资料来源': '互动', 'reason': '构建车联网安全体系'}, {'stock': '国盾量子', '分类': '隐私安全', '业务相关': '量子密话业务为通话、视频、文件、信息等业务数据提供加密保护', '资料来源': '互动', 'reason': '提供量子加密通信服务'}, {'stock': '衢州发展', '分类': '隐私安全', '业务相关': '参股趣链科技，其拥有高效的数据共享和隐私计算能力等', '资料来源': '互动', 'reason': '参股企业具备隐私计算技术'}];
|
||
|
||
// 填充股票表格
|
||
const stockTableBody = document.getElementById('stockTableBody');
|
||
|
||
stockData.forEach(stock => {
|
||
const row = document.createElement('tr');
|
||
row.className = 'hover:bg-gray-50';
|
||
|
||
// 根据分类设置不同的徽章样式
|
||
const categoryClass = `category-${stock.分类}`;
|
||
|
||
row.innerHTML = `
|
||
<td class="py-3 px-4 font-medium">${stock.stock}</td>
|
||
<td class="py-3 px-4">
|
||
<span class="badge-category ${categoryClass}">${stock.分类}</span>
|
||
</td>
|
||
<td class="py-3 px-4 text-sm">${stock.业务相关}</td>
|
||
<td class="py-3 px-4 text-sm hide-mobile">${stock.资料来源}</td>
|
||
<td class="py-3 px-4 text-sm">${stock.reason}</td>
|
||
`;
|
||
|
||
stockTableBody.appendChild(row);
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |