feat条件单新建改为左策略右选机双栏布局。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-10-13 19:41:04 +08:00
parent e2a28e6c94
commit 96c78b2ed1
4 changed files with 308 additions and 128 deletions
+63 -43
View File
@@ -22,54 +22,74 @@
<span class="cond-chip">左侧单</span>
</div>
<div class="cond-section">
<div class="cond-section-title">入场</div>
<div class="cond-grid">
<label>标的
<select id="cf-underlying">
<option value="ETH">ETH</option>
<div class="cond-create-split">
<div class="cond-create-left">
<div class="cond-col-title">策略</div>
<div class="cond-block">
<span class="cond-mini-label">标的</span>
<div class="cond-seg" id="cf-uly-seg" role="group" aria-label="标的">
<button type="button" class="cond-seg-btn on" data-uly="ETH">ETH</button>
<button type="button" class="cond-seg-btn" data-uly="BTC">BTC</button>
</div>
<select id="cf-underlying" class="cond-native-select" hidden>
<option value="ETH" selected>ETH</option>
<option value="BTC">BTC</option>
</select>
</label>
<label>方向
<select id="cf-opt-type">
<option value="P">看跌 Put</option>
</div>
<div class="cond-block">
<span class="cond-mini-label">方向</span>
<div class="cond-seg" id="cf-side-seg" role="group" aria-label="方向">
<button type="button" class="cond-seg-btn on" data-side="P">看跌 Put</button>
<button type="button" class="cond-seg-btn" data-side="C">看涨 Call</button>
</div>
<select id="cf-opt-type" class="cond-native-select" hidden>
<option value="P" selected>看跌 Put</option>
<option value="C">看涨 Call</option>
</select>
</label>
<label>触发价
<input id="cf-trigger-px" type="number" step="any" placeholder="如 3000" required>
</label>
<label>偏离 %
<input id="cf-deviation" type="number" step="0.1" value="1" placeholder="1" required>
</label>
<label>最短到期(小时)
<input id="cf-expiry-h" type="number" step="1" value="24" placeholder="24" required>
</label>
<div class="cond-trigger-hint" id="cf-trigger-hint"></div>
</div>
</div>
</div>
<div class="cond-section">
<div class="cond-section-title">出场</div>
<div class="cond-grid">
<label>目标指数(可选)
<input id="cf-target" type="number" step="any" placeholder="如 2800">
</label>
<label>翻倍倍数
<input id="cf-pe-mult" type="number" step="0.1" value="1" placeholder="1">
</label>
<label class="cond-switch">
<input id="cf-pe" type="checkbox" checked>
<span>翻倍出场</span>
</label>
</div>
</div>
<div class="cond-block">
<div class="cond-param-row">
<label class="cond-field">触发价
<input id="cf-trigger-px" type="number" step="any" placeholder="如 3000" required>
</label>
<label class="cond-field">偏离 %
<input id="cf-deviation" type="number" step="0.1" value="1" placeholder="1" required>
</label>
<label class="cond-field">最短到期 h
<input id="cf-expiry-h" type="number" step="1" value="24" placeholder="24" required>
</label>
</div>
<div class="cond-trigger-hint is-put" id="cf-trigger-hint"></div>
</div>
<div class="cond-section">
<div class="cond-section-title">客户端</div>
<p class="muted" style="margin:0 0 8px;font-size:.76rem">按上方标的过滤客户端(读实例标的白名单)。展示交易/资金余额;「划入交易 / 划入资金」本页双向划转,表单不丢。</p>
<div id="cf-instances"></div>
<div class="cond-block">
<div class="cond-col-title">出场</div>
<div class="cond-exit-row">
<label class="cond-field">目标指数(可选)
<input id="cf-target" type="number" step="any" placeholder="如 2800">
</label>
<label class="cond-switch">
<input id="cf-pe" type="checkbox" checked>
<span>翻倍出场</span>
</label>
<label class="cond-field cond-field-mult">倍数
<input id="cf-pe-mult" type="number" step="0.1" value="1" placeholder="1">
</label>
</div>
</div>
</div>
<div class="cond-create-right">
<div class="cond-right-head">
<div class="cond-col-title">下发到客户端</div>
<div class="muted cond-right-meta" id="cf-inst-meta">按标的过滤</div>
</div>
<p class="muted cond-right-lead">按标的白名单过滤;点余额行可展开本页划转。</p>
<div id="cf-instances"></div>
</div>
</div>
<div class="cond-actions">
@@ -95,6 +115,6 @@
</div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='cond_orders.js') }}?v=14"></script>
<script src="{{ url_for('static', filename='cond_orders.js') }}?v=15"></script>
<script>HubCondOrders.boot();</script>
{% endblock %}