revert: restore original order monitor form layout with SL/TP mode width fix

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-11 08:01:06 +08:00
parent 91c8cd8c2a
commit f6e3d54d29
6 changed files with 156 additions and 279 deletions
@@ -1,83 +0,0 @@
<form id="add-order-form" action="/add_order" method="post" class="order-open-form">
<div class="order-open-section">
<div class="order-open-section-title">品种与方向</div>
<div class="order-open-grid order-open-grid-basic">
<label class="order-open-field">
<span class="order-open-label">合约</span>
<input id="order-symbol" name="symbol" placeholder="BTC 或 BTC/USDT" required>
</label>
<label class="order-open-field">
<span class="order-open-label">方向</span>
<select id="order-direction" name="direction" required>
<option value="">请选择</option>
<option value="long">做多</option>
<option value="short">做空</option>
</select>
</label>
<label class="order-open-field">
<span class="order-open-label">风格</span>
<select name="trade_style" required>
<option value="trend">趋势单</option>
<option value="swing">波段单</option>
</select>
</label>
{% if position_sizing_mode != 'full_margin' %}
<label class="order-open-field">
<span class="order-open-label">杠杆</span>
<input id="order-leverage" name="leverage" type="number" min="1" step="1" placeholder="可选">
</label>
{% endif %}
</div>
</div>
<div class="order-open-section">
<div class="order-open-section-title">止盈止损</div>
<div class="order-open-grid order-open-grid-sltp">
<label class="order-open-field order-open-field-wide">
<span class="order-open-label">方案</span>
<select id="sltp-mode" name="sltp_mode">
<option value="fixed_rr" selected>固定盈亏比</option>
<option value="price">价格模式</option>
<option value="pct">百分比模式</option>
</select>
</label>
<label class="order-open-field" data-sltp-panel="price fixed_rr">
<span class="order-open-label">止损价</span>
<input id="order-sl" name="sl" step="any" placeholder="止损价格" required>
</label>
<label class="order-open-field" data-sltp-panel="fixed_rr">
<span class="order-open-label">盈亏比</span>
<input id="order-fixed-rr" name="fixed_rr" type="number" min="0.01" step="0.01" placeholder="默认 1.5" value="1.5" title="止盈距离=止损距离×盈亏比">
</label>
<span id="order-tp-preview" class="order-open-tp-preview" data-sltp-panel="fixed_rr">预估止盈:—</span>
<label class="order-open-field" data-sltp-panel="price">
<span class="order-open-label">止盈价</span>
<input id="order-tp" name="tgt" step="any" placeholder="止盈价格">
</label>
<label class="order-open-field" data-sltp-panel="pct">
<span class="order-open-label">止损 %</span>
<input id="order-sl-pct" name="sl_pct" type="number" min="0.01" step="0.01" placeholder="如 1.5">
</label>
<label class="order-open-field" data-sltp-panel="pct">
<span class="order-open-label">止盈 %</span>
<input id="order-tp-pct" name="tp_pct" type="number" min="0.01" step="0.01" placeholder="如 3">
</label>
</div>
<p class="order-open-hint">成交价自动取交易所实时价与成交回报</p>
</div>
<div class="order-open-section order-open-section-options">
<label class="order-open-check">
<input type="checkbox" name="breakeven_enabled" value="1" checked>
<span>启用移动保本(关=仅保留初始止损与交易所挂单)</span>
</label>
<label class="order-open-check">
<input type="checkbox" name="order_chart" value="true">
<span>开仓后生成多周期 K 线(各 100 根,含开平仓标记)</span>
</label>
</div>
<div class="order-open-actions">
<button type="submit" class="order-open-submit">{{ open_position_button_label }}</button>
</div>
</form>