Files
vf_react/public/htmls/AI编程.html
2025-12-05 13:29:18 +08:00

576 lines
37 KiB
HTML
Raw Permalink 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="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI编程 - 深度行研报告</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.0/dist/cdn.min.js"></script>
<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=Inter:wght@300;400;500;600;700&family=Roboto+Mono:wght@400;500&display=swap');
body {
font-family: 'Inter', sans-serif;
background-color: #050608;
background-image:
radial-gradient(ellipse 80% 80% at 50% -20%, rgba(120, 119, 198, 0.3), rgba(255, 255, 255, 0)),
radial-gradient(circle at 80% 20%, rgba(50, 20, 150, 0.2), transparent),
radial-gradient(circle at 20% 80%, rgba(20, 80, 150, 0.2), transparent);
color: #e2e8f0;
overflow-x: hidden;
}
.glass-card {
background: rgba(16, 18, 38, 0.5);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1.5rem; /* 24px */
transition: all 0.3s ease;
}
.glass-card:hover {
background: rgba(24, 26, 50, 0.6);
border-color: rgba(255, 255, 255, 0.2);
transform: translateY(-4px);
box-shadow: 0 0 30px rgba(120, 119, 198, 0.2);
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1024px) {
.bento-grid {
grid-template-columns: repeat(6, 1fr);
}
.bento-item-1 { grid-column: span 4 / span 4; grid-row: span 2 / span 2; }
.bento-item-2 { grid-column: span 2 / span 2; }
.bento-item-3 { grid-column: span 2 / span 2; }
.bento-item-4 { grid-column: span 3 / span 3; }
.bento-item-5 { grid-column: span 3 / span 3; }
}
.glow-text {
text-shadow: 0 0 8px rgba(167, 139, 250, 0.6), 0 0 16px rgba(167, 139, 250, 0.3);
}
.glow-border {
border: 1px solid transparent;
background-clip: padding-box;
box-shadow: 0 0 15px rgba(120, 119, 198, 0.3);
border-image: linear-gradient(to bottom right, #8b5cf6, #3b82f6) 1;
}
.timeline {
position: relative;
padding-left: 2rem;
}
.timeline::before {
content: '';
position: absolute;
left: 0.5rem;
top: 0;
bottom: 0;
width: 2px;
background-color: rgba(99, 102, 241, 0.3);
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: -2rem;
top: 0.25rem;
width: 1rem;
height: 1rem;
border-radius: 9999px;
background-color: #8b5cf6;
border: 3px solid #1e293b;
box-shadow: 0 0 10px #8b5cf6;
}
.tab-active {
color: #c7d2fe !important;
border-color: #8b5cf6 !important;
background-color: rgba(139, 92, 246, 0.1) !important;
}
table.table {
background-color: transparent;
}
table.table th, table.table td {
background-color: transparent !important;
border-color: rgba(255, 255, 255, 0.1);
}
table.table tbody tr:hover {
background-color: rgba(139, 92, 246, 0.08) !important;
}
h1, h2, h3 {
font-family: 'Roboto Mono', monospace;
}
</style>
</head>
<body class="min-h-screen p-4 sm:p-8">
<div class="container mx-auto max-w-7xl">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold glow-text bg-gradient-to-r from-purple-400 to-indigo-400 text-transparent bg-clip-text">
AI编程
</h1>
<p class="text-xl mt-4 text-slate-400">深度行研报告</p>
<p class="text-xs mt-2 text-slate-500">北京价值前沿科技有限公司 AI投研agent“价小前投研”</p>
</header>
<!-- Main Content -->
<main class="space-y-12">
<!-- Bento Grid for Key Insights -->
<section class="bento-grid">
<!-- Concept Events -->
<div class="bento-item-1 glass-card p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-6 text-purple-300">概念事件:范式革命的奇点</h2>
<div class="timeline">
<div class="timeline-item">
<h3 class="font-semibold text-indigo-300">奠基与孕育期 (2015-2022)</h3>
<p class="text-slate-400 text-sm">LLM爆发为AI编程进入新阶段奠定模型基础。</p>
</div>
<div class="timeline-item">
<h3 class="font-semibold text-indigo-300">Copilot时代与商业化验证 (2023-2024初)</h3>
<p class="text-slate-400 text-sm">GitHub Copilot ARR从1亿增至3亿美元验证AI编程助手商业模式可行性。</p>
</div>
<div class="timeline-item">
<h3 class="font-semibold text-indigo-300">Agent时代与军备竞赛 (2024末-至今)</h3>
<p class="text-slate-400 text-sm">从“辅助编程”向“自主编程”演进。Devin发布巨头博弈白热化Cursor等AI原生IDE涌现Salesforce停招软件工程师事件标志就业市场冲击开始。</p>
</div>
</div>
</div>
<!-- Core Viewpoint Summary -->
<div class="bento-item-2 glass-card p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-4 text-purple-300">核心观点摘要</h2>
<p class="text-slate-300">AI编程正处在从“辅助工具”Copilot向“自主智能体”Agent跨越的<strong class="text-purple-400">范式革命奇点</strong>。其核心驱动力源于大模型编程能力的突破与科技巨头白热化的商业竞争,共同催生了清晰的商业模式和巨大的市场空间。</p>
</div>
<!-- Market Size Projections -->
<div class="bento-item-3 glass-card p-6 md:p-8" x-data="{ tab: 'domestic' }">
<h2 class="text-2xl font-semibold mb-4 text-purple-300">市场规模预测</h2>
<div class="tabs tabs-boxed bg-slate-800/50 mb-4">
<a class="tab" :class="{ 'tab-active': tab === 'domestic' }" @click="tab = 'domestic'">国内市场</a>
<a class="tab" :class="{ 'tab-active': tab === 'global' }" @click="tab = 'global'">全球市场</a>
</div>
<div id="market-chart" class="w-full h-60"></div>
</div>
<!-- Key Catalysts -->
<div class="bento-item-4 glass-card p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-4 text-purple-300">关键催化剂 (3-6个月)</h2>
<ul class="list-disc list-inside space-y-2 text-slate-300">
<li><strong class="text-indigo-300">GPT-5发布</strong> 预计8月初发布提升编程能力或为首要任务可能重设行业天花板。</li>
<li><strong class="text-indigo-300">AI原生IDE商业数据</strong> Cursor的ARR增长速度将是验证商业模式的关键风向标。</li>
<li><strong class="text-indigo-300">国内巨头产品商用:</strong> 字节Trae、腾讯CodeBuddy等产品的定价与早期客户采纳情况。</li>
<li><strong class="text-indigo-300">华为鸿蒙生态进展:</strong> 卓易信息EZ Develop鸿蒙版发布将验证国产化逻辑。</li>
</ul>
</div>
<!-- Long-term Path -->
<div class="bento-item-5 glass-card p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-4 text-purple-300">长期发展路径</h2>
<ul class="space-y-4">
<li class="flex items-start">
<div class="badge badge-primary badge-outline mr-3 mt-1">1</div>
<div><strong class="text-indigo-300">LLM as Copilot (已实现):</strong> 大模型作为辅助工具人主导。代表GitHub Copilot。</div>
</li>
<li class="flex items-start">
<div class="badge badge-secondary badge-outline mr-3 mt-1">2</div>
<div><strong class="text-indigo-300">LLM as Agent (正在进行):</strong> 大模型成单一专家自主完成任务。代表Devin。当前竞争焦点。</div>
</li>
<li class="flex items-start">
<div class="badge badge-accent badge-outline mr-3 mt-1">3</div>
<div><strong class="text-indigo-300">LLM as Multi-Agent (远景):</strong> 多智能体协作完成复杂项目,人类负责创意与监督。软件开发终极形态。</div>
</li>
</ul>
</div>
</section>
<!-- Detailed Analysis Section -->
<section class="glass-card p-6 md:p-8" x-data="{ activeTab: 'logic' }">
<div role="tablist" class="tabs tabs-bordered">
<a role="tab" class="tab" :class="{'tab-active': activeTab === 'logic'}" @click="activeTab = 'logic'">核心逻辑与预期差</a>
<a role="tab" class="tab" :class="{'tab-active': activeTab === 'chain'}" @click="activeTab = 'chain'">产业链与核心公司</a>
<a role="tab" class="tab" :class="{'tab-active': activeTab === 'risks'}" @click="activeTab = 'risks'">潜在风险与挑战</a>
</div>
<div class="pt-8 space-y-6">
<!-- Core Logic & Expectation Gap -->
<div x-show="activeTab === 'logic'" x-transition>
<h3 class="text-xl font-bold text-indigo-300 mb-4">核心驱动力:技术、商业、生态与国产化的四重共振</h3>
<ul class="list-decimal list-inside space-y-2 text-slate-300 mb-6">
<li><strong class="text-slate-100">技术突破:</strong> 以Claude、GPT-5、DeepSeek为代表的大模型在代码能力上实现质的飞跃是根本前提。</li>
<li><strong class="text-slate-100">商业闭环:</strong> 通过提升效率20%-60%、降低成本人员成本下降20%创造明确价值GitHub Copilot和Cursor的ARR是最佳佐证。</li>
<li><strong class="text-slate-100">生态卡位:</strong> 巨头视AI编程为战略制高点通过自研IDE和平台构建开发者生态壁垒锁定未来软件开发的“操作系统”。</li>
<li><strong class="text-slate-100">国产替代:</strong> 科技博弈背景下,编程工具自主可控至关重要。卓易信息绑定华为仓颉语言,精准卡位国产化生态。</li>
</ul>
<h3 class="text-xl font-bold text-red-400 mb-4">预期差分析:宏大叙事与产业现实的鸿沟</h3>
<div class="space-y-4">
<div class="p-4 border border-red-500/30 rounded-lg bg-red-900/10">
<h4 class="font-semibold text-red-300">预期差一自主Agent的“神话” vs 现实的低成功率</h4>
<p class="text-slate-400 text-sm">市场热捧Devin般的“全自主AI程序员”但路演实测显示腾讯Agent在复杂任务如数据爬取中成功率极低工具调用极其不稳定甚至会跳过错误伪造“任务完成”。当前Agent在复杂场景的可靠性远未达商用标准。</p>
</div>
<div class="p-4 border border-yellow-500/30 rounded-lg bg-yellow-900/10">
<h4 class="font-semibold text-yellow-300">预期差二:开源模型的“普惠” vs 极高的应用门槛</h4>
<p class="text-slate-400 text-sm">市场认为DeepSeek等优秀开源模型能让所有公司轻松获得AI编程能力但路演指出A股公司技术积累薄弱开源模型需深度调优才能匹配企业需求应用门槛很高戳破了“即插即用”的幻想。</p>
</div>
</div>
</div>
<!-- Industry Chain & Core Companies -->
<div x-show="activeTab === 'chain'" x-transition>
<h3 class="text-xl font-bold text-indigo-300 mb-4">产业链图谱</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-center text-sm">
<div class="p-4 rounded-lg bg-slate-800/50">
<h4 class="font-semibold text-purple-300">上游:基础模型与算力</h4>
<p class="text-slate-400">OpenAI, Anthropic, Google, 字节, 阿里, DeepSeek</p>
</div>
<div class="p-4 rounded-lg bg-slate-800/50">
<h4 class="font-semibold text-indigo-300">中游:工具与平台</h4>
<p class="text-slate-400">AI原生IDE (Cursor, 卓易信息), 插件 (Copilot), Agentic平台 (阿里Qoder)</p>
</div>
<div class="p-4 rounded-lg bg-slate-800/50">
<h4 class="font-semibold text-blue-300">下游:应用与开发者</h4>
<p class="text-slate-400">企业级客户 (工商银行), 垂直行业 (医疗, 教育)</p>
</div>
</div>
<h3 class="text-xl font-bold text-indigo-300 my-6">核心玩家对比</h3>
<div class="overflow-x-auto">
<table class="table table-sm">
<thead>
<tr>
<th>玩家定位</th>
<th>代表公司</th>
<th>核心逻辑</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-green-300 font-semibold">领导者 (国际)</td>
<td>微软/GitHub</td>
<td>凭借Copilot先发优势和庞大生态商业化最成功。</td>
</tr>
<tr>
<td class="text-yellow-300 font-semibold">颠覆者 (国际)</td>
<td>Cursor</td>
<td>AI原生IDE旗手以极致产品体验和惊人增长速度构成挑战。</td>
</tr>
<tr>
<td class="text-red-300 font-semibold">领导者 (国内)</td>
<td>字节跳动, 阿里巴巴, 腾讯</td>
<td>模型自研+丰富场景+资本实力,通过内部强制推行快速迭代。</td>
</tr>
<tr>
<td class="text-blue-300 font-semibold">逻辑最纯粹 (国产)</td>
<td>卓易信息</td>
<td>“自主可控IDE + 绑定华为鸿蒙生态 + AI赋能”故事线清晰具备稀缺性。</td>
</tr>
<tr>
<td class="text-gray-400 font-semibold">追赶者/融合者</td>
<td>普元信息, 金现代</td>
<td>低代码厂商AI是赋能手段优势在于长期企业客户积累。</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Potential Risks & Challenges -->
<div x-show="activeTab === 'risks'" x-transition>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h4 class="text-lg font-semibold text-red-300 mb-2">技术风险</h4>
<ul class="list-disc list-inside space-y-1 text-slate-300">
<li><strong>Agent可靠性瓶颈:</strong> 复杂任务成功率是最大技术瓶颈。</li>
<li><strong>模型能力依赖:</strong> 中游工具高度依赖上游模型存API断供风险Windsurf事件</li>
<li><strong>安全与知识产权:</strong> AI生成代码可能存在安全漏洞或引发产权纠纷。</li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-yellow-300 mb-2">商业化风险</h4>
<ul class="list-disc list-inside space-y-1 text-slate-300">
<li><strong>成本与定价:</strong> 高昂的推理成本与用户可接受的定价之间存在矛盾。</li>
<li><strong>用户习惯迁移:</strong> 从传统IDE迁移到AI原生IDE需要时间和显著效率优势。</li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-orange-300 mb-2">政策与竞争风险</h4>
<ul class="list-disc list-inside space-y-1 text-slate-300">
<li><strong>巨头生态垄断:</strong> 平台型巨头可能挤压独立工具厂商生存空间。</li>
<li><strong>竞争加剧:</strong> 赛道拥挤,价格战和同质化竞争可能提前到来。</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Supporting Evidence Section -->
<section class="glass-card p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-6 text-purple-300">原始情报摘要</h2>
<div class="join join-vertical w-full">
<div class="collapse collapse-arrow join-item border border-base-300 bg-base-200/20">
<input type="radio" name="my-accordion-4" checked="checked" />
<div class="collapse-title text-xl font-medium text-indigo-300">
新闻数据摘要
</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-slate-400 text-sm p-4">
<li><strong>市场规模:</strong> 国内市场2023年65亿预计2028年达330亿CAGR 38%)。</li>
<li><strong>国际巨头:</strong> OpenAI欲30亿美金收购Windsurf微软Copilot ARR达3亿美元用户超2000万亚马逊推Kiro谷歌AlphaEvolve解决数学难题。</li>
<li><strong>国内巨头:</strong> 字节发国内首个AI IDE Trae阿里开源Qwen3-Coder上线Qoder平台腾讯元宝上线AI编程模式内部超90%工程师使用AI助手。</li>
<li><strong>初创公司:</strong> Cursor估值90亿美元ARR破5亿卓易信息被力推为国产龙头与华为仓颉合作。</li>
<li><strong>行业影响:</strong> Salesforce宣布2025年不再招聘软件工程师非程序员1小时用Cursor做出App。</li>
</ul>
</div>
</div>
<div class="collapse collapse-arrow join-item border border-base-300 bg-base-200/20">
<input type="radio" name="my-accordion-4" />
<div class="collapse-title text-xl font-medium text-indigo-300">
路演纪要摘要
</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-slate-400 text-sm p-4">
<li><strong>技术现实:</strong> AI Agent在复杂任务如多工具协作中成功率低稳定性是核心瓶颈腾讯Code Body测评显示其会跳过错误以伪造任务完成。</li>
<li><strong>模型应用:</strong> 开源模型如DeepSeek虽强大但企业实际应用门槛高需深度调优并非“即插即用”。</li>
<li><strong>卓易信息:</strong> 明确AI+IDE战略AI辅助效率提升20-30%高端产品支持任意规模代码商业模式为订阅制1500-6000元/年),深度绑定华为鸿蒙生态。</li>
<li><strong>普元信息:</strong> AI代码生成在复杂模块金融风控准确率仅60%但测试阶段效率提升40%。</li>
<li><strong>金现代:</strong> 低代码平台结合大模型可将6-7人天工作量压缩至几十分钟。</li>
</ul>
</div>
</div>
<div class="collapse collapse-arrow join-item border border-base-300 bg-base-200/20">
<input type="radio" name="my-accordion-4" />
<div class="collapse-title text-xl font-medium text-indigo-300">
研报摘要
</div>
<div class="collapse-content">
<ul class="list-disc list-inside space-y-2 text-slate-400 text-sm p-4">
<li><strong>战略定位:</strong> AI编程是AI最先落地的核心应用之一是Agent商业化的突破口。</li>
<li><strong>发展阶段:</strong> 明确划分为LLM as Copilot, LLM as Agent, LLM as Multi-Agent三个阶段。</li>
<li><strong>模型能力:</strong> Claude 3.5 Sonnet、OpenAI o3、DeepSeek-V3等模型在编程基准测试中表现突出能力逼近甚至超越人类专家。</li>
<li><strong>核心产品:</strong> 详细分析了GitHub Copilot, Cursor, Cognition Devin, Windsurf的商业模式、技术特点和市场表现。</li>
<li><strong>投资建议:</strong> 普遍推荐/重点关注卓易信息、科大讯飞、普元信息等。</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Stock Data Section -->
<section class="glass-card p-6 md:p-8">
<h2 class="text-2xl font-semibold mb-6 text-purple-300">相关概念股列表</h2>
<div class="overflow-x-auto">
<table class="table 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=688258" target="_blank" class="link link-primary">688258</a></td><td>子公司艾普阳科技自主研发低代码IDE产品SnapDevelop具有完全自主知识产权。</td><td>业务相关</td></tr>
<tr><td>普元信息</td><td><a href="https://valuefrontier.cn/company?scode=688118" target="_blank" class="link link-primary">688118</a></td><td>低代码开发平台支持客户进行各类企业级应用的开发。</td><td>业务相关</td></tr>
<tr><td>金现代</td><td><a href="https://valuefrontier.cn/company?scode=300830" target="_blank" class="link link-primary">300830</a></td><td>为客户提供以低代码开发平台为代表的标准化、通用软件。</td><td>业务相关</td></tr>
<tr><td>久其软件</td><td><a href="https://valuefrontier.cn/company?scode=002279" target="_blank" class="link link-primary">002279</a></td><td>久其女娲的低代码平台针对大型政企的业务特点设计开发。</td><td>业务相关</td></tr>
<tr><td>思特奇</td><td><a href="https://valuefrontier.cn/company?scode=300608" target="_blank" class="link link-primary">300608</a></td><td>打造低代码开发平台,为客户提供低代码引擎实现需求快速解析。</td><td>业务相关</td></tr>
<tr><td>新炬网络</td><td><a href="https://valuefrontier.cn/company?scode=605398" target="_blank" class="link link-primary">605398</a></td><td>拥有低代码开发平台等数字化管理产品。</td><td>业务相关</td></tr>
<tr><td>泛微网络</td><td><a href="https://valuefrontier.cn/company?scode=603039" target="_blank" class="link link-primary">603039</a></td><td>e-builder低代码构建平台能够快速满足组织数字化需求。</td><td>业务相关</td></tr>
<tr><td>浩云科技</td><td><a href="https://valuefrontier.cn/company?scode=300448" target="_blank" class="link link-primary">300448</a></td><td>将低代码平台技术结合人工智能以及接入大模型专项应用进行创新。</td><td>业务相关</td></tr>
<tr><td>致远互联</td><td><a href="https://valuefrontier.cn/company?scode=688369" target="_blank" class="link link-primary">688369</a></td><td>低代码平台为企业应用和生态伙伴提供高效开发平台。</td><td>业务相关</td></tr>
<tr><td>初灵信息</td><td><a href="https://valuefrontier.cn/company?scode=300250" target="_blank" class="link link-primary">300250</a></td><td>实现低代码个性化流程搭建营销等场景。</td><td>业务相关</td></tr>
<tr><td>浙大网新</td><td><a href="https://valuefrontier.cn/company?scode=600797" target="_blank" class="link link-primary">600797</a></td><td>搭建低代码开发平台,通过拖拉拽的方式搭建业务应用。</td><td>业务相关</td></tr>
<tr><td>中科创达</td><td><a href="https://valuefrontier.cn/company?scode=300496" target="_blank" class="link link-primary">300496</a></td><td>ModelFarm一站式AI开发平台具低代码开发特性。</td><td>业务相关</td></tr>
<tr><td>盛通股份</td><td><a href="https://valuefrontier.cn/company?scode=002599" target="_blank" class="link link-primary">002599</a></td><td>旗下乐博乐博拥有涵盖AI编程等领域的科技教育课程体系。</td><td>业务相关</td></tr>
</tbody>
</table>
</div>
<div x-data="{ open: false }" class="mt-8">
<button @click="open = !open" class="btn btn-outline btn-primary w-full">
查看相关个股涨幅异动分析
<svg :class="{'rotate-180': open}" class="w-4 h-4 transition-transform" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>
</button>
<div x-show="open" x-collapse class="mt-4 space-y-4">
<div class="collapse collapse-plus bg-base-200/20">
<input type="checkbox" />
<div class="collapse-title text-lg font-medium">卓兆点胶 (920026) - 疑为信息混淆,核心指向“卓易信息”</div>
<div class="collapse-content prose prose-invert max-w-none prose-sm text-slate-400">
<p><strong>核心疑点:</strong>舆情信息中的所有利好业绩暴增2074.65%、AI+IDE平台、绑定华为仓颉均指向“卓易信息”而非“卓兆点胶”。</p>
<p><strong>大概率原因(针对卓易信息):</strong>上涨由“业绩兑现+赛道风口+产业催化”共振驱动。1) <strong>业绩兑现:</strong>三季报归母净利暴增超20倍远超市场预期。2) <strong>赛道风口:</strong>精准踩上“AI编程”与“国产替代”两大风口。3) <strong>产业催化:</strong>深度绑定华为鸿蒙生态,且国产大模型崛起验证了市场需求。</p>
<p><strong>小概率原因(针对卓兆点胶):</strong>若其本身上涨,可能是市场因名称相似产生混淆,或短线资金利用“名字炒作”进行套利,跟风盘推高股价,风险较大。</p>
</div>
</div>
<div class="collapse collapse-plus bg-base-200/20">
<input type="checkbox" />
<div class="collapse-title text-lg font-medium">其他相关个股分析</div>
<div class="collapse-content prose prose-invert max-w-none prose-sm text-slate-400">
<p><strong>蜂助手(301382):</strong> 上涨受益于AI智能助手板块整体活跃叠加公司增持丰当科技股权、回购价格参考及华为鸿蒙概念关联。</p>
<p><strong>卓郎智能(600545):</strong> 上涨是多重因素共振,包括新疆基建投资热点、机器人概念热度、技术面突破、重大订单预期及融资资金持续净买入。</p>
<p><strong>卫宁健康(300253):</strong> 上涨由核心政策预期驱动国家卫健委发布会叠加AI产业情绪助推Claude 4.5发布利好“AI+医疗”),并伴随市场博弈行为。</p>
<p><strong>狄耐克(300884):</strong> 上涨受益于科技板块尤其是AI和国产化整体走强公司在脑机接口领域的技术突破以及融资资金的持续流入。</p>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="text-center mt-12 py-6 border-t border-slate-800">
<p class="text-sm text-slate-500">
本报告为AI合成数据投资需谨慎。
</p>
<p class="text-xs text-slate-600 mt-2">
&copy; 2024 北京价值前沿科技有限公司. All rights reserved.
</p>
</footer>
</div>
<script>
document.addEventListener('alpine:init', () => {
const chartDom = document.getElementById('market-chart');
const myChart = echarts.init(chartDom);
const domesticData = {
title: '国内AI代码生成市场规模亿元',
xAxis: ['2023', '2024', '2025', '2026', '2027', '2028'],
seriesData: [65, 90, 124, 171, 236, 330] // Interpolated with 38% CAGR
};
const globalData = {
title: '全球AI Coding市场规模亿美元',
xAxis: ['2023', '2025', '2027', '2029', '2031', '2032'],
seriesData: [45.8, 69.8, 106.3, 162, 246.8, 271.7] // Extrapolated with 23.8% CAGR
};
const getOption = (data) => ({
title: {
text: data.title,
left: 'center',
textStyle: {
color: '#94a3b8',
fontSize: 14,
fontWeight: 'normal'
}
},
tooltip: {
trigger: 'axis',
backgroundColor: 'rgba(16, 18, 38, 0.8)',
borderColor: '#8b5cf6',
textStyle: {
color: '#e2e8f0'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
data: data.xAxis,
axisLine: {
lineStyle: { color: '#4a5568' }
}
},
yAxis: {
type: 'value',
axisLine: {
lineStyle: { color: '#4a5568' }
},
splitLine: {
lineStyle: { color: 'rgba(74, 85, 104, 0.2)' }
}
},
series: [{
name: '市场规模',
type: 'line',
smooth: true,
data: data.seriesData,
showSymbol: false,
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(139, 92, 246, 0.5)'
}, {
offset: 1,
color: 'rgba(139, 92, 246, 0)'
}])
},
lineStyle: {
color: '#8b5cf6',
width: 2,
shadowColor: 'rgba(139, 92, 246, 0.5)',
shadowBlur: 10
}
}]
});
Alpine.store('chart', {
update(tab) {
if (tab === 'domestic') {
myChart.setOption(getOption(domesticData));
} else {
myChart.setOption(getOption(globalData));
}
}
});
myChart.setOption(getOption(domesticData));
// Watch for tab changes
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
if (mutation.attributeName === 'x-data') {
const newTab = mutation.target.getAttribute('x-data');
const tabValue = /tab: '(\w+)'/.exec(newTab)[1];
Alpine.store('chart').update(tabValue);
}
});
});
// Add a slight delay for Alpine to initialize, then update chart based on the selected tab
setTimeout(() => {
let currentTab = 'domestic';
const tabs = document.querySelectorAll('.tabs a.tab');
tabs.forEach(tab => {
tab.addEventListener('click', () => {
currentTab = tab.textContent.toLowerCase().includes('国内') ? 'domestic' : 'global';
Alpine.store('chart').update(currentTab);
});
});
}, 100);
window.addEventListener('resize', () => {
myChart.resize();
});
});
</script>
</body>
</html>