增加一键保本
This commit is contained in:
dekun
@@ -194,6 +194,13 @@
|
||||
.pos-ex-order-main{flex:1;min-width:0;line-height:1.35}
|
||||
.pos-ex-cancel-btn{padding:3px 10px;background:#3a3048;color:#d4b8ff;border:none;border-radius:6px;font-size:.74rem;cursor:pointer;flex-shrink:0}
|
||||
.pos-ex-cancel-btn:disabled{opacity:.4;cursor:not-allowed}
|
||||
.pos-be-global{font-size:.76rem;font-weight:400;color:#8892b0;margin-left:10px;display:inline-flex;align-items:center;gap:4px}
|
||||
.pos-be-global input{width:52px;padding:3px 6px;background:#0d1119;border:1px solid #3a4460;border-radius:6px;color:#e8ecf5;font-size:.78rem}
|
||||
.pos-be-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;padding:8px 10px;background:#1a2030;border-radius:8px;border:1px solid #2a3348}
|
||||
.pos-be-label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#b8c4e8;cursor:pointer;user-select:none}
|
||||
.pos-be-label input{width:15px;height:15px;accent-color:#6eb5ff}
|
||||
.pos-be-offset{width:52px;padding:4px 6px;background:#0d1119;border:1px solid #3a4460;border-radius:6px;color:#e8ecf5;font-size:.78rem}
|
||||
.pos-be-status{font-size:.74rem;color:#6ab88a}
|
||||
.tpsl-modal-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9000;align-items:center;justify-content:center;padding:16px}
|
||||
.tpsl-modal-backdrop.open{display:flex}
|
||||
.tpsl-modal{background:#1a2030;border:1px solid #3a4a66;border-radius:12px;padding:16px 18px;width:min(440px,100%);max-height:90vh;overflow:auto}
|
||||
@@ -464,7 +471,11 @@
|
||||
</form>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2 style="margin-bottom:8px">实时持仓</h2>
|
||||
<h2 style="margin-bottom:8px;display:flex;align-items:center;flex-wrap:wrap;gap:6px">实时持仓
|
||||
<span class="pos-be-global">一键保本默认偏移
|
||||
<input type="number" id="manual-be-offset-global" min="0" max="10" step="0.01" value="0.2" title="相对成交价，多仓为+、空仓为-">%
|
||||
</span>
|
||||
</h2>
|
||||
<div class="panel-scroll pos-list pos-list-live">
|
||||
{% for o in order %}
|
||||
<div class="pos-card" id="order-row-{{ o.id }}"
|
||||
@@ -492,6 +503,15 @@
|
||||
{% if o.breakeven_enabled %}移动保本:开 {{ o.breakeven_rr_trigger or '-' }}R→{{ price_fmt(o.symbol, o.breakeven_price) }}{% else %}移动保本:关{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
<div class="pos-be-row">
|
||||
<label class="pos-be-label" title="将止损移至成交价±偏移%，并同步交易所止盈止损">
|
||||
<input type="checkbox" class="pos-be-switch" data-order-id="{{ o.id }}"
|
||||
{% if o.breakeven_armed %}checked data-armed="1"{% endif %}>
|
||||
一键保本
|
||||
</label>
|
||||
<input type="number" class="pos-be-offset" min="0" max="10" step="0.01" value="0.2" title="相对成交价偏移%">%
|
||||
<span class="pos-be-status" id="pos-be-status-{{ o.id }}">{% if o.breakeven_armed %}已保本{% endif %}</span>
|
||||
</div>
|
||||
<div class="pos-grid">
|
||||
<div class="pos-cell">
|
||||
<span class="pos-label">成交价</span>
|
||||
@@ -1733,6 +1753,96 @@ function submitTpslEntrust(){
|
||||
post();
|
||||
}).catch(()=>alert('无法校验盈亏比'));
|
||||
}
|
||||
const MANUAL_BE_OFFSET_KEY = 'manualBreakevenOffsetPct';
|
||||
function getManualBeOffsetPct(){
|
||||
const g = document.getElementById('manual-be-offset-global');
|
||||
if(g && g.value !== ''){
|
||||
const n = parseFloat(g.value);
|
||||
if(Number.isFinite(n)) return n;
|
||||
}
|
||||
const saved = localStorage.getItem(MANUAL_BE_OFFSET_KEY);
|
||||
const n = saved ? parseFloat(saved) : 0.2;
|
||||
return Number.isFinite(n) ? n : 0.2;
|
||||
}
|
||||
function initManualBreakevenUi(){
|
||||
const g = document.getElementById('manual-be-offset-global');
|
||||
if(g){
|
||||
const saved = localStorage.getItem(MANUAL_BE_OFFSET_KEY);
|
||||
if(saved) g.value = saved;
|
||||
g.addEventListener('change', ()=>{
|
||||
localStorage.setItem(MANUAL_BE_OFFSET_KEY, g.value);
|
||||
document.querySelectorAll('.pos-be-offset').forEach(inp=>{
|
||||
if(!inp.dataset.touched) inp.value = g.value;
|
||||
});
|
||||
});
|
||||
}
|
||||
document.querySelectorAll('.pos-be-offset').forEach(inp=>{
|
||||
if(!inp.dataset.touched){
|
||||
inp.value = getManualBeOffsetPct();
|
||||
}
|
||||
inp.addEventListener('input', ()=>{ inp.dataset.touched = '1'; });
|
||||
});
|
||||
document.querySelectorAll('.pos-be-switch').forEach(sw=>{
|
||||
if(sw.dataset.bound) return;
|
||||
sw.dataset.bound = '1';
|
||||
sw.addEventListener('change', ()=>{
|
||||
const orderId = sw.getAttribute('data-order-id');
|
||||
const card = sw.closest('.pos-card');
|
||||
const offInp = card && card.querySelector('.pos-be-offset');
|
||||
if(!sw.checked){
|
||||
if(sw.dataset.armed === '1') sw.checked = true;
|
||||
return;
|
||||
}
|
||||
applyManualBreakeven(orderId, sw, offInp, card);
|
||||
});
|
||||
});
|
||||
}
|
||||
function updateOrderCardSlDisplay(card, slDisplay){
|
||||
if(!card || !slDisplay) return;
|
||||
card.setAttribute('data-plan-sl', slDisplay);
|
||||
const cells = card.querySelectorAll('.pos-grid .pos-cell');
|
||||
if(cells[1]){
|
||||
const val = cells[1].querySelector('.pos-value');
|
||||
if(val) val.textContent = slDisplay;
|
||||
}
|
||||
}
|
||||
function applyManualBreakeven(orderId, sw, offInp, card){
|
||||
const offset = offInp ? parseFloat(offInp.value) : getManualBeOffsetPct();
|
||||
if(!Number.isFinite(offset) || offset < 0 || offset > 10){
|
||||
alert('偏移%须在 0～10 之间');
|
||||
sw.checked = sw.dataset.armed === '1';
|
||||
return;
|
||||
}
|
||||
const dirHint = card && card.getAttribute('data-direction') === 'short' ? '下' : '上';
|
||||
if(!confirm(`确认一键保本？止损将移至成交价${dirHint}移 ${offset}%（相对成交价）`)){
|
||||
sw.checked = sw.dataset.armed === '1';
|
||||
return;
|
||||
}
|
||||
sw.disabled = true;
|
||||
fetch(`/api/order/${orderId}/manual_breakeven`, {
|
||||
method:'POST',
|
||||
headers:{'Content-Type':'application/json'},
|
||||
body: JSON.stringify({ offset_pct: offset })
|
||||
}).then(r=>r.json()).then(data=>{
|
||||
if(!data.ok){
|
||||
alert(data.msg || '保本失败');
|
||||
sw.checked = sw.dataset.armed === '1';
|
||||
sw.disabled = false;
|
||||
return;
|
||||
}
|
||||
sw.dataset.armed = '1';
|
||||
sw.checked = true;
|
||||
const st = document.getElementById(`pos-be-status-${orderId}`);
|
||||
if(st) st.textContent = '已保本';
|
||||
if(data.stop_loss_display) updateOrderCardSlDisplay(card, data.stop_loss_display);
|
||||
if(data.exchange_tpsl) paintExchangeTpslRow(orderId, data.exchange_tpsl);
|
||||
else refreshPriceSnapshotConditional();
|
||||
}).catch(()=>{
|
||||
alert('保本请求失败');
|
||||
sw.checked = sw.dataset.armed === '1';
|
||||
sw.disabled = false;
|
||||
});
|
||||
}
|
||||
function cancelExchangeTpsl(orderId, role){
|
||||
const label = role === 'sl' ? '止损' : '止盈';
|
||||
if(!confirm(`确认撤销交易所${label}委托？（不会平仓）`)) return;
|
||||
@@ -2072,6 +2182,7 @@ function refreshPriceSnapshotConditional(){
|
||||
}
|
||||
}).catch(()=>{});
|
||||
}
|
||||
initManualBreakevenUi();
|
||||
setInterval(refreshPriceSnapshotConditional, {{ price_refresh_seconds * 1000 }});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user