init: Search Hub - 统一多搜索引擎聚合服务
This commit is contained in:
223
static/js/admin.js
Normal file
223
static/js/admin.js
Normal file
@@ -0,0 +1,223 @@
|
||||
/* Search Hub — 管理面板 */
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
let currentEditSource = null;
|
||||
|
||||
loadSources();
|
||||
loadStatus();
|
||||
loadApiDocs();
|
||||
loadUsage();
|
||||
|
||||
// ===== 搜索源 =====
|
||||
function loadSources() {
|
||||
fetch('/api/sources')
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (data) {
|
||||
var sources = data.sources || [];
|
||||
var html = '';
|
||||
sources.forEach(function (s) {
|
||||
var badge = s.available
|
||||
? '<span class="source-badge badge-ok">可用</span>'
|
||||
: '<span class="source-badge badge-fail">不可用</span>';
|
||||
var keyInfo = s.needs_api_key
|
||||
? (s.available ? ' | 密钥已配置' : ' | 需配置密钥')
|
||||
: ' | 无需密钥';
|
||||
var editBtn = s.needs_api_key
|
||||
? '<button class="btn-ghost" onclick="openEditModal(\'' + s.name + '\')">编辑</button>'
|
||||
: '';
|
||||
html += '<div class="source-card">';
|
||||
html += ' <div class="d-flex justify-content-between align-items-center">';
|
||||
html += ' <div><span class="source-name">' + escapeHtml(s.display_name || s.name) + '</span></div>';
|
||||
html += ' <div class="d-flex gap-3 align-items-center">' + badge + editBtn + '</div>';
|
||||
html += ' </div>';
|
||||
html += ' <div class="small text-muted mt-1">' + s.name + keyInfo + '</div>';
|
||||
html += '</div>';
|
||||
});
|
||||
document.getElementById('sources-list').innerHTML = html;
|
||||
});
|
||||
}
|
||||
|
||||
// ===== 服务状态 =====
|
||||
function loadStatus() {
|
||||
fetch('/api/status')
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (data) {
|
||||
document.getElementById('hub-status').textContent = data.status === 'ok' ? '运行中' : '异常';
|
||||
document.getElementById('hub-version').textContent = data.version || '-';
|
||||
document.getElementById('hub-history').textContent = data.history_count || 0;
|
||||
});
|
||||
}
|
||||
|
||||
// ===== API 文档 =====
|
||||
function loadApiDocs() {
|
||||
fetch('/api/docs')
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (data) {
|
||||
var endpoints = data.endpoints || [];
|
||||
var html = '';
|
||||
endpoints.forEach(function (ep) {
|
||||
var methodClass = ep.method === 'GET' ? 'method-get' : 'method-post';
|
||||
html += '<div class="api-endpoint">';
|
||||
html += ' <span class="method ' + methodClass + '">' + ep.method + '</span>';
|
||||
html += ' <span class="path">' + ep.path + '</span>';
|
||||
html += ' <div class="desc">' + escapeHtml(ep.desc) + '</div>';
|
||||
if (ep.example) {
|
||||
html += ' <button class="show-example-btn" onclick="toggleExample(this)">显示示例</button>';
|
||||
html += ' <div class="example">' + escapeHtml(ep.example) + '</div>';
|
||||
}
|
||||
html += '</div>';
|
||||
});
|
||||
document.getElementById('api-docs-list').innerHTML = html;
|
||||
});
|
||||
}
|
||||
|
||||
// ===== 服务用量（异步加载，不阻塞页面） =====
|
||||
function loadUsage() {
|
||||
var el = document.getElementById('usage-list');
|
||||
fetch('/api/admin/usage')
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (data) {
|
||||
var html = '';
|
||||
|
||||
// Tavily（优先显示 account 级别用量）
|
||||
var t = data.tavily || {};
|
||||
if (t.available) {
|
||||
var usage = t.key && t.key.limit > 0 ? t.key.usage : (t.account ? t.account.search_usage : 0);
|
||||
var limit = t.key && t.key.limit > 0 ? t.key.limit : (t.account ? t.account.plan_limit : 0);
|
||||
var remaining = t.key && t.key.limit > 0 ? t.key.remaining : (limit - usage);
|
||||
var pct = limit > 0 ? Math.round(usage / limit * 100) : 0;
|
||||
html += '<div class="info-chip">';
|
||||
html += ' <strong>Tavily</strong>';
|
||||
html += ' <div style="margin-top:4px">已用: ' + usage + ' / ' + limit;
|
||||
html += ' <span style="margin-left:8px;color:' + (pct > 80 ? '#ef4444' : '#10b981') + '">剩余: ' + remaining + '</span></div>';
|
||||
if (t.account) {
|
||||
html += ' <div class="small text-muted" style="margin-top:2px">账户搜索: ' + t.account.search_usage + ' / ' + t.account.plan_limit;
|
||||
if (t.account.paygo_usage > 0) html += ' | 按量: ' + t.account.paygo_usage;
|
||||
html += '</div>';
|
||||
}
|
||||
html += '</div>';
|
||||
} else {
|
||||
html += '<div class="info-chip"><strong>Tavily</strong><br><span class="text-muted">' + (t.error || '未配置') + '</span></div>';
|
||||
}
|
||||
|
||||
// 百度 VDB
|
||||
var b = data.baidu_vdb || {};
|
||||
if (b.available) {
|
||||
html += '<div class="info-chip" style="margin-top:6px">';
|
||||
html += ' <strong>百度 VDB</strong>';
|
||||
html += ' <div style="margin-top:4px">免费额度: ' + b.freeQuota + '</div>';
|
||||
html += '</div>';
|
||||
} else {
|
||||
html += '<div class="info-chip" style="margin-top:6px"><strong>百度 VDB</strong><br><span class="text-muted">' + (b.error || '未配置') + '</span></div>';
|
||||
}
|
||||
|
||||
el.innerHTML = html;
|
||||
})
|
||||
.catch(function () {
|
||||
el.innerHTML = '<div class="info-chip text-muted">用量查询暂不可用</div>';
|
||||
});
|
||||
}
|
||||
|
||||
window.toggleExample = function (btn) {
|
||||
var example = btn.nextElementSibling;
|
||||
if (example) {
|
||||
example.classList.toggle('visible');
|
||||
btn.textContent = example.classList.contains('visible') ? '收起' : '显示示例';
|
||||
}
|
||||
};
|
||||
|
||||
// ===== 编辑弹窗 =====
|
||||
window.openEditModal = function (name) {
|
||||
currentEditSource = name;
|
||||
var modal = document.getElementById('edit-modal');
|
||||
var title = document.getElementById('edit-modal-title');
|
||||
var body = document.getElementById('edit-modal-body');
|
||||
title.textContent = '加载中...';
|
||||
body.innerHTML = '<div class="form-hint">加载中...</div>';
|
||||
modal.style.display = 'flex';
|
||||
|
||||
fetch('/api/admin/sources/' + name)
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (data) {
|
||||
title.textContent = '编辑: ' + (data.display_name || name);
|
||||
var html = '';
|
||||
if (data.fields.length === 0) {
|
||||
html = '<div class="form-hint">该搜索源无需配置</div>';
|
||||
} else {
|
||||
data.fields.forEach(function (f) {
|
||||
html += '<div class="form-group">';
|
||||
html += ' <label>' + escapeHtml(f.label) + (f.required ? ' <span class="text-danger">*</span>' : '') + '</label>';
|
||||
if (f.type === 'password') {
|
||||
html += ' <input type="password" class="form-control" id="cfg-' + f.key + '"';
|
||||
html += ' placeholder="' + (f.has_value ? '已配置，输入新值覆盖' : '请输入') + '">';
|
||||
if (f.has_value) {
|
||||
html += ' <div class="form-hint">当前: ' + escapeHtml(f.value) + '</div>';
|
||||
}
|
||||
} else {
|
||||
html += ' <input type="text" class="form-control" id="cfg-' + f.key + '"';
|
||||
html += ' value="' + escapeHtml(f.value || '') + '">';
|
||||
}
|
||||
html += '</div>';
|
||||
});
|
||||
}
|
||||
body.innerHTML = html;
|
||||
})
|
||||
.catch(function (err) {
|
||||
body.innerHTML = '<div class="text-danger">加载失败: ' + err.message + '</div>';
|
||||
});
|
||||
};
|
||||
|
||||
window.closeEditModal = function () {
|
||||
document.getElementById('edit-modal').style.display = 'none';
|
||||
currentEditSource = null;
|
||||
};
|
||||
|
||||
window.saveConfig = function () {
|
||||
if (!currentEditSource) return;
|
||||
var body = document.getElementById('edit-modal-body');
|
||||
var inputs = body.querySelectorAll('input[id^="cfg-"]');
|
||||
var data = {};
|
||||
inputs.forEach(function (input) {
|
||||
var key = input.id.replace('cfg-', '');
|
||||
var val = input.value.trim();
|
||||
if (val) data[key] = val;
|
||||
});
|
||||
if (Object.keys(data).length === 0) {
|
||||
alert('请至少填写一个字段');
|
||||
return;
|
||||
}
|
||||
var saveBtn = document.getElementById('save-btn');
|
||||
saveBtn.disabled = true;
|
||||
saveBtn.textContent = '保存中...';
|
||||
fetch('/api/admin/sources/' + currentEditSource, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(data),
|
||||
})
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (result) {
|
||||
saveBtn.disabled = false;
|
||||
saveBtn.textContent = '保存';
|
||||
if (result.success) {
|
||||
closeEditModal();
|
||||
loadSources();
|
||||
loadStatus();
|
||||
} else {
|
||||
alert('保存失败: ' + (result.error || '未知错误'));
|
||||
}
|
||||
})
|
||||
.catch(function (err) {
|
||||
saveBtn.disabled = false;
|
||||
saveBtn.textContent = '保存';
|
||||
alert('请求失败: ' + err.message);
|
||||
});
|
||||
};
|
||||
|
||||
// ===== 辅助 =====
|
||||
function escapeHtml(str) {
|
||||
if (!str) return '';
|
||||
return String(str).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, ''');
|
||||
}
|
||||
})();
|
||||
Reference in New Issue
Block a user