dekun
bf2d668d3c
Filter OKX positions-history to type 2/3/6, format premium and bid recovery to 2 decimals, and allow locally hiding rows via delete button. Co-authored-by: Cursor <cursoragent@cursor.com>
216 lines
14 KiB
HTML
216 lines
14 KiB
HTML
<div class="options-page-wrap" style="grid-column:1/-1" id="options-root"
|
|
data-default-underly="{{ options_default_underly | default('ETH') }}">
|
|
{% if not options_enabled %}
|
|
<div class="flash" style="margin-bottom:12px">期权 API 未启用:请在 <code>crypto_monitor_okx/.env</code> 设置 <code>OKX_OPTIONS_ENABLED=true</code> 及主账户 <code>OKX_OPTIONS_API_*</code>,然后 <code>pm2 restart crypto_okx --update-env</code>.</div>
|
|
{% endif %}
|
|
|
|
<div class="options-dual-grid">
|
|
<div class="card options-order-card">
|
|
<h2>期权下单</h2>
|
|
<p class="muted options-hint">报价单位为每 1 ETH/BTC;1 张 = 0.01.卖一/买一列为 <strong>价格/张数</strong>;卖一无挂单时以标记价估算并标 <strong>~</strong>.链展示近 <span id="opt-chain-dte">14</span> 日到期,标注实值/虚值;<strong>到期平衡</strong>按卖一预估(无卖一按标记价).资金划转与 USDT/USDC 兑换见「系统设置 → 期权设置」.</p>
|
|
<div class="form-row options-chain-toolbar">
|
|
<button type="button" class="btn-secondary opt-uly-btn active" data-uly="ETH">ETH</button>
|
|
<button type="button" class="btn-secondary opt-uly-btn" data-uly="BTC">BTC</button>
|
|
<select id="opt-exp-select"><option value="">选择到期日</option></select>
|
|
<button type="button" class="btn-secondary opt-type-btn active" data-type="C">看涨 Call</button>
|
|
<button type="button" class="btn-secondary opt-type-btn" data-type="P">看跌 Put</button>
|
|
<button type="button" class="btn-secondary opt-money-btn active" data-money="itm">实值</button>
|
|
<button type="button" class="btn-secondary opt-money-btn" data-money="otm">虚值</button>
|
|
<button type="button" class="btn-secondary" id="opt-load-chain">刷新链</button>
|
|
</div>
|
|
<div id="opt-index-line" class="muted"></div>
|
|
<div class="options-strike-table-wrap">
|
|
<table class="options-strike-table" id="opt-strike-table">
|
|
<thead>
|
|
<tr>
|
|
<th>行权价</th>
|
|
<th>类型</th>
|
|
<th>合约</th>
|
|
<th>卖一/张</th>
|
|
<th>买一/张</th>
|
|
<th>到期平衡</th>
|
|
<th>距平衡</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="opt-strike-tbody">
|
|
<tr><td colspan="8" class="muted">请选择到期日</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="opt-order-panel-host" class="opt-order-panel-host" hidden aria-hidden="true">
|
|
<div id="opt-order-panel" class="opt-order-panel-inner" style="display:none">
|
|
<h3 class="opt-order-title">下单</h3>
|
|
<div id="opt-order-inst" class="options-order-inst"></div>
|
|
<div class="options-order-grid">
|
|
<div><span class="k">卖一/张</span><span id="opt-order-ask" class="v">—</span></div>
|
|
<div><span class="k">买一/张</span><span id="opt-order-bid" class="v">—</span></div>
|
|
<div><span class="k">张数</span><span id="opt-order-sheets" class="v">—</span></div>
|
|
<div><span class="k">ETH/BTC 数量</span><span id="opt-order-eth" class="v">—</span></div>
|
|
<div><span class="k">预估权利金</span><span id="opt-order-premium" class="v">—</span></div>
|
|
<div><span class="k">合约杠杆</span><span id="opt-order-leverage" class="v" title="名义价值÷权利金,测算用">—</span></div>
|
|
<div><span class="k">到期平衡</span><span id="opt-order-expiry-be" class="v">—</span></div>
|
|
<div><span class="k">距平衡</span><span id="opt-order-dist-be" class="v">—</span></div>
|
|
</div>
|
|
<div class="options-estimate-row">
|
|
<label class="opt-est-label" for="opt-target-idx">目标位(指数)</label>
|
|
<input type="number" id="opt-target-idx" class="opt-target-idx" step="0.1" min="0" placeholder="到期时指数价">
|
|
<span class="k">预计盈利</span>
|
|
<span id="opt-est-profit" class="v">—</span>
|
|
<span class="k">目标杠杆</span>
|
|
<span id="opt-est-leverage" class="v" title="目标位名义价值÷权利金">—</span>
|
|
<span class="muted opt-est-note">到期测算,仅供参考</span>
|
|
</div>
|
|
<div class="form-row options-order-mode-row">
|
|
<label><input type="radio" name="opt-size-mode" value="sheets" checked> 指定张数</label>
|
|
<input type="number" id="opt-sheets-amount" min="1" step="1" value="1" placeholder="张数">
|
|
<label><input type="radio" name="opt-size-mode" value="budget_full"> 按可用余额打满</label>
|
|
<label><input type="radio" name="opt-size-mode" value="eth_amount"> 指定币数量</label>
|
|
<input type="number" id="opt-eth-amount" min="0.01" step="0.01" placeholder="如 0.5" style="display:none">
|
|
<input type="text" id="opt-signal-note" placeholder="备注(关键位说明)">
|
|
<button type="button" class="btn-primary" id="opt-open-btn">限价买入 @ 卖一</button>
|
|
</div>
|
|
<div id="opt-order-msg" class="muted"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card options-pos-card-wrap">
|
|
<div class="options-pos-head">
|
|
<h2>持仓</h2>
|
|
<button type="button" class="btn-secondary" id="opt-refresh-positions">刷新</button>
|
|
</div>
|
|
<div class="options-pos-tabs" role="tablist" aria-label="持仓面板">
|
|
<button type="button" class="btn-secondary opt-pos-tab active" data-opt-pos-tab="live" role="tab" aria-selected="true" id="opt-pos-tab-live">当前持仓</button>
|
|
<button type="button" class="btn-secondary opt-pos-tab" data-opt-pos-tab="stats" role="tab" aria-selected="false" id="opt-pos-tab-stats">数据统计</button>
|
|
<button type="button" class="btn-secondary opt-pos-tab" data-opt-pos-tab="history" role="tab" aria-selected="false" id="opt-pos-tab-history">期权历史</button>
|
|
</div>
|
|
<div class="options-pos-tab-body">
|
|
<div class="options-pos-pane is-active" data-opt-pos-pane="live" role="tabpanel" aria-labelledby="opt-pos-tab-live">
|
|
<div id="opt-pos-live" class="panel-scroll pos-list options-pos-live-pane">
|
|
<div class="pos-empty" id="opt-pos-empty">暂无持仓</div>
|
|
<div id="opt-pos-cards"></div>
|
|
</div>
|
|
<details class="opt-close-rule">
|
|
<summary>多档平仓规则说明</summary>
|
|
<div class="opt-close-rule-body">
|
|
<p>系统平仓前会重新读取最新买盘,不使用页面缓存。</p>
|
|
<ul>
|
|
<li>买一数量足够覆盖持仓时,只按买一价提交一笔限价卖单。</li>
|
|
<li>买一不够时,先卖买一可覆盖数量;成交后刷新持仓和盘口,再继续用新的最优买盘拆分。</li>
|
|
<li>最多尝试 5 次,全程使用限价卖出,并带 <code>reduceOnly</code>,不会主动市价平仓。</li>
|
|
<li>盘口不足或订单未成交时会停止后续拆单,并提示剩余张数。</li>
|
|
</ul>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
<div class="options-pos-pane" data-opt-pos-pane="stats" role="tabpanel" aria-labelledby="opt-pos-tab-stats" hidden>
|
|
<div class="options-stats-panel">
|
|
<div class="options-stats-charts">
|
|
<div class="opt-stats-chart opt-stats-chart--ring">
|
|
<div class="opt-stats-ring" id="opt-stats-ring" style="--win-pct: 0">
|
|
<span class="opt-stats-ring-label" id="opt-stats-ring-label">—</span>
|
|
</div>
|
|
<span class="opt-stats-chart-caption">胜率</span>
|
|
</div>
|
|
<div class="opt-stats-chart opt-stats-chart--pnl">
|
|
<div class="opt-stats-bar-row">
|
|
<span class="k">盈利</span>
|
|
<div class="opt-stats-bar-track">
|
|
<div class="opt-stats-bar-fill opt-stats-bar-fill--profit" id="opt-stats-bar-profit"></div>
|
|
</div>
|
|
<span class="v pos-pnl-profit" id="opt-stats-bar-profit-label">—</span>
|
|
</div>
|
|
<div class="opt-stats-bar-row">
|
|
<span class="k">亏损</span>
|
|
<div class="opt-stats-bar-track">
|
|
<div class="opt-stats-bar-fill opt-stats-bar-fill--loss" id="opt-stats-bar-loss"></div>
|
|
</div>
|
|
<span class="v pos-pnl-loss" id="opt-stats-bar-loss-label">—</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="opt-stats-chart opt-stats-chart--hold">
|
|
<div class="opt-stats-chart-title">持仓时长对比</div>
|
|
<div class="opt-stats-bar-row">
|
|
<span class="k">盈单</span>
|
|
<div class="opt-stats-bar-track">
|
|
<div class="opt-stats-bar-fill opt-stats-bar-fill--profit" id="opt-stats-bar-win-hold"></div>
|
|
</div>
|
|
<span class="v" id="opt-stats-win-hold-label">—</span>
|
|
</div>
|
|
<div class="opt-stats-bar-row">
|
|
<span class="k">亏单</span>
|
|
<div class="opt-stats-bar-track">
|
|
<div class="opt-stats-bar-fill opt-stats-bar-fill--loss" id="opt-stats-bar-loss-hold"></div>
|
|
</div>
|
|
<span class="v" id="opt-stats-loss-hold-label">—</span>
|
|
</div>
|
|
</div>
|
|
<div class="options-stats-grid">
|
|
<div class="options-stat-item">
|
|
<span class="k">胜率</span>
|
|
<span class="v" id="opt-stats-winrate">—</span>
|
|
</div>
|
|
<div class="options-stat-item">
|
|
<span class="k">盈亏比</span>
|
|
<span class="v" id="opt-stats-plr">—</span>
|
|
</div>
|
|
<div class="options-stat-item">
|
|
<span class="k">已平笔数</span>
|
|
<span class="v" id="opt-stats-closed">—</span>
|
|
</div>
|
|
<div class="options-stat-item">
|
|
<span class="k">盈利</span>
|
|
<span class="v pos-pnl-profit" id="opt-stats-profit">—</span>
|
|
</div>
|
|
<div class="options-stat-item">
|
|
<span class="k">亏损</span>
|
|
<span class="v pos-pnl-loss" id="opt-stats-loss">—</span>
|
|
</div>
|
|
<div class="options-stat-item">
|
|
<span class="k">均持仓</span>
|
|
<span class="v" id="opt-stats-avg-hold">—</span>
|
|
</div>
|
|
<div class="options-stat-item">
|
|
<span class="k">盈单持仓</span>
|
|
<span class="v" id="opt-stats-win-hold">—</span>
|
|
</div>
|
|
<div class="options-stat-item">
|
|
<span class="k">亏单持仓</span>
|
|
<span class="v" id="opt-stats-loss-hold">—</span>
|
|
</div>
|
|
<div class="options-stat-item">
|
|
<span class="k">持仓中</span>
|
|
<span class="v" id="opt-stats-open-hold">—</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="options-pos-pane" data-opt-pos-pane="history" role="tabpanel" aria-labelledby="opt-pos-tab-history" hidden>
|
|
<div class="options-history-table-wrap">
|
|
<table class="options-strike-table opt-history-table" id="opt-history-table">
|
|
<thead>
|
|
<tr>
|
|
<th>合约</th>
|
|
<th>张数</th>
|
|
<th>权利金</th>
|
|
<th>状态</th>
|
|
<th>盈亏</th>
|
|
<th>时间</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="opt-history-tbody">
|
|
<tr><td colspan="7" class="muted">加载中…</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="/static/options_expiry_countdown.js?v=1"></script>
|
|
<script src="/static/options_panel.js?v=25"></script>
|