Files
vf_react/public/htmls/开普勒机器人.html
2025-10-11 16:16:02 +08:00

742 lines
33 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.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>