dekun
c5262a0a54
Mobile gets compact trade/records UI with detail modals; static assets are cache-busted and settings cards fold correctly on tablet grid layout. Co-authored-by: Cursor <cursoragent@cursor.com>
97 lines
4.1 KiB
JavaScript
97 lines
4.1 KiB
JavaScript
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
|
* 交易记录 — 手机简洁列表与详情弹窗
|
|
*/
|
|
(function () {
|
|
function esc(v) {
|
|
if (v === null || v === undefined || v === '') return '-';
|
|
return String(v);
|
|
}
|
|
|
|
function fmtTime(v) {
|
|
if (!v) return '-';
|
|
return String(v).replace('T', ' ').slice(0, 16);
|
|
}
|
|
|
|
function pnlClass(v) {
|
|
var n = parseFloat(v);
|
|
if (isNaN(n) || n === 0) return 'is-flat';
|
|
return n > 0 ? 'is-profit' : 'is-loss';
|
|
}
|
|
|
|
function showTradeModal(data) {
|
|
var mask = document.getElementById('trade-detail-modal');
|
|
var body = document.getElementById('trade-detail-modal-body');
|
|
if (!mask || !body) return;
|
|
|
|
var fields = [
|
|
{ label: '品种', value: esc(data.symbol), wide: false },
|
|
{ label: '合约', value: esc(data.symbol_code), wide: false },
|
|
{ label: '类型', value: esc(data.monitor_type) + ' · ' + esc(data.source), wide: false },
|
|
{ label: '方向', value: esc(data.direction), wide: false },
|
|
{ label: '成交价', value: esc(data.entry_price), wide: false },
|
|
{ label: '手数', value: esc(data.lots), wide: false },
|
|
{ label: '止损', value: esc(data.stop_loss), wide: false },
|
|
{ label: '止盈', value: esc(data.take_profit), wide: false },
|
|
{ label: '保证金', value: data.margin != null ? esc(data.margin) : '-', wide: false },
|
|
{ label: '保证金占比', value: data.margin_pct != null ? esc(data.margin_pct) + '%' : '-', wide: false },
|
|
{ label: '持仓分钟', value: esc(data.holding_minutes), wide: false },
|
|
{ label: '开仓时间', value: fmtTime(data.open_time), wide: false },
|
|
{ label: '平仓时间', value: fmtTime(data.close_time), wide: false },
|
|
{ label: '盈亏(元)', value: esc(data.pnl), wide: false },
|
|
{ label: '手续费', value: esc(data.fee), wide: false },
|
|
{ label: '净盈亏', value: esc(data.pnl_net), wide: false },
|
|
{ label: '最新资金', value: esc(data.equity_after), wide: false },
|
|
{ label: '结果', value: esc(data.result) + (data.verified ? ' · 已核对' : ''), wide: true }
|
|
];
|
|
|
|
var html = '<div class="records-detail-grid">';
|
|
fields.forEach(function (f) {
|
|
html += '<div class="records-detail-item' + (f.wide ? ' wide' : '') + '">';
|
|
html += '<label>' + f.label + '</label><div>' + f.value + '</div></div>';
|
|
});
|
|
html += '</div>';
|
|
|
|
html += '<div class="records-detail-actions">';
|
|
if (data.fill_review_url) {
|
|
html += '<a href="' + data.fill_review_url + '" class="btn-fill">填入复盘</a>';
|
|
}
|
|
if (data.del_url) {
|
|
html += '<a href="' + data.del_url + '" class="btn-del" onclick="return confirm(\'删除？\')">删除</a>';
|
|
}
|
|
html += '</div>';
|
|
|
|
body.innerHTML = html;
|
|
mask.classList.add('show');
|
|
}
|
|
|
|
function bindTradeModal() {
|
|
var mask = document.getElementById('trade-detail-modal');
|
|
if (!mask) return;
|
|
var closeBtn = mask.querySelector('.modal-close');
|
|
if (closeBtn) {
|
|
closeBtn.addEventListener('click', function () {
|
|
mask.classList.remove('show');
|
|
});
|
|
}
|
|
mask.addEventListener('click', function (e) {
|
|
if (e.target === mask) mask.classList.remove('show');
|
|
});
|
|
document.querySelectorAll('.records-trade-item').forEach(function (btn) {
|
|
btn.addEventListener('click', function () {
|
|
try {
|
|
showTradeModal(JSON.parse(btn.getAttribute('data-trade')));
|
|
} catch (err) { /* ignore */ }
|
|
});
|
|
});
|
|
}
|
|
|
|
function bootRecordsPage() {
|
|
if (!document.querySelector('.records-page')) return;
|
|
bindTradeModal();
|
|
}
|
|
|
|
if (window.qihuoPageBoot) window.qihuoPageBoot(bootRecordsPage, '.records-page');
|
|
else if (window.qihuoOnPageLoad) window.qihuoOnPageLoad(bootRecordsPage);
|
|
else document.addEventListener('DOMContentLoaded', bootRecordsPage);
|
|
})();
|