dekun
268 lines
9.0 KiB
JavaScript
268 lines
9.0 KiB
JavaScript
(function (global) {
|
|
function fmtPnl(v) {
|
|
if (v == null || v === "") return "—";
|
|
const n = Number(v);
|
|
if (!Number.isFinite(n)) return "—";
|
|
return (n > 0 ? "+" : "") + n.toFixed(2) + " U";
|
|
}
|
|
|
|
function pnlClass(v) {
|
|
const n = Number(v);
|
|
if (!Number.isFinite(n) || n === 0) return "pnl-flat";
|
|
return n > 0 ? "pnl-up" : "pnl-down";
|
|
}
|
|
|
|
function fmtPnlHtml(v) {
|
|
return '<span class="' + pnlClass(v) + '">' + escapeHtml(fmtPnl(v)) + "</span>";
|
|
}
|
|
|
|
function escapeHtml(s) {
|
|
return String(s)
|
|
.replace(/&/g, "&")
|
|
.replace(/</g, "<")
|
|
.replace(/>/g, ">")
|
|
.replace(/"/g, """);
|
|
}
|
|
|
|
function positionSummary(brief, instanceId, online) {
|
|
const list = brief || [];
|
|
if (!list.length) return '<span class="muted">暂无持仓</span>';
|
|
const items = list.slice(0, 8).map(function (p) {
|
|
const id = p.inst_id || "";
|
|
const sheets = escapeHtml(String(p.sheets != null ? p.sheets : "—"));
|
|
const invalid = !!(p.bid_invalid || (p.bid_px == null && (p.bid_sz == null || p.bid_sz === "")));
|
|
const reason = (p.bid_invalid_reason || "买一无效,禁止平仓").toString();
|
|
let closeBtn = "";
|
|
if (online && id) {
|
|
if (invalid) {
|
|
closeBtn =
|
|
'<button type="button" class="btn btn-sm btn-danger" disabled title="' +
|
|
escapeHtml(reason) +
|
|
'">平仓</button>';
|
|
} else {
|
|
closeBtn =
|
|
'<button type="button" class="btn btn-sm btn-danger" data-close-inst="' +
|
|
encodeURIComponent(String(instanceId)) +
|
|
'" data-close-opt="' +
|
|
encodeURIComponent(id) +
|
|
'" title="买一限价全平">平仓</button>';
|
|
}
|
|
}
|
|
return (
|
|
"<li><span class=\"pos-brief-main\">" +
|
|
escapeHtml(id) +
|
|
" · " +
|
|
sheets +
|
|
"张 · " +
|
|
fmtPnlHtml(p.pnl_usdt) +
|
|
"</span>" +
|
|
closeBtn +
|
|
"</li>"
|
|
);
|
|
});
|
|
const more =
|
|
list.length > 8
|
|
? '<li class="muted">…共 ' + list.length + " 笔</li>"
|
|
: "";
|
|
return "<ul class=\"pos-brief\">" + items.join("") + more + "</ul>";
|
|
}
|
|
|
|
function fmtBidPx(v) {
|
|
if (v == null || v === "") return "—";
|
|
const n = Number(v);
|
|
if (!Number.isFinite(n)) return "—";
|
|
let s = n.toFixed(4).replace(/\.?0+$/, "");
|
|
return s || "0";
|
|
}
|
|
|
|
function isLiquidityWeak(p) {
|
|
if (!p) return false;
|
|
if (p.liquidity_ok === false || p.bid_invalid) return true;
|
|
const uncovered = Number(p.uncovered_sheets);
|
|
return Number.isFinite(uncovered) && uncovered > 0;
|
|
}
|
|
|
|
function bidLiquidityLine(p) {
|
|
if (p.bid_invalid || (p.bid_px == null && (p.bid_sz == null || p.bid_sz === ""))) {
|
|
const reason = (p.bid_invalid_reason || "无买一/残档").toString();
|
|
const short = reason.length > 18 ? reason.slice(0, 18) + "…" : reason;
|
|
return { text: short, weak: true };
|
|
}
|
|
const px = fmtBidPx(p.bid_px);
|
|
const sz = p.bid_sz != null ? String(p.bid_sz) : "—";
|
|
const uncovered = Number(p.uncovered_sheets);
|
|
let text = px + " / " + sz + "张";
|
|
const weak = isLiquidityWeak(p);
|
|
if (Number.isFinite(uncovered) && uncovered > 0) {
|
|
text += "(差" + uncovered + ")";
|
|
}
|
|
return { text: text, weak: weak };
|
|
}
|
|
|
|
function bidLiquiditySummary(brief) {
|
|
const list = brief || [];
|
|
if (!list.length) return '<span class="muted">—</span>';
|
|
const items = list.slice(0, 8).map(function (p) {
|
|
const line = bidLiquidityLine(p);
|
|
const cls = line.weak ? "liq-warn" : "liq-ok";
|
|
return '<li class="' + cls + '">' + escapeHtml(line.text) + "</li>";
|
|
});
|
|
const more =
|
|
list.length > 8
|
|
? '<li class="muted">…共 ' + list.length + " 笔</li>"
|
|
: "";
|
|
const anyWeak = list.some(isLiquidityWeak);
|
|
const wrapCls = anyWeak ? "pos-brief liq-brief liq-brief--warn" : "pos-brief liq-brief";
|
|
return '<ul class="' + wrapCls + '">' + items.join("") + more + "</ul>";
|
|
}
|
|
|
|
function renderRow(row) {
|
|
const snap = row.snapshot || {};
|
|
const inst = snap.instance || {};
|
|
const pnl =
|
|
snap.pnl && snap.pnl.unrealized_usdt != null
|
|
? snap.pnl.unrealized_usdt
|
|
: snap.upl_total_usdc;
|
|
const brief = snap.positions_brief || snap.positions || [];
|
|
const online = !!row.online;
|
|
const status = online
|
|
? '<span class="status-on">在线</span>'
|
|
: '<span class="status-off">离线</span>';
|
|
const err = row.error
|
|
? '<div class="muted">错误: ' + escapeHtml(row.error) + "</div>"
|
|
: "";
|
|
return (
|
|
"<tr>" +
|
|
"<td><strong>" +
|
|
escapeHtml(row.name || "") +
|
|
"</strong>" +
|
|
err +
|
|
"</td>" +
|
|
"<td>" +
|
|
status +
|
|
"</td>" +
|
|
"<td>" +
|
|
escapeHtml(inst.mode || "—") +
|
|
"</td>" +
|
|
"<td>" +
|
|
fmtPnlHtml(pnl) +
|
|
"</td>" +
|
|
"<td>" +
|
|
positionSummary(brief, row.id, online) +
|
|
"</td>" +
|
|
"<td>" +
|
|
bidLiquiditySummary(brief) +
|
|
"</td>" +
|
|
'<td class="muted">' +
|
|
escapeHtml(row.pulled_at || "—") +
|
|
"</td>" +
|
|
'<td><div class="overview-actions">' +
|
|
'<a class="btn" href="/desk?id=' +
|
|
encodeURIComponent(row.id) +
|
|
'">内嵌打开</a>' +
|
|
'<button type="button" class="btn" data-open-tab="' +
|
|
encodeURIComponent(row.id) +
|
|
'">新标签</button>' +
|
|
"</div></td>" +
|
|
"</tr>"
|
|
);
|
|
}
|
|
|
|
async function requestClose(btn) {
|
|
const instanceId = decodeURIComponent(btn.getAttribute("data-close-inst") || "");
|
|
const optId = decodeURIComponent(btn.getAttribute("data-close-opt") || "");
|
|
if (!instanceId || !optId) return;
|
|
if (
|
|
!confirm(
|
|
"确认向该客户端下发买一限价全平?\n\n合约: " +
|
|
optId +
|
|
"\n\n无效买一将被拒绝;下单在客户端本地执行。"
|
|
)
|
|
) {
|
|
return;
|
|
}
|
|
const oldText = btn.textContent;
|
|
btn.disabled = true;
|
|
btn.textContent = "平仓中…";
|
|
try {
|
|
const rr = await fetch("/api/instances/" + encodeURIComponent(instanceId) + "/options/close", {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json", Accept: "application/json" },
|
|
body: JSON.stringify({ inst_id: optId }),
|
|
});
|
|
let dd = {};
|
|
try {
|
|
dd = await rr.json();
|
|
} catch (e) {
|
|
dd = {};
|
|
}
|
|
if (dd && dd.ok) {
|
|
let msg = dd.msg || "已提交买一全平";
|
|
if (dd.submitted_sheets != null) msg += " · " + dd.submitted_sheets + " 张";
|
|
if (dd.fully_closed) msg += " · 已全平";
|
|
alert(msg);
|
|
await refresh();
|
|
} else {
|
|
alert((dd && dd.msg) || "平仓失败");
|
|
btn.disabled = false;
|
|
btn.textContent = oldText;
|
|
}
|
|
} catch (e) {
|
|
alert((e && e.message) || "请求失败");
|
|
btn.disabled = false;
|
|
btn.textContent = oldText;
|
|
}
|
|
}
|
|
|
|
async function refresh() {
|
|
const status = document.getElementById("overview-status");
|
|
const grid = document.getElementById("overview-grid");
|
|
if (!grid) return;
|
|
if (status) status.textContent = "刷新中…";
|
|
try {
|
|
const r = await fetch("/api/overview");
|
|
const d = await r.json();
|
|
if (!d.ok) throw new Error(d.msg || "失败");
|
|
const list = d.instances || [];
|
|
if (!list.length) {
|
|
grid.innerHTML =
|
|
'<p class="muted">暂无启用实例,请先到「实例」添加.</p>';
|
|
} else {
|
|
grid.innerHTML =
|
|
'<div class="overview-table-wrap"><table class="overview-table">' +
|
|
"<thead><tr>" +
|
|
"<th>名称</th><th>状态</th><th>模式</th><th>浮盈</th><th>持仓</th><th>买一/流动性</th><th>拉取时间</th><th>操作</th>" +
|
|
"</tr></thead><tbody>" +
|
|
list.map(renderRow).join("") +
|
|
"</tbody></table></div>";
|
|
grid.querySelectorAll("[data-open-tab]").forEach(function (btn) {
|
|
btn.addEventListener("click", async function () {
|
|
const id = btn.getAttribute("data-open-tab");
|
|
const rr = await fetch("/api/instances/" + id + "/open_url");
|
|
const dd = await rr.json();
|
|
if (dd.ok && dd.url) window.open(dd.url, "_blank", "noopener");
|
|
else alert(dd.msg || "无法打开");
|
|
});
|
|
});
|
|
grid.querySelectorAll("[data-close-opt]").forEach(function (btn) {
|
|
btn.addEventListener("click", function () {
|
|
requestClose(btn);
|
|
});
|
|
});
|
|
}
|
|
if (status) status.textContent = "已更新 · 共 " + list.length + " 台";
|
|
} catch (e) {
|
|
if (status) status.textContent = e.message || "加载失败";
|
|
}
|
|
}
|
|
|
|
function boot() {
|
|
const btn = document.getElementById("btn-refresh");
|
|
if (btn) btn.addEventListener("click", refresh);
|
|
refresh();
|
|
setInterval(refresh, 10000);
|
|
}
|
|
|
|
global.HubOverview = { boot: boot, refresh: refresh };
|
|
})(window);
|