feat: 全站改版为科技首页风格,重构导航与产品页面

- 品牌更名 Easy Data Collection
- 导航重构:前沿技术研究 / 工具开发 / 资源中心 / License / 博客(含下拉菜单)
- 新增前沿技术研究聚合页、工具开发产品页与 6 个产品独立介绍页
- License 申请 / 查询下载 / 资源包合并为 License 中心,旧路径保留兼容
- 首页与全站样式升级为科技产品风(Apple/Wise 式)
- 博客构建脚本同步更新(新导航 + 新首页)
This commit is contained in:
2026-09-29 10:52:30 +08:00
parent 7f4dd2f682
commit d4ffec7f18
27 changed files with 2978 additions and 539 deletions
+103 -62
View File
@@ -15,78 +15,119 @@
<header class="site-header">
<div class="container header-inner">
<a class="brand" href="/">
<img src="/static/img/logo.svg" alt="Easy Data Collector">
<span class="brand-name">Easy Data Collector</span>
<img src="/static/img/logo.svg" alt="Easy Data Collection">
<span class="brand-name">Easy Data Collection</span>
</a>
<nav class="main-nav">
<a href="/blog/">博客</a>
<a href="/reslib/">ResLib</a>
<a href="/reslib/apply" class="active">申请 License</a>
<a href="/reslib/status">查询 / 下载</a>
<a href="/reslib/package">资源包获取</a>
<a href="/neural/">Neural Research</a>
<a href="http://124.220.63.9:25000">Research Digest</a>
<nav class="main-nav" id="mainNav">
<div class="nav-item has-dropdown">
<a class="nav-link" href="/research/">前沿技术研究</a>
<button class="nav-caret" type="button" aria-label="展开前沿技术研究">▾</button>
<div class="dropdown">
<a href="http://124.220.63.9:25000">Research Digest</a>
<a href="/research/neural/">Neural Research</a>
<a href="/research/reslib/">ResLib</a>
</div>
</div>
<div class="nav-item has-dropdown">
<a class="nav-link" href="/tools/">工具开发</a>
<button class="nav-caret" type="button" aria-label="展开工具开发">▾</button>
<div class="dropdown">
<a href="/tools/sequence-diagram/">Sequence-Diagram</a>
<a href="/tools/uni-viewer/">Uni-Viewer</a>
<a href="/tools/engineer-craft/">Engineer Craft</a>
<a href="/tools/five-phases-observer/">The Five Phases Observer</a>
<a href="/tools/unitouch/">UniTouch Interface</a>
<a href="/tools/edc-lite-erp/">EDC Lite ERP</a>
</div>
</div>
<a class="nav-link" href="/resources/">资源中心</a>
<div class="nav-item has-dropdown">
<a class="nav-link active" href="/license/">License</a>
<button class="nav-caret" type="button" aria-label="展开 License">▾</button>
<div class="dropdown">
<a class="active" href="/license/apply">申请 License</a>
<a href="/license/status">查询 / 下载</a>
<a href="/license/package">资源包获取</a>
</div>
</div>
<a class="nav-link" href="/blog/">博客</a>
</nav>
<button class="nav-toggle" id="navToggle" aria-label="菜单">☰</button>
<button class="nav-toggle" id="navToggle" aria-label="菜单">☰</button>
</div>
</header>
<main class="section">
<div class="container narrow">
<h2 class="section-title">申请 License</h2>
<p class="section-desc">提交后我们会进行人工审核,审核通过后凭申请编号下载授权文件。</p>
<div class="form-card">
<div class="form-group">
<label for="mac">本机 MAC 地址 *</label>
<input type="text" id="mac" class="mono" placeholder="如:AA-BB-CC-DD-EE-FF" maxlength="17" autocomplete="off">
<p class="form-hint">如何获取:cmd 运行 <span class="mono">getmac /v</span>,取"物理地址"列(12 位十六进制)。</p>
</div>
<div class="form-row">
<div class="form-group">
<label for="company">公司 / 单位名称 *</label>
<input type="text" id="company" placeholder="如:某某机械制造有限公司">
</div>
<div class="form-group">
<label for="contact">联系人 *</label>
<input type="text" id="contact" placeholder="您的姓名">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="email">邮箱 *</label>
<input type="email" id="email" placeholder="用于接收 License 相关信息">
</div>
<div class="form-group">
<label for="creo">Creo 版本</label>
<select id="creo">
<option value="Creo 7.0">Creo 7.0</option>
<option value="Creo 8.0" selected>Creo 8.0</option>
<option value="Creo 9.0">Creo 9.0</option>
<option value="Creo 10.0">Creo 10.0</option>
<option value="其他">其他</option>
</select>
</div>
<div class="form-group">
<label for="seats">授权数量(套)</label>
<input type="number" id="seats" min="1" value="1">
</div>
</div>
<div class="form-group">
<label for="notes">备注</label>
<textarea id="notes" rows="3" placeholder="选填:使用场景、部门规模等"></textarea>
</div>
<button type="button" id="submit" class="btn btn-primary btn-block">提交申请</button>
<div id="result"></div>
<main>
<section class="page-hero">
<div class="container">
<p class="hero-eyebrow">LICENSE · 申请</p>
<h1>申请 License</h1>
<p class="page-hero-sub">提交后我们会进行人工审核,审核通过后凭申请编号下载授权文件。</p>
</div>
</div>
</section>
<section class="section" style="padding-top: 8px;">
<div class="container narrow">
<div class="form-card">
<div class="form-group">
<label for="mac">本机 MAC 地址 *</label>
<input type="text" id="mac" class="mono" placeholder="如:AA-BB-CC-DD-EE-FF" maxlength="17" autocomplete="off">
<p class="form-hint">如何获取:cmd 运行 <span class="mono">getmac /v</span>,取"物理地址"列(12 位十六进制)。</p>
</div>
<div class="form-row">
<div class="form-group">
<label for="company">公司 / 单位名称 *</label>
<input type="text" id="company" placeholder="如:某某机械制造有限公司">
</div>
<div class="form-group">
<label for="contact">联系人 *</label>
<input type="text" id="contact" placeholder="您的姓名">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="email">邮箱 *</label>
<input type="email" id="email" placeholder="用于接收 License 相关信息">
</div>
<div class="form-group">
<label for="creo">Creo 版本</label>
<select id="creo">
<option value="Creo 7.0">Creo 7.0</option>
<option value="Creo 8.0" selected>Creo 8.0</option>
<option value="Creo 9.0">Creo 9.0</option>
<option value="Creo 10.0">Creo 10.0</option>
<option value="其他">其他</option>
</select>
</div>
<div class="form-group">
<label for="seats">授权数量(套)</label>
<input type="number" id="seats" min="1" value="1">
</div>
</div>
<div class="form-group">
<label for="notes">备注</label>
<textarea id="notes" rows="3" placeholder="选填:使用场景、部门规模等"></textarea>
</div>
<button type="button" id="submit" class="btn btn-primary btn-block">提交申请</button>
<div id="result"></div>
</div>
<p class="form-tip text-soft">已有申请编号?直接前往 <a href="/license/status">查询 / 下载</a>。</p>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-inner">
<span>Copyright &copy; 2026 SinCos. All rights reserved.</span>
<span><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">苏ICP备2026056863号</a></span>
<div class="footer-brand">
<img src="/static/img/logo.svg" alt="">
<span>Easy Data Collection</span>
</div>
<span>Copyright &copy; 2026 Easy Data Collection. All rights reserved.</span>
<span class="footer-links">
<a href="/resources/">资源中心</a><span class="sep">·</span>
<a href="/license/">License</a><span class="sep">·</span>
<a href="/admin">管理页面</a><span class="sep">·</span>
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">苏ICP备2026056863号</a>
</span>
</div>
</footer>
@@ -122,7 +163,7 @@
if (resp.ok) {
show(true,
"申请已提交成功!<br><b>申请编号:<span class='mono'>" + data.id + "</span></b><br>" +
"请妥善保存编号,审核通过后凭编号到 <a href='/reslib/status'>查询 / 下载</a> 页面获取授权文件。");
"请妥善保存编号,审核通过后凭编号到 <a href='/license/status'>查询 / 下载</a> 页面获取授权文件。");
} else {
show(false, "提交失败:" + (data.detail || "未知错误"));
}