Add ratio-to-move-points mode for hub perpetual-options calculator.

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

manual_trading_hub/static/calculator.js

@@ -575,6 +575,10 @@
   function renderPerpOptionsResult(data) {
     const box = $("calc-po-result");
     if (!box) return;
+    if ((data.calc_mode || "size") === "points") {
+      renderPerpOptionsPointsResult(data);
+      return;
+    }
     const a = data.case_a || {};
     const b = data.case_b || {};
     const capitalHint = data.capital_ok
@@ -662,9 +666,124 @@
       "</div></section></div>";
   }
 
+  function renderPerpOptionsPointsResult(data) {
+    const box = $("calc-po-result");
+    if (!box) return;
+    const a = data.case_a || {};
+    const b = data.case_b || {};
+    const capitalHint = data.capital_ok
+      ? "资金充足(参考)"
+      : "保证金高于交易资金(仅提示)";
+    let caseB =
+      '<section class="calc-po-case">' +
+      "<h4>情景 B · 期权方向对</h4>" +
+      '<div class="calc-summary">' +
+      "<div><span>所需点数(期权净利=目标)</span><strong>" +
+      fmt(b.move_points_opt_net, 4) +
+      " · " +
+      fmt(b.move_pct_opt_net, 4) +
+      "%</strong></div>" +
+      "<div><span>期权净利</span><strong class=\"" +
+      pnlClass(b.opt_net_u) +
+      '">' +
+      fmtU(b.opt_net_u) +
+      "</strong></div>" +
+      "<div><span>此时组合净利</span><strong class=\"" +
+      pnlClass(b.portfolio_net_at_opt_target_u) +
+      '">' +
+      fmtU(b.portfolio_net_at_opt_target_u) +
+      "</strong></div>";
+    if (b.move_points_portfolio != null) {
+      caseB +=
+        "<div><span>所需点数(组合净利=目标)</span><strong>" +
+        fmt(b.move_points_portfolio, 4) +
+        " · " +
+        fmt(b.move_pct_portfolio, 4) +
+        "%</strong></div>" +
+        "<div><span>组合净利</span><strong class=\"" +
+        pnlClass(b.portfolio_net_u) +
+        '">' +
+        fmtU(b.portfolio_net_u) +
+        "</strong></div>" +
+        "<div><span>此时期权净利</span><strong class=\"" +
+        pnlClass(b.opt_net_at_portfolio_target_u) +
+        '">' +
+        fmtU(b.opt_net_at_portfolio_target_u) +
+        "</strong></div>";
+    } else if (b.portfolio_error) {
+      caseB +=
+        '<div class="calc-field-span2"><span>组合达目标</span><strong class="calc-market-err">' +
+        esc(b.portfolio_error) +
+        "</strong></div>";
+    }
+    caseB += "</div></section>";
+
+    box.classList.remove("hidden");
+    box.innerHTML =
+      '<div class="calc-summary">' +
+      "<div><span>标的</span><strong>" +
+      esc(data.base || "—") +
+      " · 比例 " +
+      esc(data.ratio_label || "—") +
+      "</strong></div>" +
+      "<div><span>仓位</span><strong>永续 " +
+      fmtTrim(data.perp_coins, 4) +
+      " 币 / 期权 " +
+      fmtTrim(data.opt_coins, 4) +
+      " 币(" +
+      fmtTrim(data.opt_sheets, 2) +
+      " 张)</strong></div>" +
+      "<div><span>单币权利金</span><strong>" +
+      fmt(data.prem_per_coin, 4) +
+      "U</strong></div>" +
+      "<div><span>权利金总额</span><strong>" +
+      fmt(data.premium_total_u, 4) +
+      "U</strong></div>" +
+      "<div><span>目标盈利</span><strong>" +
+      fmt(data.target_profit_u, 2) +
+      "U</strong></div>" +
+      "<div><span>永续保证金</span><strong>" +
+      fmt(data.perp_margin_u, 2) +
+      "U</strong></div>" +
+      "<div><span>开仓参考</span><strong>" +
+      esc(capitalHint) +
+      "</strong></div>" +
+      "</div>" +
+      '<div class="calc-po-cases">' +
+      '<section class="calc-po-case">' +
+      "<h4>情景 A · 永续方向对</h4>" +
+      '<div class="calc-summary">' +
+      "<div><span>所需波动点数</span><strong>" +
+      fmt(a.move_points, 4) +
+      " · " +
+      fmt(a.move_pct, 4) +
+      "%</strong></div>" +
+      "<div><span>永续盈亏</span><strong class=\"" +
+      pnlClass(a.perp_pnl_u) +
+      '">' +
+      fmtU(a.perp_pnl_u) +
+      "</strong></div>" +
+      "<div><span>权利金(全亏)</span><strong>" +
+      fmt(a.premium_u, 4) +
+      "U</strong></div>" +
+      "<div><span>手续费</span><strong>" +
+      fmt(a.fee_u, 4) +
+      "U</strong></div>" +
+      "<div><span>净利</span><strong class=\"" +
+      pnlClass(a.net_u) +
+      '">' +
+      fmtU(a.net_u) +
+      "</strong></div>" +
+      "</div></section>" +
+      caseB +
+      "</div>";
+  }
+
   async function submitPerpOptions(e) {
     e.preventDefault();
+    const calcMode = ($("calc-po-calc-mode") && $("calc-po-calc-mode").value) || "size";
     const body = {
+      calc_mode: calcMode,
       base: ($("calc-po-base") && $("calc-po-base").value) || "ETH",
       spot: num("calc-po-spot"),
       capital_usdt: num("calc-po-capital"),
@@ -674,6 +793,8 @@
       perp_leverage: num("calc-po-perp-lev"),
       option_leverage: num("calc-po-opt-lev"),
       ct_mult: num("calc-po-ct-mult") || 0.01,
+      ratio_perp: num("calc-po-ratio-perp") || 1,
+      ratio_opt: num("calc-po-ratio-opt") || 2,
     };
     try {
       const r = await fetch("/api/calculator/perp-options", {
@@ -699,6 +820,22 @@
     if (lab) lab.textContent = mode === "pct" ? "波动率 %" : "波动点数";
   }
 
+  function syncPoCalcMode() {
+    const mode = ($("calc-po-calc-mode") && $("calc-po-calc-mode").value) || "size";
+    const points = mode === "points";
+    page.querySelectorAll(".calc-po-size-only").forEach(function (el) {
+      el.classList.toggle("hidden", points);
+    });
+    page.querySelectorAll(".calc-po-points-only").forEach(function (el) {
+      el.classList.toggle("hidden", !points);
+    });
+    const moveInput = $("calc-po-move");
+    if (moveInput) {
+      if (points) moveInput.removeAttribute("required");
+      else moveInput.setAttribute("required", "required");
+    }
+  }
+
   function applyCalcTab(tab) {
     const t = tab === "roll" || tab === "po" ? tab : "trend";
     const layout = page.querySelector(".calc-layout");
@@ -739,6 +876,7 @@
     const poForm = $("calc-po-form");
     const dirSel = $("calc-trend-direction");
     const poMode = $("calc-po-move-mode");
+    const poCalcMode = $("calc-po-calc-mode");
     if (trendForm) trendForm.addEventListener("submit", submitTrend);
     if (rollForm) rollForm.addEventListener("submit", submitRoll);
     if (poForm) poForm.addEventListener("submit", submitPerpOptions);
@@ -750,6 +888,10 @@
       poMode.addEventListener("change", syncPoMoveLabel);
       syncPoMoveLabel();
     }
+    if (poCalcMode) {
+      poCalcMode.addEventListener("change", syncPoCalcMode);
+      syncPoCalcMode();
+    }
     bindRollLegsUI();
     bindMarket("calc-trend");
     bindMarket("calc-roll");