feat: 10.10线上最新代码提交

This commit is contained in:
zdl
2025-10-11 16:16:02 +08:00
parent 4d0dc109bc
commit 495ad758ea
3338 changed files with 460147 additions and 152745 deletions

View File

@@ -0,0 +1,741 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>开普勒机器人概念分析</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- DaisyUI CSS -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@3.5.1/dist/full.css" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--primary-color: #3b82f6;
--secondary-color: #8b5cf6;
--accent-color: #ec4899;
--dark-color: #1e293b;
--light-color: #f1f5f9;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f8fafc;
color: var(--dark-color);
}
.hero-section {
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: white;
padding: 4rem 0;
position: relative;
overflow: hidden;
}
.hero-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjA1KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==');
opacity: 0.3;
z-index: 0;
}
.hero-content {
position: relative;
z-index: 1;
}
.section-title {
position: relative;
margin-bottom: 2rem;
padding-bottom: 1rem;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 4px;
background: var(--primary-color);
}
.timeline {
position: relative;
padding-left: 30px;
}
.timeline::before {
content: '';
position: absolute;
top: 0;
left: 10px;
height: 100%;
width: 2px;
background: #e2e8f0;
}
.timeline-item {
position: relative;
margin-bottom: 2rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: -30px;
top: 5px;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--primary-color);
border: 3px solid white;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}
.timeline-date {
font-weight: 600;
color: var(--primary-color);
margin-bottom: 0.5rem;
}
.card {
border: none;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
height: 100%;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.card-header {
background-color: transparent;
border-bottom: 1px solid #e2e8f0;
font-weight: 600;
}
.stock-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.stock-table th {
background-color: var(--primary-color);
color: white;
font-weight: 600;
text-align: left;
padding: 12px 15px;
}
.stock-table th:first-child {
border-top-left-radius: 8px;
}
.stock-table th:last-child {
border-top-right-radius: 8px;
}
.stock-table td {
padding: 12px 15px;
border-bottom: 1px solid #e2e8f0;
}
.stock-table tr:last-child td {
border-bottom: none;
}
.stock-table tr:nth-child(even) {
background-color: #f8fafc;
}
.stock-table tr:hover {
background-color: #f1f5f9;
}
.badge-category {
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
border-radius: 4px;
}
.badge-category.参股 {
background-color: #dbeafe;
color: #1d4ed8;
}
.badge-category.合资合作 {
background-color: #ede9fe;
color: #6d28d9;
}
.industry-chain {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.chain-level {
display: flex;
flex-direction: column;
gap: 1rem;
}
.chain-level-title {
font-weight: 600;
color: var(--primary-color);
margin-bottom: 0.5rem;
}
.chain-items {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.chain-item {
background: white;
border-radius: 8px;
padding: 0.75rem 1rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
font-size: 0.9rem;
}
.highlight-box {
background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1));
border-left: 4px solid var(--primary-color);
padding: 1.5rem;
border-radius: 0 8px 8px 0;
margin: 1.5rem 0;
}
.risk-item {
margin-bottom: 1rem;
padding-left: 1.5rem;
position: relative;
}
.risk-item::before {
content: '\f071';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
position: absolute;
left: 0;
color: #f59e0b;
}
.conclusion-box {
background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(5, 150, 105, 0.1));
border-radius: 12px;
padding: 2rem;
margin-top: 2rem;
}
@media (max-width: 768px) {
.hero-section {
padding: 2rem 0;
}
.timeline {
padding-left: 20px;
}
.timeline-item::before {
left: -20px;
}
.stock-table {
font-size: 0.85rem;
}
.stock-table th,
.stock-table td {
padding: 8px 10px;
}
}
</style>
</head>
<body>
<!-- Hero Section -->
<section class="hero-section">
<div class="container">
<div class="hero-content text-center">
<h1 class="display-4 fw-bold mb-3">开普勒机器人概念分析</h1>
<p class="lead mb-0">中国人形机器人领域的领先企业,从技术研发向商业化落地的关键转型</p>
</div>
</div>
</section>
<!-- Main Content -->
<div class="container my-5">
<!-- 时间轴 -->
<section class="mb-5">
<h2 class="section-title">发展历程</h2>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-date">2023年11月17日</div>
<div>发布先行者系列通用人形机器人产品</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2023年</div>
<div>发布4.0版本机器人</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年10月</div>
<div>发布5.0版本机器人</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2024年12月24日</div>
<div>豫资开勒进入超聚变经销商体系</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年2月</div>
<div>升级至5.2版本,增加六维力传感器、触觉功能等关键特性</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年2月17日</div>
<div>开普勒人形机器人专家交流</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年3月15日</div>
<div>发布K2型号机器人进厂"搬砖"视频,展示工业场景应用能力</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2025年7月9日</div>
<div>完成A+轮融资,涛涛车业和福然德参投</div>
</div>
</div>
</section>
<!-- 核心观点摘要 -->
<section class="mb-5">
<h2 class="section-title">核心观点摘要</h2>
<div class="highlight-box">
<p class="mb-0">开普勒机器人作为中国本土人形机器人领域的头部企业,正通过快速产品迭代和聚焦工业场景的应用策略,实现从技术研发向商业化落地的关键转型。公司凭借<strong>高度国产化</strong>的供应链、<strong>差异化的四缸技术路线</strong>以及<strong>与产业链上下游的深度合作</strong>在工业场景率先实现突破预计2025年出货量将达到300-400台处于商业化早期阶段但已展现出较强的市场竞争力。</p>
</div>
</section>
<!-- 核心驱动力 -->
<section class="mb-5">
<h2 class="section-title">核心驱动力</h2>
<div class="row g-4">
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title"><i class="fas fa-microchip text-primary me-2"></i>技术突破与产品快速迭代</h5>
<p class="card-text">短时间内完成从4.0版本到5.2版本的快速迭代关键技术参数不断提升。5.2版本机器人配备了自主研发的执行器转动峰值扭矩可达200牛米重复定位精度达0.01度计算能力为100 TOPS。</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title"><i class="fas fa-industry text-primary me-2"></i>国产化供应链与成本优势</h5>
<p class="card-text">零部件国产比例高除CPU与GPU采用进口外其余均为国产。当前产品价格在20-30万元左右采用薄利多销的定价策略未来可能降至一两万美金的价格。</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title"><i class="fas fa-robot text-primary me-2"></i>聚焦工业场景的应用落地</h5>
<p class="card-text">主要应用于加工厂和工业场景,已在智能制造、仓储物流、特种作业、科研教育等头部客户实际场景开展测试,进行物料搬运、样品处理、巡逻巡检等场景测试。</p>
</div>
</div>
</div>
</div>
</section>
<!-- 市场热度与情绪 -->
<section class="mb-5">
<h2 class="section-title">市场热度与情绪</h2>
<div class="row g-4">
<div class="col-md-3 col-6">
<div class="card text-center">
<div class="card-body">
<i class="fas fa-chart-line text-primary fs-2 mb-3"></i>
<h5 class="card-title">研报密集度</h5>
<p class="card-text">多家券商如天风电新、东北电新等发布研究报告</p>
</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="card text-center">
<div class="card-body">
<i class="fas fa-handshake text-primary fs-2 mb-3"></i>
<h5 class="card-title">资本认可</h5>
<p class="card-text">完成A+轮融资,获得涛涛车业和福然德等战略投资</p>
</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="card text-center">
<div class="card-body">
<i class="fas fa-link text-primary fs-2 mb-3"></i>
<h5 class="card-title">产业链合作</h5>
<p class="card-text">多家上市公司通过参股或合资合作建立联系</p>
</div>
</div>
</div>
<div class="col-md-3 col-6">
<div class="card text-center">
<div class="card-body">
<i class="fas fa-smile text-primary fs-2 mb-3"></i>
<h5 class="card-title">市场情绪</h5>
<p class="card-text">整体偏向乐观,认为硬件领先且更符合客户需求</p>
</div>
</div>
</div>
</div>
</section>
<!-- 产业链图谱 -->
<section class="mb-5">
<h2 class="section-title">产业链图谱</h2>
<div class="industry-chain">
<div class="chain-level">
<div class="chain-level-title">上游(零部件与核心技术)</div>
<div class="chain-items">
<div class="chain-item">伟创电气(空心杯电机)</div>
<div class="chain-item">谐波减速器供应商</div>
<div class="chain-item">六维力传感器(已实现反向开发)</div>
<div class="chain-item">3D视觉深度相机</div>
<div class="chain-item">电子皮肤(来自灵桥所)</div>
<div class="chain-item">英特尔CPU</div>
<div class="chain-item">英伟达GPU</div>
<div class="chain-item">高校技术合作</div>
</div>
</div>
<div class="chain-level">
<div class="chain-level-title">中游(机器人本体制造)</div>
<div class="chain-items">
<div class="chain-item">开普勒机器人(核心主体)</div>
<div class="chain-item">兆丰股份2.16%</div>
<div class="chain-item">柯力传感1.38%</div>
<div class="chain-item">伟创电气1.38%</div>
<div class="chain-item">涛涛车业1.22%</div>
<div class="chain-item">福然德1.22%</div>
<div class="chain-item">乔锋智能1.08%</div>
<div class="chain-item">汉威科技1.08%</div>
</div>
</div>
<div class="chain-level">
<div class="chain-level-title">下游(应用场景与解决方案)</div>
<div class="chain-items">
<div class="chain-item">智能制造</div>
<div class="chain-item">仓储物流</div>
<div class="chain-item">特种作业</div>
<div class="chain-item">科研教育</div>
<div class="chain-item">物流头部企业</div>
<div class="chain-item">世界500强主机厂</div>
<div class="chain-item">世界500强日化厂</div>
<div class="chain-item">豫资开勒AI解决方案</div>
</div>
</div>
<div class="chain-level">
<div class="chain-level-title">横向合作(生态建设)</div>
<div class="chain-items">
<div class="chain-item">苏州依智灵巧驱动科技公司(灵巧手核心零部件)</div>
<div class="chain-item">露笑科技家庭AI机器人</div>
</div>
</div>
</div>
</section>
<!-- 股票数据表格 -->
<section class="mb-5">
<h2 class="section-title">相关上市公司</h2>
<div class="table-responsive">
<table class="stock-table">
<thead>
<tr>
<th>股票名称</th>
<th>分类</th>
<th>相关性</th>
<th>信源</th>
<th>原因</th>
</tr>
</thead>
<tbody>
<tr>
<td>兆丰股份</td>
<td><span class="badge badge-category 参股">参股</span></td>
<td>持有开普勒机器人股份占比2.16%</td>
<td>工商</td>
<td>持有开普勒机器人股份占比2.16%</td>
</tr>
<tr>
<td>柯力传感</td>
<td><span class="badge badge-category 参股">参股</span></td>
<td>持有开普勒机器人股份占比1.38%</td>
<td>工商</td>
<td>持有开普勒机器人股份占比1.38%</td>
</tr>
<tr>
<td>伟创电气</td>
<td><span class="badge badge-category 参股">参股</span></td>
<td>持有开普勒机器人股份占比1.38%</td>
<td>工商</td>
<td>持有开普勒机器人股份占比1.38%</td>
</tr>
<tr>
<td>涛涛车业</td>
<td><span class="badge badge-category 参股">参股</span></td>
<td>持有开普勒机器人股份占比1.22%</td>
<td>工商</td>
<td>持有开普勒机器人股份占比1.22%</td>
</tr>
<tr>
<td>福然德</td>
<td><span class="badge badge-category 参股">参股</span></td>
<td>持有开普勒机器人股份占比1.22%</td>
<td>工商</td>
<td>持有开普勒机器人股份占比1.22%</td>
</tr>
<tr>
<td>乔锋智能</td>
<td><span class="badge badge-category 参股">参股</span></td>
<td>持有开普勒机器人股份占比1.08%</td>
<td>工商</td>
<td>持有开普勒机器人股份占比1.08%</td>
</tr>
<tr>
<td>汉威科技</td>
<td><span class="badge badge-category 参股">参股</span></td>
<td>持有开普勒机器人股份占比1.08%</td>
<td>工商</td>
<td>持有开普勒机器人股份占比1.08%</td>
</tr>
<tr>
<td>露笑科技</td>
<td><span class="badge badge-category 合资合作">合资合作</span></td>
<td>战略合作开发家庭AI机器人与资者屋智能共同投资公司持股42.44%开普勒持股0.94%</td>
<td>公告</td>
<td>战略合作开发家庭AI机器人</td>
</tr>
<tr>
<td>伟创电气</td>
<td><span class="badge badge-category 合资合作">合资合作</span></td>
<td>拟共设苏州依智灵巧驱动科技公司公司持股40%开普勒持股3%),开展人形机器人灵巧手核心零部件业务</td>
<td>公告</td>
<td>开展人形机器人灵巧手核心零部件业务</td>
</tr>
<tr>
<td>科达利</td>
<td><span class="badge badge-category 合资合作">合资合作</span></td>
<td>拟共设苏州依智灵巧驱动科技公司公司持股30%开普勒持股3%),开展人形机器人灵巧手核心零部件业务</td>
<td>公告</td>
<td>开展人形机器人灵巧手核心零部件业务</td>
</tr>
<tr>
<td>银轮股份</td>
<td><span class="badge badge-category 合资合作">合资合作</span></td>
<td>拟共设苏州依智灵巧驱动科技公司公司持股20%开普勒持股3%),开展人形机器人灵巧手核心零部件业务</td>
<td>公告</td>
<td>开展人形机器人灵巧手核心零部件业务</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- 关键催化剂 -->
<section class="mb-5">
<h2 class="section-title">关键催化剂</h2>
<div class="row g-4">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h5 class="mb-0">近期催化剂3-6个月</h5>
</div>
<div class="card-body">
<ul class="list-unstyled">
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>产品出货量数据公布2025年预计300-400台</li>
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>灵巧手合资公司进展</li>
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>新一轮融资或IPO计划</li>
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>新应用场景拓展</li>
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>技术参数进一步提升</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h5 class="mb-0">长期发展路径</h5>
</div>
<div class="card-body">
<ul class="list-unstyled">
<li class="mb-2"><i class="fas fa-arrow-right text-primary me-2"></i><strong>短期1-2年</strong>:工业场景规模化应用</li>
<li class="mb-2"><i class="fas fa-arrow-right text-primary me-2"></i><strong>中期2-3年</strong>:技术全面升级与场景拓展</li>
<li class="mb-2"><i class="fas fa-arrow-right text-primary me-2"></i><strong>长期3-5年</strong>:平台化发展与国际化扩张</li>
<li class="mb-2"><i class="fas fa-arrow-right text-primary me-2"></i><strong>关键技术里程碑</strong>电池技术、AI能力、传感器技术、人机交互技术</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- 潜在风险与挑战 -->
<section class="mb-5">
<h2 class="section-title">潜在风险与挑战</h2>
<div class="row g-4">
<div class="col-md-4">
<div class="card h-100">
<div class="card-header">
<h5 class="mb-0">技术风险</h5>
</div>
<div class="card-body">
<div class="risk-item">软件与AI能力相对薄弱</div>
<div class="risk-item">技术路线选择风险</div>
<div class="risk-item">核心零部件依赖进口</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-header">
<h5 class="mb-0">商业化风险</h5>
</div>
<div class="card-body">
<div class="risk-item">成本与价格挑战</div>
<div class="risk-item">市场接受度与规模化</div>
<div class="risk-item">应用场景局限性</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-header">
<h5 class="mb-0">政策与竞争风险</h5>
</div>
<div class="card-body">
<div class="risk-item">行业竞争加剧</div>
<div class="risk-item">技术标准与法规不完善</div>
<div class="risk-item">国际贸易环境变化</div>
</div>
</div>
</div>
</div>
</section>
<!-- 综合结论与投资启示 -->
<section class="mb-5">
<h2 class="section-title">综合结论与投资启示</h2>
<div class="conclusion-box">
<h4 class="mb-3">综合结论</h4>
<p>开普勒机器人概念目前处于<strong>商业化早期阶段</strong>,正从技术研发向应用落地过渡。公司凭借<strong>高度国产化</strong>的供应链、<strong>差异化的四缸技术路线</strong>以及<strong>聚焦工业场景</strong>的应用策略在竞争激烈的人形机器人领域占据了一席之地。虽然短期内出货规模有限但已获得多家世界500强客户的战略协议展现出较强的商业化潜力。</p>
<p class="mt-3">从投资角度看,该概念已<strong>部分脱离纯主题炒作阶段</strong>,开始进入基本面驱动阶段,但完全依赖基本面业绩支撑仍需时日。当前市场关注点主要集中在技术突破、产品迭代和客户拓展等方面,而非短期业绩贡献。</p>
<h4 class="mt-4 mb-3">投资启示</h4>
<p>基于对开普勒机器人概念的分析,最具投资价值的细分环节或方向包括:</p>
<ul>
<li><strong>核心零部件供应商</strong>:特别是与开普勒有深度合作的企业,如伟创电气(提供空心杯电机并合资开发灵巧手)</li>
<li><strong>技术路线独特的企业</strong>:如兆丰股份,不仅持有开普勒较大比例股份,还在四缸技术和线性关节总成方面有积累</li>
<li><strong>产业链布局完整的企业</strong>:通过多种方式(参股、合资、业务合作)参与人形机器人产业链的企业</li>
</ul>
<h4 class="mt-4 mb-3">需重点跟踪的关键指标</h4>
<ul>
<li>产品出货量2025年实际出货量是否达到或超过预期的300-400台</li>
<li>价格趋势(产品价格是否能够按计划下降,向一两万美金的目标迈进)</li>
<li>应用场景拓展(是否成功拓展到医疗、服务、家庭等新场景)</li>
<li>技术迭代速度特别是软件和AI能力的提升速度</li>
<li>合资公司进展(特别是苏州依智灵巧驱动科技公司的业务进展)</li>
<li>融资与IPO计划新一轮融资的估值水平和IPO计划的推进情况</li>
</ul>
</div>
</section>
</div>
<!-- Footer -->
<footer class="bg-dark text-white py-4 mt-5">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mb-0">© 2025 开普勒机器人概念分析. All rights reserved.</p>
</div>
<div class="col-md-6 text-md-end">
<p class="mb-0">数据来源:公开资料整理</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
// 添加平滑滚动效果
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// 添加表格排序功能
document.addEventListener('DOMContentLoaded', function() {
const table = document.querySelector('.stock-table');
const headers = table.querySelectorAll('th');
headers.forEach((header, index) => {
if (index < headers.length - 2) { // 不对最后两列进行排序
header.style.cursor = 'pointer';
header.addEventListener('click', () => {
sortTable(index);
});
}
});
function sortTable(columnIndex) {
const tbody = table.querySelector('tbody');
const rows = Array.from(tbody.querySelectorAll('tr'));
// 确定排序方向
const isAscending = table.getAttribute('data-sort-direction') !== 'asc';
table.setAttribute('data-sort-direction', isAscending ? 'asc' : 'desc');
// 排序行
rows.sort((a, b) => {
const aValue = a.cells[columnIndex].textContent.trim();
const bValue = b.cells[columnIndex].textContent.trim();
// 尝试数字排序
const aNum = parseFloat(aValue.replace(/[^0-9.-]+/g, ''));
const bNum = parseFloat(bValue.replace(/[^0-9.-]+/g, ''));
if (!isNaN(aNum) && !isNaN(bNum)) {
return isAscending ? aNum - bNum : bNum - aNum;
}
// 字符串排序
return isAscending
? aValue.localeCompare(bValue)
: bValue.localeCompare(aValue);
});
// 重新排列行
rows.forEach(row => tbody.appendChild(row));
}
});
</script>
</body>
</html>