Compact hedge-plan option list to 5 rows with overflow select.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-14 12:33:30 +08:00
parent 09cd680e4a
commit 8d37b2cba3
5 changed files with 123 additions and 29 deletions
+16 -14
View File
@@ -47,21 +47,27 @@
</div>
<p class="muted" id="hp-sizing-line"></p>
</div>
<div class="card">
<div class="card hp-opt-card">
<h2>期权(列表) · <span id="hp-opt-type-label">Put</span> <span class="muted hp-acct-tag" id="hp-opt-acct-tag">期权账户</span></h2>
<div class="form-row">
<div class="form-row hp-opt-toolbar">
<select id="hp-exp-select"><option value="">选择到期日</option></select>
<button type="button" class="btn-secondary" id="hp-load-chain">刷新链</button>
</div>
<div class="form-row hp-money-row">
<button type="button" class="btn-secondary hp-money-btn active" data-money="all">全部</button>
<button type="button" class="btn-secondary hp-money-btn" data-money="itm">实值</button>
<button type="button" class="btn-secondary hp-money-btn" data-money="otm">虚值</button>
<span class="muted hp-money-hint">实值含平值</span>
<button type="button" class="btn-secondary" id="hp-load-chain">刷新链</button>
</div>
<div id="hp-index-line" class="muted hp-quote-line"></div>
<div id="hp-opt-bal-line" class="muted hp-quote-line"></div>
<div class="options-strike-table-wrap">
<div class="form-row hp-pick-row">
<label class="hp-strike-pick-label">合约
<select id="hp-strike-select" title="从列表外合约中快速选用">
<option value="">更多行权价…</option>
</select>
</label>
<label>已选 <code id="hp-sel-inst"></code></label>
<label>张数 <input type="number" step="1" min="1" id="hp-sheets" value="1" /></label>
<span class="muted" id="hp-premium-line"></span>
</div>
<div class="options-strike-table-wrap hp-strike-table-wrap--5">
<table class="options-strike-table" id="hp-strike-table">
<thead>
<tr>
@@ -77,11 +83,7 @@
</tbody>
</table>
</div>
<div class="form-row" style="margin-top:8px;flex-wrap:wrap">
<label>已选合约 <code id="hp-sel-inst"></code></label>
<label>张数 <input type="number" step="1" min="1" id="hp-sheets" value="1" /></label>
<span class="muted" id="hp-premium-line"></span>
</div>
<div id="hp-opt-bal-line" class="muted hp-quote-line hp-opt-bal-line"></div>
</div>
</div>
<div class="card" style="margin-top:12px" id="hp-preview-card-po">
@@ -195,4 +197,4 @@
</div>
</div>
</div>
<script src="/static/hedge_plan.js?v=4"></script>
<script src="/static/hedge_plan.js?v=5"></script>