Add convert and transfer controls below the options order card.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-16 16:06:36 +08:00
parent 4ade3be2eb
commit d0197914ea
7 changed files with 310 additions and 200 deletions
@@ -0,0 +1,44 @@
{# 期权页·下单下方:兑换 + 划转(独立 ID,避免与系统设置冲突) #}
<div class="card options-funds-card" id="options-funds-card">
<h2>兑换 / 划转</h2>
<div class="options-settings-section">
<p class="options-settings-hint">账户资金账户:USDT ↔ USDC 现货市价单.</p>
<div class="form-row settings-transfer-form options-settings-row">
<input type="text" name="username" autocomplete="username" tabindex="-1" aria-hidden="true"
style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0" value="">
<select id="opt-page-swap-dir" aria-label="兑换方向" autocomplete="off">
<option value="usdt_to_usdc" selected>USDT → USDC</option>
<option value="usdc_to_usdt">USDC → USDT</option>
</select>
<input type="number" id="opt-page-swap-amount" name="cm_opt_page_swap_amt" min="0.01" step="0.01" placeholder="数量"
autocomplete="off" inputmode="decimal" data-lpignore="true" data-1p-ignore="true" data-bwignore="true" data-form-type="other" readonly>
<button type="button" class="btn-secondary btn-sm" id="opt-page-swap-all-btn">全部兑换</button>
<button type="button" class="btn-primary btn-sm" id="opt-page-swap-btn">市价兑换</button>
</div>
<div id="opt-page-swap-msg" class="options-settings-msg muted"></div>
</div>
<div class="options-settings-section">
<div class="options-settings-subtitle">账户内划转</div>
<div class="form-row settings-transfer-form options-settings-row">
<input type="text" name="username" autocomplete="username" tabindex="-1" aria-hidden="true"
style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0" value="">
<select id="opt-page-int-ccy" aria-label="币种" autocomplete="off">
<option value="USDC" selected>USDC</option>
<option value="USDT">USDT</option>
</select>
<select id="opt-page-int-from" aria-label="划出账户">
<option value="funding" selected>from: 资金</option>
<option value="trading">from: 交易</option>
</select>
<select id="opt-page-int-to" aria-label="划入账户">
<option value="trading" selected>to: 交易</option>
<option value="funding">to: 资金</option>
</select>
<input type="number" id="opt-page-int-amount" name="cm_opt_page_int_amt" min="0.01" step="0.01" placeholder="数量"
autocomplete="off" inputmode="decimal" data-lpignore="true" data-1p-ignore="true" data-bwignore="true" data-form-type="other" readonly>
<button type="button" class="btn-secondary btn-sm" id="opt-page-int-all-btn">全部划转</button>
<button type="button" class="btn-primary btn-sm" id="opt-page-int-btn">划转</button>
</div>
<div id="opt-page-int-msg" class="options-settings-msg muted"></div>
</div>
</div>
+5
View File
@@ -15,6 +15,7 @@
{% endif %}
<div class="options-dual-grid">
<div class="options-order-col">
<div class="card options-order-card"{% if options_open_allowed is defined and not options_open_allowed %} style="opacity:.72"{% endif %}>
<h2>期权下单{% if options_open_allowed is defined and not options_open_allowed %} <small class="muted">(对冲模式已禁用开仓)</small>{% endif %}</h2>
<details class="opt-close-rule opt-open-rule">
@@ -181,6 +182,9 @@
</div>
</div>
{% include 'options_page_funds.html' %}
</div>
<div class="card options-pos-card-wrap">
<div class="options-pos-head">
<h2>持仓</h2>
@@ -350,4 +354,5 @@
</div>
</div>
<script src="/static/options_expiry_countdown.js?v=1"></script>
<script src="/static/options_settings.js?v=11"></script>
<script src="/static/options_panel.js?v=64"></script>
@@ -1,3 +1,3 @@
{# 期权设置脚本挂载点(卡片在 settings_panel 中拆分) #}
<div id="options-settings-root" hidden></div>
<script src="/static/options_settings.js?v=10"></script>
<script src="/static/options_settings.js?v=11"></script>