68 lines
2.5 KiB
HTML
68 lines
2.5 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>Search Hub - 管理面板</title>
|
|
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="navbar">
|
|
<a href="/" class="navbar-brand">Search Hub</a>
|
|
<div class="navbar-links">
|
|
<a href="/web">返回搜索</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="admin-layout">
|
|
<!-- 左列: 服务状态 + 搜索源 -->
|
|
<div>
|
|
<!-- 服务状态 -->
|
|
<div class="admin-section">
|
|
<div class="admin-section-title">服务状态</div>
|
|
<div class="info-chip">状态: <span id="hub-status">—</span></div>
|
|
<div class="info-chip">版本: <span id="hub-version">—</span></div>
|
|
<div class="info-chip">搜索历史: <span id="hub-history">—</span> 条</div>
|
|
</div>
|
|
|
|
<!-- 服务用量 -->
|
|
<div class="admin-section">
|
|
<div class="admin-section-title">服务用量</div>
|
|
<div id="usage-list">
|
|
<div class="info-chip">加载中...</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 搜索源列表 -->
|
|
<div class="admin-section">
|
|
<div class="admin-section-title">搜索源配置</div>
|
|
<div id="sources-list"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 右列: API 文档 -->
|
|
<div class="admin-section" id="api-section">
|
|
<div class="admin-section-title">API 调用方式</div>
|
|
<div id="api-docs-list"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 编辑弹窗 -->
|
|
<div id="edit-modal" class="modal-overlay" style="display:none">
|
|
<div class="modal-box">
|
|
<h2 id="edit-modal-title">编辑配置</h2>
|
|
<div id="edit-modal-body"></div>
|
|
<div class="modal-actions">
|
|
<button class="btn-ghost danger" onclick="closeEditModal()">取消</button>
|
|
<button class="btn-primary" id="save-btn" onclick="saveConfig()">保存</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/js/admin.js"></script>
|
|
</body>
|
|
</html>
|