sincos.cc-website/website/static/apply.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>申请 License - 人工智能工程技术研究-江北的渔夫</title>
<meta name="description" content="ResLib 资源中心管理器 License 申请：填写 MAC 地址、公司与联系方式，审核通过后下载 res_center.lic 授权文件。">
<meta name="keywords" content="江北的渔夫的空间, ResLib, License, MAC 地址, 授权">
<link rel="stylesheet" href="/static/css/style.css">
<link rel="icon" href="/static/img/logo.svg" type="image/svg+xml">
<script src="/static/js/nav.js"></script>
</head>
<body>

<header class="site-header">
  <div class="container header-inner">
    <a class="brand" href="/">
      <img src="/static/img/logo.svg" alt="Easy Data Collection">
      <span class="brand-name">Easy Data Collection</span>
    </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>

          <a href="/tools/physics-ai-fluent/">Physics AI Fluent</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>
  </div>
</header>

<main>
  <section class="page-hero">
    <div class="container">
      <p class="hero-eyebrow">LICENSE · 申请</p>
      <h1>申请 License</h1>
      <p class="page-hero-sub">提交后我们会进行人工审核，审核通过后凭申请编号下载授权文件。</p>
    </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">
    <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>

<script>
(function () {
  var btn = document.getElementById("submit");
  var result = document.getElementById("result");

  function show(ok, html) {
    result.className = "alert show " + (ok ? "alert-ok" : "alert-err");
    result.innerHTML = html;
  }

  btn.addEventListener("click", async function () {
    var payload = {
      mac: document.getElementById("mac").value,
      company: document.getElementById("company").value,
      contact: document.getElementById("contact").value,
      email: document.getElementById("email").value,
      creo: document.getElementById("creo").value,
      seats: document.getElementById("seats").value,
      notes: document.getElementById("notes").value
    };
    btn.disabled = true;
    btn.textContent = "提交中…";
    try {
      var resp = await fetch("/api/apply", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(payload)
      });
      var data = await resp.json();
      if (resp.ok) {
        show(true,
          "申请已提交成功！<br><b>申请编号：<span class='mono'>" + data.id + "</span></b><br>" +
          "请妥善保存编号，审核通过后凭编号到 <a href='/license/status'>查询 / 下载</a> 页面获取授权文件。");
      } else {
        show(false, "提交失败：" + (data.detail || "未知错误"));
      }
    } catch (e) {
      show(false, "网络错误：" + e.message);
    }
    btn.disabled = false;
    btn.textContent = "提交申请";
  });
})();
</script>
</body>
</html>