fix(settings): OKX side panel shell, compact option transfers without selects

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-07 11:43:56 +08:00
parent 6c26d4739e
commit 27a00f026a
8 changed files with 292 additions and 158 deletions
@@ -1,4 +1,4 @@
{# 期权设置脚本挂载点(卡片在 settings_panel 中拆分) #}
<div id="options-settings-root" hidden
data-sub-account="{{ instance_settings.options_sub_account | default('', true) }}"></div>
<script src="/static/options_settings.js?v=3"></script>
<script src="/static/options_settings.js?v=4"></script>
@@ -1,12 +1,12 @@
<div class="options-settings-section">
<p class="options-settings-hint">主账户资金账户:USDT ↔ USDC,走 USDC-USDT 现货市价单。</p>
<div class="form-row options-settings-row">
<select id="opt-set-swap-dir">
<option value="usdt_to_usdc" selected>USDTUSDC</option>
<option value="usdc_to_usdt">USDCUSDT</option>
</select>
<input type="number" id="opt-set-swap-amount" min="0.01" step="0.01" placeholder="数量">
<button type="button" class="btn-primary btn-sm" id="opt-set-swap-btn">市价兑换</button>
<div class="options-settings-section options-swap-compact">
<p class="options-settings-hint">主账户资金账户:USDT ↔ USDC 现货市价单。</p>
<div class="options-transfer-line">
<div class="opt-set-chip-group" id="opt-set-swap-dir" role="group" aria-label="兑换方向">
<button type="button" class="opt-set-chip active" data-dir="usdt_to_usdc">USDTUSDC</button>
<button type="button" class="opt-set-chip" data-dir="usdc_to_usdt">USDCUSDT</button>
</div>
<input type="number" id="opt-set-swap-amount" class="opt-set-amount" min="0.01" step="0.01" placeholder="数量">
<button type="button" class="btn-primary btn-sm" id="opt-set-swap-btn">兑换</button>
</div>
<div id="opt-set-swap-msg" class="options-settings-msg muted"></div>
</div>
@@ -1,47 +1,39 @@
<div class="options-settings-section">
<div class="options-settings-subtitle">主账户内</div>
<div class="form-row options-settings-row">
<select id="opt-set-int-ccy">
<option value="USDC" selected>USDC</option>
<option value="USDT">USDT</option>
</select>
<select id="opt-set-int-from">
<option value="funding" selected>资金账户</option>
<option value="trading">交易账户</option>
</select>
<span class="options-settings-arrow"></span>
<select id="opt-set-int-to">
<option value="trading" selected>交易账户</option>
<option value="funding">资金账户</option>
</select>
<input type="number" id="opt-set-int-amount" min="0.01" step="0.01" placeholder="数量">
<button type="button" class="btn-primary btn-sm" id="opt-set-int-btn">划转</button>
<div class="options-transfer-compact">
<div class="options-transfer-block">
<div class="options-transfer-head">主账户内</div>
<div class="options-transfer-line">
<div class="opt-set-chip-group" id="opt-set-int-dir" role="group" aria-label="划转方向">
<button type="button" class="opt-set-chip active" data-from="funding" data-to="trading">资金→交易</button>
<button type="button" class="opt-set-chip" data-from="trading" data-to="funding">交易→资金</button>
</div>
<div class="opt-set-chip-group" id="opt-set-int-ccy" role="group" aria-label="币种">
<button type="button" class="opt-set-chip active" data-ccy="USDC">USDC</button>
<button type="button" class="opt-set-chip" data-ccy="USDT">USDT</button>
</div>
<input type="number" id="opt-set-int-amount" class="opt-set-amount" min="0.01" step="0.01" placeholder="数量">
<button type="button" class="btn-primary btn-sm" id="opt-set-int-btn">划转</button>
</div>
<div id="opt-set-int-msg" class="options-settings-msg muted"></div>
</div>
<div id="opt-set-int-msg" class="options-settings-msg muted"></div>
</div>
<div class="options-settings-section">
<div class="options-settings-subtitle">主账户 ↔ 子账户 <span class="muted">{{ instance_settings.options_sub_account or '未配置' }}</span></div>
<div class="form-row options-settings-row">
<select id="opt-set-cross-ccy">
<option value="USDT" selected>USDT</option>
<option value="USDC">USDC</option>
</select>
<select id="opt-set-cross-from-acct">
<option value="funding" selected>资金账户</option>
<option value="trading">交易账户</option>
</select>
<span class="options-settings-arrow"></span>
<select id="opt-set-cross-to-acct">
<option value="trading" selected>交易账户</option>
<option value="funding">资金账户</option>
</select>
<select id="opt-set-cross-dir">
<option value="sub_to_main" selected>子 → 主</option>
<option value="main_to_sub">主 → 子</option>
</select>
<input type="number" id="opt-set-cross-amount" min="0.01" step="0.01" placeholder="数量">
<button type="button" class="btn-primary btn-sm" id="opt-set-cross-btn">划转</button>
<div class="options-transfer-block">
<div class="options-transfer-head">
主子账户
<span class="muted">{{ instance_settings.options_sub_account or '未配置' }}</span>
</div>
<div class="options-transfer-line">
<div class="opt-set-chip-group" id="opt-set-cross-dir" role="group" aria-label="主子方向">
<button type="button" class="opt-set-chip active" data-dir="sub_to_main">子→主</button>
<button type="button" class="opt-set-chip" data-dir="main_to_sub">主→子</button>
</div>
<div class="opt-set-chip-group" id="opt-set-cross-ccy" role="group" aria-label="币种">
<button type="button" class="opt-set-chip active" data-ccy="USDT">USDT</button>
<button type="button" class="opt-set-chip" data-ccy="USDC">USDC</button>
</div>
<span class="options-transfer-acct">资金↔资金</span>
<input type="number" id="opt-set-cross-amount" class="opt-set-amount" min="0.01" step="0.01" placeholder="数量">
<button type="button" class="btn-primary btn-sm" id="opt-set-cross-btn">划转</button>
</div>
<div id="opt-set-cross-msg" class="options-settings-msg muted"></div>
</div>
<div id="opt-set-cross-msg" class="options-settings-msg muted"></div>
</div>