Add hub strategy compare page for perp vs options vs 7:3 hedge.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
@@ -16,7 +16,7 @@
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
|
||||
<noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
|
||||
<link rel="stylesheet" href="/assets/app.css?v=20260723-hide-pnl" />
|
||||
<link rel="stylesheet" href="/assets/app.css?v=20260723-compare" />
|
||||
<link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
|
||||
<link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
|
||||
<script src="/assets/account_risk_badge.js?v=4"></script>
|
||||
@@ -57,6 +57,7 @@
|
||||
<a href="/help" id="nav-help">使用说明</a>
|
||||
<a href="/market" id="nav-market">行情区</a>
|
||||
<a href="/calculator" id="nav-calculator">计算器</a>
|
||||
<a href="/compare" id="nav-compare">策略对比</a>
|
||||
<a href="/archive" id="nav-archive">内照明心</a>
|
||||
<a href="/quotes" id="nav-quotes">语录</a>
|
||||
<a href="/dashboard" id="nav-dashboard">数据看板</a>
|
||||
@@ -957,6 +958,125 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="page-compare" class="page hidden">
|
||||
<div class="page-head">
|
||||
<h1><span class="head-tag">CMP</span> 策略对比</h1>
|
||||
<p class="page-desc">同风险额下对比 · 单独合约 / 单独期权 / 期期对冲(7:3) · 看止盈谁强、谁更易踏空</p>
|
||||
</div>
|
||||
<div class="toolbar">
|
||||
<button type="button" id="cmp-btn-run" class="primary">计算对比</button>
|
||||
<span id="cmp-status" class="toolbar-meta"></span>
|
||||
</div>
|
||||
<form id="cmp-form" class="cmp-form">
|
||||
<section class="card cmp-common-card">
|
||||
<h2>公共参数</h2>
|
||||
<div class="cmp-form-grid">
|
||||
<label class="cmp-field">
|
||||
<span>标的</span>
|
||||
<select id="cmp-base">
|
||||
<option value="ETH" selected>ETH</option>
|
||||
<option value="BTC">BTC</option>
|
||||
</select>
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>方向</span>
|
||||
<select id="cmp-direction">
|
||||
<option value="long" selected>做多</option>
|
||||
<option value="short">做空</option>
|
||||
</select>
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>入场价</span>
|
||||
<input id="cmp-entry" type="number" min="0" step="any" value="3500" required />
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>统一风险 R (U)</span>
|
||||
<input id="cmp-risk" type="number" min="0.01" step="any" value="10" required />
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>统一止损价</span>
|
||||
<input id="cmp-sl" type="number" min="0" step="any" value="3400" required />
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>止盈价</span>
|
||||
<input id="cmp-tp" type="number" min="0" step="any" value="3700" required />
|
||||
</label>
|
||||
</div>
|
||||
</section>
|
||||
<div class="cmp-input-cols">
|
||||
<section class="card">
|
||||
<h2>单独期权</h2>
|
||||
<div class="cmp-form-grid">
|
||||
<label class="cmp-field">
|
||||
<span>类型</span>
|
||||
<select id="cmp-opt-type">
|
||||
<option value="C" selected>Call</option>
|
||||
<option value="P">Put</option>
|
||||
</select>
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>行权价</span>
|
||||
<input id="cmp-opt-strike" type="number" min="0" step="any" value="3600" />
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>卖一价(每币)</span>
|
||||
<input id="cmp-opt-ask" type="number" min="0" step="any" value="50" />
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>期权目标价(默认同止盈)</span>
|
||||
<input id="cmp-tp-opt" type="number" min="0" step="any" placeholder="空=用止盈价" />
|
||||
</label>
|
||||
</div>
|
||||
</section>
|
||||
<section class="card">
|
||||
<h2>期期对冲 · 主腿 70%</h2>
|
||||
<div class="cmp-form-grid">
|
||||
<label class="cmp-field">
|
||||
<span>类型</span>
|
||||
<select id="cmp-hedge-main-type">
|
||||
<option value="C" selected>Call</option>
|
||||
<option value="P">Put</option>
|
||||
</select>
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>行权价</span>
|
||||
<input id="cmp-hedge-main-strike" type="number" min="0" step="any" value="3600" />
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>卖一价</span>
|
||||
<input id="cmp-hedge-main-ask" type="number" min="0" step="any" value="50" />
|
||||
</label>
|
||||
</div>
|
||||
<h2 class="cmp-subhead">次腿 30%</h2>
|
||||
<div class="cmp-form-grid">
|
||||
<label class="cmp-field">
|
||||
<span>类型</span>
|
||||
<select id="cmp-hedge-side-type">
|
||||
<option value="C">Call</option>
|
||||
<option value="P" selected>Put</option>
|
||||
</select>
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>行权价</span>
|
||||
<input id="cmp-hedge-side-strike" type="number" min="0" step="any" value="3400" />
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>卖一价</span>
|
||||
<input id="cmp-hedge-side-ask" type="number" min="0" step="any" value="30" />
|
||||
</label>
|
||||
<label class="cmp-field">
|
||||
<span>对冲目标价(默认同止盈)</span>
|
||||
<input id="cmp-tp-hedge" type="number" min="0" step="any" placeholder="空=用止盈价" />
|
||||
</label>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</form>
|
||||
<div id="cmp-summary" class="cmp-summary"></div>
|
||||
<div id="cmp-table-wrap" class="cmp-table-wrap"></div>
|
||||
<div id="cmp-recommend" class="cmp-recommend"></div>
|
||||
</div>
|
||||
|
||||
<div id="page-strategy" class="page hidden">
|
||||
<div class="page-head strategy-page-head">
|
||||
<div>
|
||||
@@ -1242,6 +1362,10 @@
|
||||
<input type="checkbox" id="pref-show-nav-calculator" checked />
|
||||
顶栏显示「计算器」
|
||||
</label>
|
||||
<label class="chk-label settings-display-chk">
|
||||
<input type="checkbox" id="pref-show-nav-compare" checked />
|
||||
顶栏显示「策略对比」
|
||||
</label>
|
||||
<label class="chk-label settings-display-chk">
|
||||
<input type="checkbox" id="pref-show-nav-strategy" checked />
|
||||
顶栏显示「策略说明」
|
||||
@@ -1445,6 +1569,7 @@
|
||||
<a href="/dashboard" id="m-nav-dashboard">数据看板</a>
|
||||
<a href="/strategy" id="m-nav-strategy">策略说明</a>
|
||||
<a href="/amp-stats" id="m-nav-amp-stats">振幅统计</a>
|
||||
<a href="/compare" id="m-nav-compare">策略对比</a>
|
||||
<a href="/help" id="m-nav-help">使用说明</a>
|
||||
<a href="/logs" id="m-nav-logs">系统日志</a>
|
||||
<a href="/settings" id="m-nav-settings">系统设置</a>
|
||||
@@ -1502,6 +1627,7 @@
|
||||
<script src="/assets/chart.js?v=20260720-option-day-1600"></script>
|
||||
<script src="/assets/plan.js?v=20260720-autofill"></script>
|
||||
<script src="/assets/calculator.js?v=20260715-calc-tabs"></script>
|
||||
<script src="/assets/compare.js?v=20260723-compare"></script>
|
||||
<script src="/assets/trade_stats_calendar.js?v=3"></script>
|
||||
<script src="/assets/archive.js?v=20260717-archive-cal-chart"></script>
|
||||
<script src="/assets/quotes.js?v=20260717-quotes-feed"></script>
|
||||
@@ -1516,6 +1642,6 @@
|
||||
<script src="/assets/options_expiry_countdown.js?v=1"></script>
|
||||
<script src="/assets/options_position_cards.js?v=3"></script>
|
||||
<script src="/assets/backup.js?v=1"></script>
|
||||
<script src="/assets/app.js?v=20260723-dash-hide-pnl"></script>
|
||||
<script src="/assets/app.js?v=20260723-compare"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user