前端ui

manual_trading_hub/static/app.js

@@ -224,25 +224,29 @@
     if (expandedExchangeId && fs && fsInner) {
       const row = rows.find((r) => String(r.id) === String(expandedExchangeId));
       if (row) {
-        fsInner.innerHTML = renderFullscreenExchange(row);
-        fs.classList.remove("hidden");
-        fs.setAttribute("aria-hidden", "false");
-        document.body.classList.add("hub-fullscreen-open");
-        bindMonitorInteractions(fsInner);
-        fsInner.querySelectorAll(".btn-expand-back").forEach((btn) => {
-          btn.onclick = (ev) => {
-            ev.stopPropagation();
-            closeExchangeFullscreen();
-            renderMonitorGrid(lastMonitorRows);
-          };
-        });
+        try {
+          fsInner.innerHTML = renderFullscreenExchange(row);
+          fs.classList.remove("hidden");
+          fs.setAttribute("aria-hidden", "false");
+          document.body.classList.add("hub-fullscreen-open");
+          bindMonitorInteractions(fsInner);
+          fsInner.querySelectorAll(".btn-expand-back").forEach((btn) => {
+            btn.onclick = (ev) => {
+              ev.stopPropagation();
+              closeExchangeFullscreen();
+              renderMonitorGrid(lastMonitorRows);
+            };
+          });
+        } catch (err) {
+          console.error("renderFullscreenExchange", err);
+          closeExchangeFullscreen();
+          showToast("全屏渲染失败: " + err, true);
+        }
       } else {
         closeExchangeFullscreen();
       }
-    } else if (fs) {
-      fs.classList.add("hidden");
-      fs.setAttribute("aria-hidden", "true");
-      document.body.classList.remove("hub-fullscreen-open");
+    } else {
+      closeExchangeFullscreen();
     }
   }
 
@@ -749,6 +753,21 @@
     }
   }
 
+  function initFullscreen() {
+    const backdrop = document.getElementById("exchange-fullscreen-backdrop");
+    if (backdrop) {
+      backdrop.onclick = () => {
+        closeExchangeFullscreen();
+        renderMonitorGrid(lastMonitorRows);
+      };
+    }
+    const fs = document.getElementById("exchange-fullscreen");
+    if (fs && !expandedExchangeId) {
+      fs.classList.add("hidden");
+      fs.setAttribute("aria-hidden", "true");
+    }
+  }
+
   function initTpslModal() {
     const backdrop = document.getElementById("tpsl-modal-backdrop");
     const cancel = document.getElementById("tpsl-cancel");
@@ -1067,6 +1086,7 @@
   };
 
   initTpslModal();
+  initFullscreen();
 
   initAuth().then((ok) => {
     if (!ok) return;