dekun/qihuo
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Improve key monitor form with bar period, box direction, and labeled fields.

Browse Source 
Match order-monitor layout; persist bar_period and enforce upper-direction filter for box breakouts.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-29 07:24:36 +08:00
parent 169136dd4a
commit bfb1b95471
6 changed files with 187 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/keys.css
+17 -8
View File
@@ -3,11 +3,20 @@
.key-rules-body{padding:.35rem 0 .15rem}
.key-rules-body ul{margin:.25rem 0 .5rem 1.1rem;padding:0}
.key-rules-body li{margin:.15rem 0}
.key-check{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;flex:1;min-width:0;margin:0}
.key-check-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.line-key-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:nowrap}
.line-key-actions.is-hidden{display:none!important}
.line-key-actions .key-submit-btn{flex-shrink:0;min-width:5.5rem;padding:.55rem 1.1rem}
.line-key-actions.key-actions-zone{justify-content:flex-end}
.line-key-actions.key-actions-zone .key-check{display:none}
#key-trade-mode-wrap.is-hidden,#key-rr-wrap.is-hidden{display:none!important}
.key-form-rows{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.85rem}
.key-form-line{display:grid;gap:.65rem;align-items:end}
.key-form-line.line-3{grid-template-columns:1.4fr .85fr .85fr}
.key-form-line.line-2{grid-template-columns:1fr 1fr}
.key-field label{display:block;font-size:.72rem;margin-bottom:.28rem;color:var(--text-label)}
.key-field select,.key-field input{width:100%;box-sizing:border-box}
.key-action-row{display:flex;flex-direction:column;gap:.35rem;margin-top:.15rem}
.key-action-row .trailing-be-toggle{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-label);margin:0;cursor:pointer;user-select:none}
.key-action-row .trailing-be-toggle input{width:auto;margin:0;flex-shrink:0}
.key-trailing-hint{font-size:.72rem;margin:0;color:var(--text-muted);line-height:1.45}
.key-action-row .key-submit-btn{width:100%;padding:.65rem .75rem;font-size:.9rem;margin-top:.25rem}
#key-row-auto.is-hidden,#key-rr-wrap.is-hidden,#key-trade-mode-wrap.is-hidden,#key-direction-wrap.is-hidden,#key-trailing-wrap.is-hidden,#key-trailing-hint.is-hidden{display:none!important}
@media(max-width:720px){
.key-form-line.line-3{grid-template-columns:1fr 1fr}
.key-form-line.line-3 .key-field:first-child{grid-column:1/-1}
.key-form-line.line-2{grid-template-columns:1fr}
}
static/js/keys.js
+13 -4
View File
@@ -5,26 +5,35 @@
(function () {
var keyTimer = null;
var typeEl = document.getElementById('key-type');
var rowAuto = document.getElementById('key-row-auto');
var tradeModeWrap = document.getElementById('key-trade-mode-wrap');
var directionWrap = document.getElementById('key-direction-wrap');
var rrWrap = document.getElementById('key-rr-wrap');
var rrEl = document.getElementById('key-rr');
var trailingWrap = document.getElementById('key-trailing-wrap');
var trailingHint = document.getElementById('key-trailing-hint');
var trailingEl = document.getElementById('key-trailing');
var rowActions = document.getElementById('key-row-actions');
var rowPrices = document.getElementById('key-row-prices');
var directionEl = document.getElementById('key-direction');
function isAutoType(typ) {
return typ === '箱体突破' || typ === '收敛突破';
}
function isBoxType(typ) {
return typ === '箱体突破';
}
function syncKeyForm() {
var typ = typeEl ? typeEl.value : '';
var auto = isAutoType(typ);
var box = isBoxType(typ);
if (rowAuto) rowAuto.classList.toggle('is-hidden', !auto);
if (tradeModeWrap) tradeModeWrap.classList.toggle('is-hidden', !auto);
if (rrWrap) rrWrap.classList.toggle('is-hidden', !auto);
if (directionWrap) directionWrap.classList.toggle('is-hidden', !box);
if (trailingWrap) trailingWrap.classList.toggle('is-hidden', !auto);
if (rowActions) rowActions.classList.toggle('key-actions-zone', !auto);
if (rowPrices) rowPrices.classList.toggle('key-zone-mode', !auto);
if (trailingHint) trailingHint.classList.toggle('is-hidden', !auto);
if (directionEl) directionEl.disabled = !box;
if (!auto && trailingEl) trailingEl.checked = false;
if (auto && trailingEl && trailingEl.checked && rrEl) {
if (parseFloat(rrEl.value) < 3) rrEl.value = '3';