Add mobile compact trade and journal lists with tap-to-expand detail.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-23 16:53:56 +08:00
parent 8e810154ca
commit c302c3e4ea
8 changed files with 418 additions and 68 deletions
@@ -0,0 +1,72 @@
+/**
+ * 手机端：交易记录 / 复盘记录紧凑列表（币种 · 方向 · 盈亏），点击展开详情。
+ */
+(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);