dekun/crypto_monitor
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add hub system logs page with PM2 stdout/stderr tabs for all exchanges.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-09 10:33:14 +08:00
parent 9eb10ba771
commit 5214794f95
8 changed files with 479 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+98
View File
@@ -8321,3 +8321,101 @@ html[data-theme="light"] .hub-options-summary strong {
color: #142232;
}
/* ── 系统日志页 ── */
.hub-logs-page-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
.hub-logs-page-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.hub-logs-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.hub-logs-tabs {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.hub-logs-tab {
padding: 6px 14px;
border-radius: 999px;
border: 1px solid var(--border-soft);
background: var(--surface-2);
color: var(--text-soft);
cursor: pointer;
font-size: 0.88rem;
}
.hub-logs-tab.is-active {
background: var(--accent-soft);
border-color: var(--accent);
color: var(--text);
}
#hub-logs-status.is-err {
color: var(--danger, #f87171);
}
.hub-logs-layout {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
align-items: stretch;
}
.hub-logs-card {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 420px;
max-height: calc(100vh - 220px);
padding: 16px 18px 18px;
}
.hub-logs-card-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
margin-bottom: 10px;
}
.hub-logs-card-title {
margin: 0;
font-size: 0.95rem;
}
.hub-logs-card-hint {
font-size: 0.72rem;
color: var(--muted, #8892b0);
}
.hub-logs-pre {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
margin: 0;
padding: 12px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 0.74rem;
line-height: 1.45;
white-space: pre-wrap;
word-break: break-word;
background: var(--inset-surface, #0d1018);
border-radius: 8px;
border: 1px solid var(--border-soft);
color: #d8deef;
}
@media (max-width: 960px) {
.hub-logs-layout {
grid-template-columns: minmax(0, 1fr);
}
.hub-logs-card {
max-height: none;
min-height: 280px;
}
}
manual_trading_hub/static/app.js
+20 -2
View File
@@ -41,6 +41,10 @@
return displayPref("show_nav_strategy", true);
}
function showNavLogsPref() {
return displayPref("show_nav_logs", true);
}
function syncNavVisibility(data) {
const d = (data && data.display) || {};
const navFunds = document.getElementById("nav-funds");
@@ -50,6 +54,7 @@
const navAi = document.getElementById("nav-ai");
const navCalc = document.getElementById("nav-calculator");
const navStrategy = document.getElementById("nav-strategy");
const navLogs = document.getElementById("nav-logs");
if (navFunds) navFunds.classList.toggle("nav-hidden", d.show_nav_funds === false);
if (navDash) navDash.classList.toggle("nav-hidden", d.show_nav_dashboard === false);
if (navPlan) navPlan.classList.toggle("nav-hidden", d.show_nav_plan === false);
@@ -57,6 +62,7 @@
if (navAi) navAi.classList.toggle("nav-hidden", d.show_nav_ai === false);
if (navCalc) navCalc.classList.toggle("nav-hidden", d.show_nav_calculator === false);
if (navStrategy) navStrategy.classList.toggle("nav-hidden", d.show_nav_strategy === false);
if (navLogs) navLogs.classList.toggle("nav-hidden", d.show_nav_logs === false);
}
function pageNavAllowed(page) {
@@ -67,6 +73,7 @@
if (page === "ai") return showNavAiPref();
if (page === "calculator") return showNavCalculatorPref();
if (page === "strategy") return showNavStrategyPref();
if (page === "logs") return showNavLogsPref();
return true;
}
@@ -80,6 +87,7 @@
const aiCb = document.getElementById("pref-show-nav-ai");
const calcCb = document.getElementById("pref-show-nav-calculator");
const strategyCb = document.getElementById("pref-show-nav-strategy");
const logsCb = document.getElementById("pref-show-nav-logs");
if (pnlCb) pnlCb.checked = d.show_account_pnl !== false;
if (fundsCb) fundsCb.checked = d.show_nav_funds !== false;
if (dashCb) dashCb.checked = d.show_nav_dashboard !== false;
@@ -88,6 +96,7 @@
if (aiCb) aiCb.checked = d.show_nav_ai !== false;
if (calcCb) calcCb.checked = d.show_nav_calculator !== false;
if (strategyCb) strategyCb.checked = d.show_nav_strategy !== false;
if (logsCb) logsCb.checked = d.show_nav_logs !== false;
syncNavVisibility(data);
}
@@ -1200,6 +1209,7 @@
if (p.includes("plan")) return "plan";
if (p.includes("calculator")) return "calculator";
if (p.includes("strategy")) return "strategy";
if (p.includes("logs")) return "logs";
if (p.includes("market")) return "market";
if (p.includes("/ai")) return "ai";
return "monitor";
@@ -1213,6 +1223,7 @@
if (page === "plan") return "page-plan";
if (page === "calculator") return "page-calculator";
if (page === "strategy") return "page-strategy";
if (page === "logs") return "page-logs";
if (page === "market") return "page-market";
if (page === "ai") return "page-ai";
return "page-monitor";
@@ -1264,13 +1275,18 @@
}
if (page === "funds" && window.hubFundsPage) {
window.hubFundsPage.init();
} else if (window.hubFundsPage && window.hubFundsPage.destroy) {
window.hubFundsPage.destroy();
}
if (page === "strategy" && window.hubStrategyPage) {
window.hubStrategyPage.init();
} else if (window.hubStrategyPage && window.hubStrategyPage.destroy) {
window.hubStrategyPage.destroy();
} else if (window.hubFundsPage && window.hubFundsPage.destroy) {
window.hubFundsPage.destroy();
}
if (page === "logs" && window.hubLogsPage) {
window.hubLogsPage.init();
} else if (window.hubLogsPage && window.hubLogsPage.destroy) {
window.hubLogsPage.destroy();
}
if (page === "market" && window.hubMarketChart) {
window.hubMarketChart.init();
@@ -4667,6 +4683,7 @@
const aiCb = document.getElementById("pref-show-nav-ai");
const calcCb = document.getElementById("pref-show-nav-calculator");
const strategyCb = document.getElementById("pref-show-nav-strategy");
const logsCb = document.getElementById("pref-show-nav-logs");
const supEnabled = document.getElementById("supervisor-enabled");
const supProg = document.getElementById("supervisor-wechat-program");
const supWebhook = document.getElementById("supervisor-wechat-webhook");
@@ -4687,6 +4704,7 @@
show_nav_ai: aiCb ? !!aiCb.checked : true,
show_nav_calculator: calcCb ? !!calcCb.checked : true,
show_nav_strategy: strategyCb ? !!strategyCb.checked : true,
show_nav_logs: logsCb ? !!logsCb.checked : true,
},
supervisor: {
enabled: supEnabled ? !!supEnabled.checked : true,
manual_trading_hub/static/index.html
+39
View File
@@ -57,6 +57,7 @@
<a href="/archive" id="nav-archive">内照明心</a>
<a href="/dashboard" id="nav-dashboard">数据看板</a>
<a href="/ai" id="nav-ai">AI 教练</a>
<a href="/logs" id="nav-logs">系统日志</a>
<a href="/settings" id="nav-settings">系统设置</a>
</nav>
<button type="button" id="btn-logout" class="ghost" title="退出登录">退出</button>
@@ -882,6 +883,39 @@
</div>
</div>
<div id="page-logs" class="page hidden">
<div class="page-head hub-logs-page-head">
<div>
<h1><span class="head-tag">LOG</span> 系统日志</h1>
<p class="page-desc">三所实例与中控 PM2 进程日志 · 实时输出与报错分离展示</p>
</div>
<div class="hub-logs-page-actions">
<button type="button" id="hub-logs-btn-refresh" class="ghost">立即刷新</button>
<button type="button" id="hub-logs-btn-pause" class="ghost">暂停刷新</button>
</div>
</div>
<div class="hub-logs-toolbar">
<div id="hub-logs-tabs" class="hub-logs-tabs" role="tablist" aria-label="日志来源"></div>
<span id="hub-logs-status" class="toolbar-meta"></span>
</div>
<div class="hub-logs-layout">
<section class="card hub-logs-card">
<div class="hub-logs-card-head">
<h3 class="hub-logs-card-title">实时日志</h3>
<span class="hub-logs-card-hint">stdout</span>
</div>
<pre id="hub-logs-out" class="hub-logs-pre">加载中…</pre>
</section>
<section class="card hub-logs-card">
<div class="hub-logs-card-head">
<h3 class="hub-logs-card-title">报错日志</h3>
<span class="hub-logs-card-hint">stderr</span>
</div>
<pre id="hub-logs-err" class="hub-logs-pre">加载中…</pre>
</section>
</div>
</div>
<div id="page-settings" class="page hidden">
<div class="page-head">
<h1><span class="head-tag">CFG</span> 系统设置</h1>
@@ -969,6 +1003,10 @@
<input type="checkbox" id="pref-show-nav-strategy" checked />
顶栏显示「策略说明」
</label>
<label class="chk-label settings-display-chk">
<input type="checkbox" id="pref-show-nav-logs" checked />
顶栏显示「系统日志」
</label>
<p class="settings-display-hint">保存至 hub_settings.json,换浏览器同样生效.关闭导航后对应页面将不可从顶栏进入,直接访问 URL 会跳回监控区.</p>
</section>
@@ -1188,6 +1226,7 @@
<script src="/assets/funds.js?v=20260707-hub-options-funds"></script>
<script src="/assets/dashboard.js?v=20260708-options-expiry-cd"></script>
<script src="/assets/strategy.js?v=3"></script>
<script src="/assets/logs.js?v=1"></script>
<script src="/assets/ai_review_render.js?v=3"></script>
<script src="/assets/time_close_ui.js?v=3"></script>
<script src="/assets/options_expiry_countdown.js?v=1"></script>
manual_trading_hub/static/logs.js
+169
View File
@@ -0,0 +1,169 @@
/**
* 系统日志:三所 + 中控 PM2 stdout/stderr.
*/
(function () {
const page = document.getElementById("page-logs");
if (!page) return;
const tabsEl = document.getElementById("hub-logs-tabs");
const statusEl = document.getElementById("hub-logs-status");
const outEl = document.getElementById("hub-logs-out");
const errEl = document.getElementById("hub-logs-err");
const btnRefresh = document.getElementById("hub-logs-btn-refresh");
const btnPause = document.getElementById("hub-logs-btn-pause");
const POLL_MS = 4000;
let activeKey = "binance";
let tabsMeta = [];
let pollTimer = null;
let paused = false;
let loading = false;
let bound = false;
async function apiFetch(url) {
const r = await fetch(url, { credentials: "same-origin" });
const ct = (r.headers.get("content-type") || "").toLowerCase();
if (ct.includes("application/json")) {
const data = await r.json();
if (!r.ok) throw new Error((data && (data.msg || data.detail)) || r.statusText || "请求失败");
return data;
}
if (!r.ok) throw new Error(r.statusText || "请求失败");
return r;
}
function esc(s) {
return String(s ?? "")
.replace(/&/g, "&amp;")
.replace(/</g, "&lt;")
.replace(/>/g, "&gt;")
.replace(/"/g, "&quot;");
}
function wasScrolledToBottom(el) {
if (!el) return true;
return el.scrollHeight - el.scrollTop - el.clientHeight < 24;
}
function setPreText(el, text, stickBottom) {
if (!el) return;
const atBottom = stickBottom || wasScrolledToBottom(el);
el.textContent = text || "(暂无日志)";
if (atBottom) el.scrollTop = el.scrollHeight;
}
function setStatus(text, isErr) {
if (!statusEl) return;
statusEl.textContent = text || "";
statusEl.classList.toggle("is-err", !!isErr);
}
function renderTabs() {
if (!tabsEl) return;
tabsEl.innerHTML = tabsMeta
.map(
(t) =>
`<button type="button" class="hub-logs-tab${t.key === activeKey ? " is-active" : ""}" role="tab" aria-selected="${t.key === activeKey}" data-key="${esc(t.key)}">${esc(t.label)}</button>`
)
.join("");
tabsEl.querySelectorAll(".hub-logs-tab").forEach((btn) => {
btn.addEventListener("click", () => {
const key = btn.getAttribute("data-key");
if (!key || key === activeKey) return;
activeKey = key;
renderTabs();
void loadLogs(true);
});
});
}
async function loadMeta() {
const meta = await apiFetch("/api/system-logs/meta");
tabsMeta = Array.isArray(meta.targets) ? meta.targets : [];
if (tabsMeta.length && !tabsMeta.some((t) => t.key === activeKey)) {
activeKey = tabsMeta[0].key;
}
renderTabs();
}
async function loadLogs(force) {
if (loading && !force) return;
loading = true;
try {
const data = await apiFetch(`/api/system-logs/${encodeURIComponent(activeKey)}?lines=200`);
setPreText(outEl, data.out || "", true);
setPreText(errEl, data.err || "", true);
const ts = data.updated_at ? new Date(data.updated_at * 1000) : new Date();
const hh = String(ts.getHours()).padStart(2, "0");
const mm = String(ts.getMinutes()).padStart(2, "0");
const ss = String(ts.getSeconds()).padStart(2, "0");
const missing = [];
if (!data.out_exists) missing.push("实时");
if (!data.err_exists) missing.push("报错");
const hint = missing.length ? ` · ${missing.join("/")}日志文件暂无` : "";
setStatus(`已更新 ${hh}:${mm}:${ss}${hint}`, false);
} catch (e) {
setStatus(e.message || "加载失败", true);
} finally {
loading = false;
}
}
function startPoll() {
stopPoll();
if (paused) return;
pollTimer = window.setInterval(() => {
void loadLogs(false);
}, POLL_MS);
}
function stopPoll() {
if (pollTimer) {
clearInterval(pollTimer);
pollTimer = null;
}
}
function bindControls() {
if (bound) return;
bound = true;
if (btnRefresh) {
btnRefresh.addEventListener("click", () => {
void loadLogs(true);
});
}
if (btnPause) {
btnPause.addEventListener("click", () => {
paused = !paused;
btnPause.textContent = paused ? "继续刷新" : "暂停刷新";
btnPause.classList.toggle("is-paused", paused);
if (paused) stopPoll();
else startPoll();
});
}
}
async function init() {
bindControls();
paused = false;
if (btnPause) {
btnPause.textContent = "暂停刷新";
btnPause.classList.remove("is-paused");
}
setStatus("加载中…", false);
try {
await loadMeta();
await loadLogs(true);
startPoll();
} catch (e) {
setStatus(e.message || "初始化失败", true);
}
}
function destroy() {
stopPoll();
setStatus("", false);
}
window.hubLogsPage = { init, destroy };
})();