Align OO Call/Put position cards with per-leg mark, size, leverage.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
@@ -72,13 +72,16 @@ def enrich_live_unrealized(
|
|||||||
logger.warning("live unrealized exchange overlay failed: %s", e)
|
logger.warning("live unrealized exchange overlay failed: %s", e)
|
||||||
|
|
||||||
option_upl = float(base.get("option_upl") or 0.0) # 期权净盈亏（本地）
|
option_upl = float(base.get("option_upl") or 0.0) # 期权净盈亏（本地）
|
||||||
|
option2_upl = float(base.get("option2_upl") or 0.0) # 期期 Put 腿
|
||||||
# 盯盘/达标：离场费 ≈ 入场费 → 合计扣 已付×2
|
# 盯盘/达标：离场费 ≈ 入场费 → 合计扣 已付×2
|
||||||
est_close = float(fees_paid)
|
est_close = float(fees_paid)
|
||||||
net_pnl = perp_upl + option_upl - fees_paid * 2.0 + funding
|
# 期期无永续：perp_upl 一般为 0；仍加 option2
|
||||||
|
net_pnl = perp_upl + option_upl + option2_upl - fees_paid * 2.0 + funding
|
||||||
|
|
||||||
out = dict(base)
|
out = dict(base)
|
||||||
out["perp_upl"] = perp_upl
|
out["perp_upl"] = perp_upl
|
||||||
out["option_upl"] = option_upl
|
out["option_upl"] = option_upl
|
||||||
|
out["option2_upl"] = option2_upl
|
||||||
out["fees_paid"] = fees_paid
|
out["fees_paid"] = fees_paid
|
||||||
out["funding_usdt"] = funding
|
out["funding_usdt"] = funding
|
||||||
out["est_close_fees"] = est_close
|
out["est_close_fees"] = est_close
|
||||||
|
|||||||
@@ -2012,15 +2012,23 @@ class Matcher:
|
|||||||
index_px = snap.perp.mark_px
|
index_px = snap.perp.mark_px
|
||||||
qty = float(pos.get("option_qty_eth") or 0)
|
qty = float(pos.get("option_qty_eth") or 0)
|
||||||
qty2 = float(pos.get("option2_qty_eth") or qty)
|
qty2 = float(pos.get("option2_qty_eth") or qty)
|
||||||
|
contracts1 = float(pos.get("option_qty_contracts") or 0)
|
||||||
|
contracts2 = float(pos.get("option2_qty_contracts") or 0)
|
||||||
prem1 = float(pos.get("initial_premium") or 0)
|
prem1 = float(pos.get("initial_premium") or 0)
|
||||||
prem2 = float(pos.get("initial_premium2") or 0)
|
prem2 = float(pos.get("initial_premium2") or 0)
|
||||||
call_id = str(pos.get("option_inst_id") or "")
|
call_id = str(pos.get("option_inst_id") or "")
|
||||||
put_id = str(pos.get("option2_inst_id") or "")
|
put_id = str(pos.get("option2_inst_id") or "")
|
||||||
|
entry1 = float(pos.get("option_entry_px") or 0)
|
||||||
|
entry2 = float(pos.get("option2_entry_px") or 0)
|
||||||
oq1 = self._quote_held_option(call_id) if call_id else None
|
oq1 = self._quote_held_option(call_id) if call_id else None
|
||||||
oq2 = self._quote_held_option(put_id) if put_id else None
|
oq2 = self._quote_held_option(put_id) if put_id else None
|
||||||
option_upl = 0.0
|
option_upl = 0.0
|
||||||
option2_upl = 0.0
|
option2_upl = 0.0
|
||||||
fees = 0.0
|
fees = 0.0
|
||||||
|
opt_mark = None
|
||||||
|
opt_bid_sz = None
|
||||||
|
opt2_mark = None
|
||||||
|
opt2_bid_sz = None
|
||||||
if oq1 and oq1.bid is not None and qty > 0:
|
if oq1 and oq1.bid is not None and qty > 0:
|
||||||
bid = float(oq1.bid)
|
bid = float(oq1.bid)
|
||||||
of = option_fill(
|
of = option_fill(
|
||||||
@@ -2032,6 +2040,13 @@ class Matcher:
|
|||||||
)
|
)
|
||||||
fees += of.fee
|
fees += of.fee
|
||||||
option_upl = bid * qty - prem1
|
option_upl = bid * qty - prem1
|
||||||
|
opt_mark = bid
|
||||||
|
opt_bid_sz = float(oq1.bid_sz) if oq1.bid_sz is not None else None
|
||||||
|
elif oq1:
|
||||||
|
opt_mark = oq1.bid or oq1.mark_px
|
||||||
|
opt_bid_sz = float(oq1.bid_sz) if oq1.bid_sz is not None else None
|
||||||
|
if opt_mark is not None and qty > 0:
|
||||||
|
option_upl = float(opt_mark) * qty - prem1
|
||||||
if oq2 and oq2.bid is not None and qty2 > 0:
|
if oq2 and oq2.bid is not None and qty2 > 0:
|
||||||
bid = float(oq2.bid)
|
bid = float(oq2.bid)
|
||||||
of = option_fill(
|
of = option_fill(
|
||||||
@@ -2043,15 +2058,51 @@ class Matcher:
|
|||||||
)
|
)
|
||||||
fees += of.fee
|
fees += of.fee
|
||||||
option2_upl = bid * qty2 - prem2
|
option2_upl = bid * qty2 - prem2
|
||||||
|
opt2_mark = bid
|
||||||
|
opt2_bid_sz = float(oq2.bid_sz) if oq2.bid_sz is not None else None
|
||||||
|
elif oq2:
|
||||||
|
opt2_mark = oq2.bid or oq2.mark_px
|
||||||
|
opt2_bid_sz = float(oq2.bid_sz) if oq2.bid_sz is not None else None
|
||||||
|
if opt2_mark is not None and qty2 > 0:
|
||||||
|
option2_upl = float(opt2_mark) * qty2 - prem2
|
||||||
g = None
|
g = None
|
||||||
gid = pos.get("group_id")
|
gid = pos.get("group_id")
|
||||||
if gid:
|
if gid:
|
||||||
g = self.db.fetchone("SELECT * FROM groups WHERE group_id=?", (gid,))
|
g = self.db.fetchone("SELECT * FROM groups WHERE group_id=?", (gid,))
|
||||||
paid = float(g["fees"] or 0) if g else 0.0
|
paid = float(g["fees"] or 0) if g else 0.0
|
||||||
net = option_upl + option2_upl - paid - fees
|
# SIM：浮盈 − 估平仓费；有入场费时离场按入场估算（对齐永期口径）
|
||||||
|
if paid > 1e-12:
|
||||||
|
est_close = paid
|
||||||
|
net = option_upl + option2_upl - paid * 2.0
|
||||||
|
else:
|
||||||
|
est_close = fees
|
||||||
|
net = option_upl + option2_upl - fees
|
||||||
entry_idx = float(pos.get("entry_index_px") or 0)
|
entry_idx = float(pos.get("entry_index_px") or 0)
|
||||||
move = abs(float(index_px) - entry_idx) if index_px is not None and entry_idx else 0.0
|
move = abs(float(index_px) - entry_idx) if index_px is not None and entry_idx else 0.0
|
||||||
move_pct = (move / entry_idx * 100.0) if entry_idx > 0 else 0.0
|
move_pct = (move / entry_idx * 100.0) if entry_idx > 0 else 0.0
|
||||||
|
from ..strategy.selection import option_leverage as _opt_lev
|
||||||
|
|
||||||
|
opt_lev = (
|
||||||
|
_opt_lev(entry_idx, entry1) if entry_idx > 0 and entry1 > 0 else None
|
||||||
|
)
|
||||||
|
opt2_lev = (
|
||||||
|
_opt_lev(entry_idx, entry2) if entry_idx > 0 and entry2 > 0 else None
|
||||||
|
)
|
||||||
|
if opt_lev is not None:
|
||||||
|
opt_lev = round(float(opt_lev), 1)
|
||||||
|
if opt2_lev is not None:
|
||||||
|
opt2_lev = round(float(opt2_lev), 1)
|
||||||
|
expiry_ymd = str(g["expiry_ymd"]) if g and g["expiry_ymd"] else None
|
||||||
|
expiry_ms = None
|
||||||
|
if expiry_ymd and len(expiry_ymd) == 6:
|
||||||
|
try:
|
||||||
|
from ..exchange.expiry import expiry_ms_from_ymd
|
||||||
|
|
||||||
|
expiry_ms = expiry_ms_from_ymd(expiry_ymd)
|
||||||
|
except Exception:
|
||||||
|
expiry_ms = None
|
||||||
|
strike1 = float(g["strike"]) if g and g["strike"] is not None else None
|
||||||
|
strike2 = float(pos.get("strike2") or 0) or None
|
||||||
return {
|
return {
|
||||||
"has_position": True,
|
"has_position": True,
|
||||||
"hedge_mode": "option_option",
|
"hedge_mode": "option_option",
|
||||||
@@ -2062,23 +2113,33 @@ class Matcher:
|
|||||||
"option2_upl": option2_upl,
|
"option2_upl": option2_upl,
|
||||||
"net_pnl": net,
|
"net_pnl": net,
|
||||||
"fees_paid": paid,
|
"fees_paid": paid,
|
||||||
"est_close_fees": fees,
|
"est_close_fees": est_close,
|
||||||
"index_px": float(index_px) if index_px is not None else None,
|
"index_px": float(index_px) if index_px is not None else None,
|
||||||
"entry_index_px": entry_idx,
|
"entry_index_px": entry_idx,
|
||||||
"move_points": move,
|
"move_points": move,
|
||||||
"move_pct": move_pct,
|
"move_pct": move_pct,
|
||||||
"initial_premium": prem1 + prem2,
|
"initial_premium": prem1,
|
||||||
|
"initial_premium2": prem2,
|
||||||
"option_inst_id": call_id,
|
"option_inst_id": call_id,
|
||||||
"option2_inst_id": put_id,
|
"option2_inst_id": put_id,
|
||||||
"option_side": "call",
|
"option_side": "call",
|
||||||
"option2_side": "put",
|
"option2_side": "put",
|
||||||
"option_qty_eth": qty,
|
"option_qty_eth": qty,
|
||||||
"option2_qty_eth": qty2,
|
"option2_qty_eth": qty2,
|
||||||
"option_entry_px": float(pos.get("option_entry_px") or 0),
|
"option_qty_contracts": contracts1,
|
||||||
"option2_entry_px": float(pos.get("option2_entry_px") or 0),
|
"option2_qty_contracts": contracts2,
|
||||||
"strike": float(g["strike"]) if g and g["strike"] is not None else None,
|
"option_entry_px": entry1,
|
||||||
"strike2": float(pos.get("strike2") or 0) or None,
|
"option2_entry_px": entry2,
|
||||||
"expiry_ymd": g["expiry_ymd"] if g else None,
|
"option_mark_px": float(opt_mark) if opt_mark is not None else None,
|
||||||
|
"option_bid_sz": float(opt_bid_sz) if opt_bid_sz is not None else None,
|
||||||
|
"option2_mark_px": float(opt2_mark) if opt2_mark is not None else None,
|
||||||
|
"option2_bid_sz": float(opt2_bid_sz) if opt2_bid_sz is not None else None,
|
||||||
|
"option_leverage": float(opt_lev) if opt_lev is not None else None,
|
||||||
|
"option2_leverage": float(opt2_lev) if opt2_lev is not None else None,
|
||||||
|
"strike": strike1,
|
||||||
|
"strike2": strike2,
|
||||||
|
"expiry_ymd": expiry_ymd,
|
||||||
|
"expiry_ms": expiry_ms,
|
||||||
"open_at_ms": int(g["open_at_ms"]) if g and g["open_at_ms"] else None,
|
"open_at_ms": int(g["open_at_ms"]) if g and g["open_at_ms"] else None,
|
||||||
"perp_side": None,
|
"perp_side": None,
|
||||||
"perp_qty_eth": 0.0,
|
"perp_qty_eth": 0.0,
|
||||||
|
|||||||
@@ -320,10 +320,16 @@ export type PlanState = {
|
|||||||
premium_gap?: number;
|
premium_gap?: number;
|
||||||
hedge_mode?: string;
|
hedge_mode?: string;
|
||||||
option2_inst_id?: string;
|
option2_inst_id?: string;
|
||||||
|
option2_side?: string;
|
||||||
option2_upl?: number;
|
option2_upl?: number;
|
||||||
option2_entry_px?: number;
|
option2_entry_px?: number;
|
||||||
option2_qty_eth?: number;
|
option2_qty_eth?: number;
|
||||||
|
option2_qty_contracts?: number;
|
||||||
|
option2_mark_px?: number | null;
|
||||||
|
option2_bid_sz?: number | null;
|
||||||
|
option2_leverage?: number | null;
|
||||||
strike2?: number | null;
|
strike2?: number | null;
|
||||||
|
initial_premium2?: number;
|
||||||
};
|
};
|
||||||
residuals?: {
|
residuals?: {
|
||||||
group_id: string;
|
group_id: string;
|
||||||
|
|||||||
+338
-202
@@ -652,217 +652,353 @@ export default function PlanPage() {
|
|||||||
<div className="plan-positions">
|
<div className="plan-positions">
|
||||||
{open ? (
|
{open ? (
|
||||||
<>
|
<>
|
||||||
{plan?.hedge_mode === "option_option" ||
|
{isOo ? (
|
||||||
pos?.hedge_mode === "option_option" ||
|
<>
|
||||||
pos?.option2_inst_id ? (
|
<div className="pos-card">
|
||||||
<div className="pos-card">
|
<div className="pos-card-head">
|
||||||
<div className="pos-card-head">
|
<div className="pos-card-symbol">
|
||||||
<div className="pos-card-symbol">
|
<strong>{pos?.option_inst_id || "Call"}</strong>
|
||||||
<strong>
|
<span className="pos-side-badge pos-side-long">
|
||||||
{pos?.option_inst_id || "Call"}
|
看涨 Call
|
||||||
</strong>
|
</span>
|
||||||
<span className="pos-side-badge pos-side-long">
|
</div>
|
||||||
看涨 Call
|
<div
|
||||||
</span>
|
className={`pos-countdown mono ${countdownUrgent ? "pos-countdown-urgent" : ""}`}
|
||||||
</div>
|
title="到期倒计时"
|
||||||
</div>
|
|
||||||
<div className="pos-meta">
|
|
||||||
<span className="pos-meta-item">期期 · Call</span>
|
|
||||||
<span className="pos-meta-item">组 {pos?.group_id}</span>
|
|
||||||
<span className="pos-meta-item mono">
|
|
||||||
数量 {fmt(pos?.option_qty_eth, 1)} ETH
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-grid">
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">开仓价</span>
|
|
||||||
<span className="pos-value mono">
|
|
||||||
{fmt(pos?.option_entry_px)}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">浮盈亏</span>
|
|
||||||
<span
|
|
||||||
className={`pos-value mono ${pnlClass(pos?.option_upl)}`}
|
|
||||||
>
|
>
|
||||||
{fmt(pos?.option_upl)}
|
{countdown}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="pos-meta">
|
||||||
|
<span className="pos-meta-item">期期 · Call</span>
|
||||||
|
<span className="pos-meta-item">
|
||||||
|
到期 {pos?.expiry_ymd || "—"}
|
||||||
|
</span>
|
||||||
|
<span className="pos-meta-item">
|
||||||
|
行权{" "}
|
||||||
|
{pos?.strike != null
|
||||||
|
? Math.round(Number(pos.strike))
|
||||||
|
: "—"}
|
||||||
|
</span>
|
||||||
|
<span className="pos-meta-item mono">
|
||||||
|
{fmt(pos?.option_qty_eth, 2)} ETH ·{" "}
|
||||||
|
{fmt(pos?.option_qty_contracts, 0)} 张
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
className="pos-meta-item mono"
|
||||||
|
title="开仓指数÷开仓均价"
|
||||||
|
>
|
||||||
|
杠杆 {fmt(pos?.option_leverage, 0)}x
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="pos-cell">
|
<div className="pos-grid">
|
||||||
<span className="pos-label">行权价</span>
|
<div className="pos-cell">
|
||||||
<span className="pos-value mono">
|
<span className="pos-label">开仓均价</span>
|
||||||
{fmt(pos?.strike, 0)}
|
<span className="pos-value mono">
|
||||||
</span>
|
{fmtExPx("option", pos?.option_entry_px)}
|
||||||
</div>
|
</span>
|
||||||
<div className="pos-cell">
|
</div>
|
||||||
<span className="pos-label">持仓时长</span>
|
<div className="pos-cell">
|
||||||
<span className="pos-value mono">
|
<span className="pos-label">买一</span>
|
||||||
{holdDurationLabel}
|
<span className="pos-value mono">
|
||||||
</span>
|
{fmtBidLiqEx(
|
||||||
|
"option",
|
||||||
|
pos?.option_mark_px,
|
||||||
|
pos?.option_bid_sz,
|
||||||
|
)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">
|
||||||
|
{plan?.mode === "LIVE" ? "净盈亏" : "浮盈亏"}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
className={`pos-value mono ${pnlClass(pos?.option_upl)}`}
|
||||||
|
>
|
||||||
|
{fmt(pos?.option_upl)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">初始权利金</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmt(pos?.initial_premium)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-time-row">
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">开仓时间</span>
|
||||||
|
<span className="pos-value mono">{openTimeLabel}</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">持仓时长</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{holdDurationLabel}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<div className="pos-card">
|
|
||||||
<div className="pos-card-head">
|
|
||||||
<div className="pos-card-symbol">
|
|
||||||
<strong>{pos?.perp_inst_id || "ETH-USDT-SWAP"}</strong>
|
|
||||||
<span
|
|
||||||
className={
|
|
||||||
pos?.perp_side === "long"
|
|
||||||
? "pos-side-badge pos-side-long"
|
|
||||||
: "pos-side-badge pos-side-short"
|
|
||||||
}
|
|
||||||
>
|
|
||||||
{pos?.perp_side === "long" ? "做多" : "做空"}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="pos-meta">
|
|
||||||
<span className="pos-meta-item">永续持仓</span>
|
|
||||||
<span className="pos-meta-item">组 {pos?.group_id}</span>
|
|
||||||
<span className="pos-meta-item mono">
|
|
||||||
数量 {fmt(pos?.perp_qty_eth, 2)} ETH
|
|
||||||
</span>
|
|
||||||
<span className="pos-meta-item mono">
|
|
||||||
{fmt(pos?.leverage ?? plan?.leverage, 0)}x
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-grid">
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">开仓价</span>
|
|
||||||
<span className="pos-value mono">
|
|
||||||
{fmtExPx("perp", pos?.perp_entry_px)}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">可平价</span>
|
|
||||||
<span className="pos-value mono">
|
|
||||||
{fmtExPx("perp", pos?.perp_mark_px)}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">浮盈亏</span>
|
|
||||||
<span className={`pos-value mono ${pnlClass(pos?.perp_upl)}`}>
|
|
||||||
{fmt(pos?.perp_upl)}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">保证金</span>
|
|
||||||
<span className="pos-value mono">{fmt(pos?.perp_margin)}</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">名义价值</span>
|
|
||||||
<span className="pos-value mono">{fmt(pos?.perp_notional)}</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">波动比例</span>
|
|
||||||
<span className="pos-value mono">{fmt(movePct, 2)}%</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-time-row">
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">开仓时间</span>
|
|
||||||
<span className="pos-value mono">{openTimeLabel}</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">持仓时长</span>
|
|
||||||
<span className="pos-value mono">{holdDurationLabel}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<div className="pos-card">
|
<div className="pos-card">
|
||||||
<div className="pos-card-head">
|
<div className="pos-card-head">
|
||||||
<div className="pos-card-symbol">
|
<div className="pos-card-symbol">
|
||||||
<strong>
|
<strong>{pos?.option2_inst_id || "Put"}</strong>
|
||||||
{plan?.hedge_mode === "option_option" ||
|
<span className="pos-side-badge pos-side-long">
|
||||||
pos?.option2_inst_id
|
看跌 Put
|
||||||
? pos?.option2_inst_id || "Put"
|
</span>
|
||||||
: pos?.option_inst_id || "期权"}
|
</div>
|
||||||
</strong>
|
<div
|
||||||
<span
|
className={`pos-countdown mono ${countdownUrgent ? "pos-countdown-urgent" : ""}`}
|
||||||
className={
|
title="到期倒计时"
|
||||||
plan?.hedge_mode === "option_option" ||
|
>
|
||||||
pos?.option2_inst_id ||
|
{countdown}
|
||||||
pos?.option_side === "call"
|
</div>
|
||||||
? "pos-side-badge pos-side-long"
|
|
||||||
: "pos-side-badge pos-side-short"
|
|
||||||
}
|
|
||||||
>
|
|
||||||
{plan?.hedge_mode === "option_option" ||
|
|
||||||
pos?.option2_inst_id
|
|
||||||
? "看跌 Put"
|
|
||||||
: pos?.option_side === "call"
|
|
||||||
? "看涨 Call"
|
|
||||||
: "看跌 Put"}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
className={`pos-countdown mono ${countdownUrgent ? "pos-countdown-urgent" : ""}`}
|
|
||||||
title="到期倒计时"
|
|
||||||
>
|
|
||||||
{countdown}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="pos-meta">
|
|
||||||
<span className="pos-meta-item">期权持仓</span>
|
|
||||||
<span className="pos-meta-item">到期 {pos?.expiry_ymd || "—"}</span>
|
|
||||||
<span className="pos-meta-item">
|
|
||||||
行权{" "}
|
|
||||||
{pos?.strike != null
|
|
||||||
? Math.round(Number(pos.strike))
|
|
||||||
: "—"}
|
|
||||||
</span>
|
|
||||||
<span className="pos-meta-item mono">
|
|
||||||
{fmt(pos?.option_qty_eth, 2)} ETH · {fmt(pos?.option_qty_contracts, 0)} 张
|
|
||||||
</span>
|
|
||||||
<span className="pos-meta-item mono" title="开仓指数÷开仓均价">
|
|
||||||
杠杆 {fmt(pos?.option_leverage, 0)}x
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-grid">
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">开仓均价</span>
|
|
||||||
<span className="pos-value mono">
|
|
||||||
{fmtExPx("option", pos?.option_entry_px)}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">买一</span>
|
|
||||||
<span className="pos-value mono">
|
|
||||||
{fmtBidLiqEx(
|
|
||||||
"option",
|
|
||||||
pos?.option_mark_px,
|
|
||||||
pos?.option_bid_sz,
|
|
||||||
)}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">
|
|
||||||
{plan?.mode === "LIVE" ? "净盈亏" : "浮盈亏"}
|
|
||||||
</span>
|
|
||||||
<span className={`pos-value mono ${pnlClass(pos?.option_upl)}`}>
|
|
||||||
{fmt(pos?.option_upl)}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">初始权利金</span>
|
|
||||||
<span className="pos-value mono">{fmt(pos?.initial_premium)}</span>
|
|
||||||
</div>
|
|
||||||
<div className="pos-time-row">
|
|
||||||
<div className="pos-cell">
|
|
||||||
<span className="pos-label">开仓时间</span>
|
|
||||||
<span className="pos-value mono">{openTimeLabel}</span>
|
|
||||||
</div>
|
</div>
|
||||||
<div className="pos-cell">
|
<div className="pos-meta">
|
||||||
<span className="pos-label">持仓时长</span>
|
<span className="pos-meta-item">期期 · Put</span>
|
||||||
<span className="pos-value mono">{holdDurationLabel}</span>
|
<span className="pos-meta-item">
|
||||||
|
到期 {pos?.expiry_ymd || "—"}
|
||||||
|
</span>
|
||||||
|
<span className="pos-meta-item">
|
||||||
|
行权{" "}
|
||||||
|
{pos?.strike2 != null
|
||||||
|
? Math.round(Number(pos.strike2))
|
||||||
|
: "—"}
|
||||||
|
</span>
|
||||||
|
<span className="pos-meta-item mono">
|
||||||
|
{fmt(pos?.option2_qty_eth, 2)} ETH ·{" "}
|
||||||
|
{fmt(pos?.option2_qty_contracts, 0)} 张
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
className="pos-meta-item mono"
|
||||||
|
title="开仓指数÷开仓均价"
|
||||||
|
>
|
||||||
|
杠杆 {fmt(pos?.option2_leverage, 0)}x
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-grid">
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">开仓均价</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmtExPx("option", pos?.option2_entry_px)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">买一</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmtBidLiqEx(
|
||||||
|
"option",
|
||||||
|
pos?.option2_mark_px,
|
||||||
|
pos?.option2_bid_sz,
|
||||||
|
)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">
|
||||||
|
{plan?.mode === "LIVE" ? "净盈亏" : "浮盈亏"}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
className={`pos-value mono ${pnlClass(pos?.option2_upl)}`}
|
||||||
|
>
|
||||||
|
{fmt(pos?.option2_upl)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">初始权利金</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmt(pos?.initial_premium2)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-time-row">
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">开仓时间</span>
|
||||||
|
<span className="pos-value mono">{openTimeLabel}</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">持仓时长</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{holdDurationLabel}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</>
|
||||||
</div>
|
) : (
|
||||||
|
<>
|
||||||
|
<div className="pos-card">
|
||||||
|
<div className="pos-card-head">
|
||||||
|
<div className="pos-card-symbol">
|
||||||
|
<strong>{pos?.perp_inst_id || "ETH-USDT-SWAP"}</strong>
|
||||||
|
<span
|
||||||
|
className={
|
||||||
|
pos?.perp_side === "long"
|
||||||
|
? "pos-side-badge pos-side-long"
|
||||||
|
: "pos-side-badge pos-side-short"
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{pos?.perp_side === "long" ? "做多" : "做空"}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="pos-meta">
|
||||||
|
<span className="pos-meta-item">永续持仓</span>
|
||||||
|
<span className="pos-meta-item">组 {pos?.group_id}</span>
|
||||||
|
<span className="pos-meta-item mono">
|
||||||
|
数量 {fmt(pos?.perp_qty_eth, 2)} ETH
|
||||||
|
</span>
|
||||||
|
<span className="pos-meta-item mono">
|
||||||
|
{fmt(pos?.leverage ?? plan?.leverage, 0)}x
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-grid">
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">开仓价</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmtExPx("perp", pos?.perp_entry_px)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">可平价</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmtExPx("perp", pos?.perp_mark_px)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">浮盈亏</span>
|
||||||
|
<span
|
||||||
|
className={`pos-value mono ${pnlClass(pos?.perp_upl)}`}
|
||||||
|
>
|
||||||
|
{fmt(pos?.perp_upl)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">保证金</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmt(pos?.perp_margin)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">名义价值</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmt(pos?.perp_notional)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">波动比例</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmt(movePct, 2)}%
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-time-row">
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">开仓时间</span>
|
||||||
|
<span className="pos-value mono">{openTimeLabel}</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">持仓时长</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{holdDurationLabel}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="pos-card">
|
||||||
|
<div className="pos-card-head">
|
||||||
|
<div className="pos-card-symbol">
|
||||||
|
<strong>{pos?.option_inst_id || "期权"}</strong>
|
||||||
|
<span
|
||||||
|
className={
|
||||||
|
pos?.option_side === "call"
|
||||||
|
? "pos-side-badge pos-side-long"
|
||||||
|
: "pos-side-badge pos-side-short"
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{pos?.option_side === "call"
|
||||||
|
? "看涨 Call"
|
||||||
|
: "看跌 Put"}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className={`pos-countdown mono ${countdownUrgent ? "pos-countdown-urgent" : ""}`}
|
||||||
|
title="到期倒计时"
|
||||||
|
>
|
||||||
|
{countdown}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="pos-meta">
|
||||||
|
<span className="pos-meta-item">期权持仓</span>
|
||||||
|
<span className="pos-meta-item">
|
||||||
|
到期 {pos?.expiry_ymd || "—"}
|
||||||
|
</span>
|
||||||
|
<span className="pos-meta-item">
|
||||||
|
行权{" "}
|
||||||
|
{pos?.strike != null
|
||||||
|
? Math.round(Number(pos.strike))
|
||||||
|
: "—"}
|
||||||
|
</span>
|
||||||
|
<span className="pos-meta-item mono">
|
||||||
|
{fmt(pos?.option_qty_eth, 2)} ETH ·{" "}
|
||||||
|
{fmt(pos?.option_qty_contracts, 0)} 张
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
className="pos-meta-item mono"
|
||||||
|
title="开仓指数÷开仓均价"
|
||||||
|
>
|
||||||
|
杠杆 {fmt(pos?.option_leverage, 0)}x
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-grid">
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">开仓均价</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmtExPx("option", pos?.option_entry_px)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">买一</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmtBidLiqEx(
|
||||||
|
"option",
|
||||||
|
pos?.option_mark_px,
|
||||||
|
pos?.option_bid_sz,
|
||||||
|
)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">
|
||||||
|
{plan?.mode === "LIVE" ? "净盈亏" : "浮盈亏"}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
className={`pos-value mono ${pnlClass(pos?.option_upl)}`}
|
||||||
|
>
|
||||||
|
{fmt(pos?.option_upl)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">初始权利金</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{fmt(pos?.initial_premium)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-time-row">
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">开仓时间</span>
|
||||||
|
<span className="pos-value mono">{openTimeLabel}</span>
|
||||||
|
</div>
|
||||||
|
<div className="pos-cell">
|
||||||
|
<span className="pos-label">持仓时长</span>
|
||||||
|
<span className="pos-value mono">
|
||||||
|
{holdDurationLabel}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
</>
|
</>
|
||||||
) : isOo ? (
|
) : isOo ? (
|
||||||
<>
|
<>
|
||||||
|
|||||||
Reference in New Issue
Block a user