监控跳转行情区：展示入场价、止盈止损与委托单并在K线标注

Co-authored-by: Cursor <cursoragent@cursor.com>

manual_trading_hub/static/app.js

@@ -506,13 +506,97 @@
     return (row && (row.key || row.id)) || exchangeId;
   }
 
-  function openMarketForPosition(exchangeId, symbol, exchangeKey) {
+  function buildPositionMarketContext(pos, monitorOrder) {
+    const mo = monitorOrder || {};
+    const cond = condOrdersFromPosition(pos);
+    const reg = Array.isArray(pos.regular_orders) ? pos.regular_orders : [];
+    const guess = guessTpslFromCondOrders(pos.side, cond);
+    const entry = pos.entry_price != null ? pos.entry_price : mo.trigger_price;
+    const sl = mo.stop_loss != null ? mo.stop_loss : guess.sl;
+    const tp = mo.take_profit != null ? mo.take_profit : guess.tp;
+    const num = function (v) {
+      if (v == null || v === "") return null;
+      const n = Number(v);
+      return Number.isFinite(n) ? n : null;
+    };
+    const orders = [];
+    cond.forEach(function (o) {
+      orders.push({
+        kind: "条件",
+        label: o.label || "条件单",
+        price: num(o.trigger_price),
+        amount: num(o.amount),
+      });
+    });
+    reg.forEach(function (o) {
+      orders.push({
+        kind: "普通",
+        label: o.label || o.type || "委托",
+        price: num(o.price != null ? o.price : o.trigger_price),
+        amount: num(o.amount),
+      });
+    });
+    return {
+      side: (pos.side || "long").toLowerCase(),
+      entry: num(entry),
+      stop_loss: num(sl),
+      take_profit: num(tp),
+      contracts: num(pos.contracts),
+      orders: orders,
+    };
+  }
+
+  const HUB_MARKET_POS_CTX_KEY = "hubMarketPosContext";
+
+  function encodePosCtx(ctx) {
+    try {
+      return btoa(unescape(encodeURIComponent(JSON.stringify(ctx))));
+    } catch (e) {
+      return "";
+    }
+  }
+
+  function decodePosCtx(raw) {
+    if (!raw) return null;
+    try {
+      return JSON.parse(decodeURIComponent(escape(atob(raw))));
+    } catch (e) {
+      return null;
+    }
+  }
+
+  function marketOpenBtnAttrs(exchangeId, exchangeKey, symbol, pos, monitorOrder) {
+    const symAttr = esc(symbol || "").replace(/"/g, """);
+    const exKeyAttr = esc(exchangeKey || exchangeId || "").replace(/"/g, """);
+    const ctxEnc = esc(encodePosCtx(buildPositionMarketContext(pos, monitorOrder))).replace(/"/g, """);
+    return (
+      'data-ex-id="' +
+      esc(exchangeId) +
+      '" data-ex-key="' +
+      exKeyAttr +
+      '" data-symbol="' +
+      symAttr +
+      '" data-pos-ctx="' +
+      ctxEnc +
+      '"'
+    );
+  }
+
+  function openMarketForPosition(exchangeId, symbol, exchangeKey, posCtxRaw) {
     const exKey = exchangeKey || resolveExchangeKey(exchangeId);
     const sym = normalizeMarketSymbol(symbol);
     if (!exKey || !sym) {
       showToast("无法打开行情：缺少交易所或合约", true);
       return;
     }
+    const ctx = decodePosCtx(posCtxRaw);
+    if (ctx) {
+      ctx.symbol = sym;
+      ctx.exchange_key = exKey;
+      sessionStorage.setItem(HUB_MARKET_POS_CTX_KEY, JSON.stringify(ctx));
+    } else {
+      sessionStorage.removeItem(HUB_MARKET_POS_CTX_KEY);
+    }
     if (expandedExchangeId) {
       closeExchangeFullscreen();
     }
@@ -529,7 +613,7 @@
       btn.onclick = (ev) => {
         ev.preventDefault();
         ev.stopPropagation();
-        openMarketForPosition(btn.dataset.exId, btn.dataset.symbol, btn.dataset.exKey);
+        openMarketForPosition(btn.dataset.exId, btn.dataset.symbol, btn.dataset.exKey, btn.dataset.posCtx);
       };
     });
     box.querySelectorAll(".btn-open-instance").forEach((btn) => {
@@ -744,10 +828,11 @@
     meta.push(
       `<span class="${beOn ? "pos-meta-on" : "pos-meta-off"}">移动保本:${beOn ? "开" : "关"}</span>`
     );
+    const mktAttrs = marketOpenBtnAttrs(exchangeId, exchangeKey, symbol, pos, monitorOrder);
     return `<div class="pos-card hub-pos-card">
       <div class="pos-card-head">
         <div class="pos-card-symbol">
-          <button type="button" class="btn-open-market sym-link pos-symbol-link" data-ex-id="${esc(exchangeId)}" data-ex-key="${exKeyAttr}" data-symbol="${symAttr}" title="打开行情区"><strong>${esc(symbol)}</strong></button>
+          <button type="button" class="btn-open-market sym-link pos-symbol-link" ${mktAttrs} title="打开行情区（含入场/止盈止损）"><strong>${esc(symbol)}</strong></button>
           <span class="pos-side-badge ${sideCls}">${sideCn}</span>
         </div>
         <div class="pos-head-actions">
@@ -848,7 +933,7 @@
       .join("");
   }
 
-  function renderPositionBlock(exchangeId, exchangeKey, x) {
+  function renderPositionBlock(exchangeId, exchangeKey, x, monitorOrder) {
     const symAttr = esc(x.symbol || "").replace(/"/g, "&quot;");
     const exKeyAttr = esc(exchangeKey || exchangeId || "").replace(/"/g, "&quot;");
     const sideAttr = esc((x.side || "").toLowerCase()).replace(/"/g, "&quot;");
@@ -858,11 +943,12 @@
     const guess = guessTpslFromCondOrders(x.side, cond);
     const slAttr = esc(String(guess.sl)).replace(/"/g, "&quot;");
     const tpAttr = esc(String(guess.tp)).replace(/"/g, "&quot;");
+    const mktAttrs = marketOpenBtnAttrs(exchangeId, exchangeKey, x.symbol, x, monitorOrder);
     return `<div class="pos-block">
       <div class="table-scroll">
       <table class="data-table"><thead><tr><th>合约</th><th>方向</th><th>张数</th><th>浮盈</th><th>操作</th></tr></thead><tbody>
         <tr>
-          <td><button type="button" class="btn-open-market sym-link" data-ex-id="${esc(exchangeId)}" data-ex-key="${exKeyAttr}" data-symbol="${symAttr}" title="打开行情区">${esc(x.symbol)}</button></td>
+          <td><button type="button" class="btn-open-market sym-link" ${mktAttrs} title="打开行情区（含入场/止盈止损）">${esc(x.symbol)}</button></td>
           <td class="${sideDirCls(x.side)}">${renderDirectionHtml(x.side)}</td>
           <td>${fmt(x.contracts, 4)}</td>
           <td class="${pnlCls(x.unrealized_pnl)}">${fmt(x.unrealized_pnl, 2)}</td>
@@ -886,7 +972,7 @@
     </div>`;
     inner += `<div class="section-title">交易所持仓 · ${pos.length} 仓</div>`;
     if (pos.length) {
-      inner += pos.map((p) => renderPositionBlock(row.id, row.key || row.id, p)).join("");
+      inner += pos.map((p) => renderPositionBlock(row.id, row.key || row.id, p, findMonitorOrder(orders, p.symbol, p.side))).join("");
     } else {
       inner += '<div class="empty-hint">无持仓</div>';
     }