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

Align trade record detail fields with label-value grid layout.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-23 17:04:50 +08:00
parent 21f86906da
commit 89909c64a3
6 changed files with 87 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/instance_ui.js
+24 -20
View File
@@ -53,7 +53,7 @@
function setJournalDetailBody(o, formatExitLine) {
const body = document.getElementById("detailBody");
if (!body) return;
body.classList.remove("md-review");
body.classList.remove("md-review", "trade-record-detail-wrap");
body.classList.add("journal-detail-meta");
body.innerHTML = buildJournalDetailHtml(o, formatExitLine);
}
@@ -144,7 +144,7 @@
rowId: tr.id,
symbol: cells[0].textContent.trim(),
type: cells[1].textContent.trim(),
directionHtml: dirBadge ? dirBadge.outerHTML : cells[2].innerHTML,
directionHtml: (dirBadge ? dirBadge.outerHTML : cells[2].innerHTML).trim(),
directionText: cells[2].textContent.trim(),
trigger: cells[3].textContent.trim(),
stopLoss: cells[4].textContent.trim(),
@@ -154,9 +154,9 @@
holdMinutes: cells[8].textContent.trim(),
openedAt: cells[9].textContent.trim(),
closedAt: cells[10].textContent.trim(),
pnlHtml: cells[11].innerHTML,
pnlHtml: cells[11].innerHTML.trim(),
pnlText: cells[11].textContent.trim(),
resultHtml: cells[12].innerHTML,
resultHtml: cells[12].innerHTML.trim(),
resultText: cells[12].textContent.trim(),
actionsHtml: cells[13].innerHTML,
};
@@ -173,23 +173,26 @@
</button>`;
}
function tradeDetailRow(label, valueHtml) {
return `<div class="trd-row"><span class="trd-label">${escapeHtml(label)}</span><span class="trd-value">${valueHtml}</span></div>`;
}
function buildTradeRecordDetailHtml(row) {
const lines = [
`品种：${escapeHtml(row.symbol)}`,
`类型：${escapeHtml(row.type)}`,
`方向：${row.directionHtml}`,
`成交价：${escapeHtml(row.trigger)}`,
`止损(开仓)：${escapeHtml(row.stopLoss)}`,
`止盈：${escapeHtml(row.takeProfit)}`,
`基数：${escapeHtml(row.margin)}`,
`杠杆：${escapeHtml(row.leverage)}`,
`持仓分钟：${escapeHtml(row.holdMinutes)}`,
`开仓时间：${escapeHtml(row.openedAt)}`,
`平仓时间：${escapeHtml(row.closedAt)}`,
`盈亏U：${row.pnlHtml}`,
`结果：${row.resultHtml}`,
];
return lines.join("<br>");
return `<div class="trade-record-detail">${
tradeDetailRow("品种", escapeHtml(row.symbol)) +
tradeDetailRow("类型", escapeHtml(row.type)) +
tradeDetailRow("方向", row.directionHtml) +
tradeDetailRow("成交价", escapeHtml(row.trigger)) +
tradeDetailRow("止损(开仓)", escapeHtml(row.stopLoss)) +
tradeDetailRow("止盈", escapeHtml(row.takeProfit)) +
tradeDetailRow("基数", escapeHtml(row.margin)) +
tradeDetailRow("杠杆", escapeHtml(row.leverage)) +
tradeDetailRow("持仓分钟", escapeHtml(row.holdMinutes)) +
tradeDetailRow("开仓时间", escapeHtml(row.openedAt)) +
tradeDetailRow("平仓时间", escapeHtml(row.closedAt)) +
tradeDetailRow("盈亏U", row.pnlHtml) +
tradeDetailRow("结果", row.resultHtml)
}</div>`;
}
function clearDetailActions() {
@@ -229,6 +232,7 @@
const body = document.getElementById("detailBody");
if (body) {
body.classList.remove("md-review", "journal-detail-meta");
body.classList.add("trade-record-detail-wrap");
body.innerHTML = buildTradeRecordDetailHtml(row);
}
setDetailActionsHtml(