Files
sincos.cc-website/website/static/status.html
T
2026-08-13 21:24:16 +08:00

110 lines
3.9 KiB
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 - ResLib</title>
<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="/reslib/">
<img src="/static/img/logo.svg" alt="ResLib">
<span class="brand-name">ResLib</span>
</a>
<nav class="main-nav">
<a href="/blog/">博客</a>
<a href="/reslib/">ResLib</a>
<a href="/reslib/apply">申请 License</a>
<a href="/reslib/status" class="active">查询 / 下载</a>
<a href="/reslib/package">资源包获取</a>
<a href="https://ec.sincos.cc">Engineer Craft</a>
<a href="https://dt.sincos.cc">Digital Twin</a>
<a href="https://neural.sincos.cc">Neural Research</a>
<a href="https://git.sincos.cc">Gitea Project</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">查询申请状态</h2>
<p class="section-desc">输入申请时获得的申请编号。</p>
<div class="form-card">
<div class="form-group">
<label for="rid">申请编号</label>
<input type="text" id="rid" class="mono" placeholder="如:20260813-201500-A1B2C3" autocomplete="off">
</div>
<button type="button" id="query" class="btn btn-primary btn-block">查询</button>
<div id="result"></div>
</div>
</div>
</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>
</footer>
<script>
(function () {
var btn = document.getElementById("query");
var result = document.getElementById("result");
function statusBadge(s) {
if (s === "approved") return '<span class="badge badge-approved">已批准</span>';
if (s === "denied") return '<span class="badge badge-denied">已拒绝</span>';
return '<span class="badge badge-pending">审核中</span>';
}
function show(html) {
result.innerHTML = html;
}
btn.addEventListener("click", async function () {
var rid = document.getElementById("rid").value.trim();
if (!rid) { show('<div class="alert show alert-err">请输入申请编号</div>'); return; }
btn.disabled = true;
btn.textContent = "查询中…";
try {
var resp = await fetch("/api/status/" + encodeURIComponent(rid));
var data = await resp.json();
if (resp.ok) {
var html =
'<div class="alert show alert-ok">' +
"<b>申请编号:</b><span class='mono'>" + data.id + "</span><br>" +
"<b>提交时间:</b>" + data.created + "<br>" +
"<b>当前状态:</b>" + statusBadge(data.status);
if (data.status === "approved") {
html += "<br><br><a class='btn btn-primary' href='/api/license/" + encodeURIComponent(data.id) +
"' download>下载 res_center.lic</a>";
} else if (data.status === "denied" && data.reason) {
html += "<br><b>原因:</b>" + data.reason;
} else {
html += "<br>请耐心等待审核,稍后再来查询。";
}
html += "</div>";
show(html);
} else {
show('<div class="alert show alert-err">' + (data.detail || "查询失败") + "</div>");
}
} catch (e) {
show('<div class="alert show alert-err">网络错误:' + e.message + "</div>");
}
btn.disabled = false;
btn.textContent = "查询";
});
})();
</script>
</body>
</html>