dekun
73 lines
2.0 KiB
JavaScript
73 lines
2.0 KiB
JavaScript
/**
|
|
* 手机端：交易记录 / 复盘记录紧凑列表（币种 · 方向 · 盈亏），点击展开详情。
|
|
*/
|
|
(function (global) {
|
|
"use strict";
|
|
|
|
var resizeTimer = null;
|
|
|
|
function refreshTradeRecords() {
|
|
var UI = global.InstanceUI;
|
|
if (!UI) return;
|
|
var card = document.querySelector(".records-card");
|
|
if (!card) return;
|
|
var tableWrap = card.querySelector(".table-wrap");
|
|
var table = tableWrap && tableWrap.querySelector("table");
|
|
if (!table) return;
|
|
|
|
var listEl = card.querySelector(".mobile-record-list");
|
|
var mobile = UI.isMobileCompactRecords();
|
|
|
|
if (!mobile) {
|
|
if (listEl) listEl.remove();
|
|
return;
|
|
}
|
|
|
|
if (!listEl) {
|
|
listEl = document.createElement("div");
|
|
listEl.className = "mobile-record-list";
|
|
tableWrap.parentNode.insertBefore(listEl, tableWrap);
|
|
}
|
|
|
|
var rows = table.querySelectorAll('tr[id^="trade-row-"]');
|
|
listEl.innerHTML = Array.prototype.map
|
|
.call(rows, function (tr) {
|
|
return UI.renderMobileTradeRow(tr);
|
|
})
|
|
.join("");
|
|
|
|
listEl.querySelectorAll(".mobile-record-row").forEach(function (btn) {
|
|
btn.addEventListener("click", function () {
|
|
var rowId = btn.getAttribute("data-row-id");
|
|
var tr = rowId && document.getElementById(rowId);
|
|
if (tr) UI.openTradeRecordDetailModal(tr);
|
|
});
|
|
});
|
|
}
|
|
|
|
function onResize() {
|
|
if (resizeTimer) clearTimeout(resizeTimer);
|
|
resizeTimer = setTimeout(function () {
|
|
refreshTradeRecords();
|
|
if (typeof global.loadJournals === "function" && document.getElementById("journal-list")) {
|
|
global.loadJournals();
|
|
}
|
|
}, 180);
|
|
}
|
|
|
|
function init() {
|
|
refreshTradeRecords();
|
|
global.addEventListener("resize", onResize);
|
|
}
|
|
|
|
if (document.readyState === "loading") {
|
|
document.addEventListener("DOMContentLoaded", init);
|
|
} else {
|
|
init();
|
|
}
|
|
|
|
global.InstanceRecordsMobile = {
|
|
refresh: refreshTradeRecords,
|
|
};
|
|
})(typeof window !== "undefined" ? window : globalThis);
|