Restructure into modules/ with single-process CTP and config/ layout.
Move business code under modules/, env template to config/, PM2 single qihuo process, and _legacy shims for old imports. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
@@ -0,0 +1,12 @@
|
||||
.ai-page .card-body{display:flex;flex-direction:column;gap:0;min-height:0}
|
||||
.ai-usage{margin-bottom:.85rem;font-size:.84rem;color:var(--text-muted)}
|
||||
.ai-usage summary{cursor:pointer;color:var(--accent);font-weight:600;margin-bottom:.35rem}
|
||||
.ai-usage-body ul{margin:.25rem 0 0 1.1rem;padding:0;line-height:1.55}
|
||||
.ai-usage-body a{color:var(--accent)}
|
||||
.ai-section-label{font-size:.9rem;margin:0 0 .65rem;color:var(--text-title);font-weight:600}
|
||||
.ai-msg-list{max-height:min(70vh,720px);overflow:auto;padding-right:.25rem}
|
||||
.ai-msg{border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;margin-bottom:.75rem;background:rgba(255,255,255,.02)}
|
||||
.ai-msg-head{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--text-muted);margin-bottom:.35rem}
|
||||
.ai-msg-kind{text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}
|
||||
.ai-msg-title{font-size:.95rem;margin:0 0 .5rem;color:var(--text-title)}
|
||||
.ai-msg-body{margin:0;white-space:pre-wrap;font-family:inherit;font-size:.84rem;line-height:1.55;color:var(--text-main)}
|
||||
@@ -0,0 +1,491 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved. */
|
||||
html{background:#050508;color-scheme:dark}
|
||||
html[data-theme="light"]{background:#e8eef8;color-scheme:light}
|
||||
html:not([data-theme="light"]){
|
||||
--bg-page:#050508;
|
||||
--bg-grid:rgba(76,194,255,.045);
|
||||
--border-header:rgba(76,194,255,.12);
|
||||
--header-bg:transparent;
|
||||
--text-primary:#e8eaf6;
|
||||
--text-title:#ffffff;
|
||||
--text-muted:#7a82a0;
|
||||
--text-label:#a8b4ff;
|
||||
--accent:#4cc2ff;
|
||||
--accent-2:#9d6bff;
|
||||
--ambient-glow:rgba(76,194,255,.14);
|
||||
--ambient-glow-2:rgba(123,66,255,.1);
|
||||
--scanline:rgba(76,194,255,.03);
|
||||
--title-glow:rgba(76,194,255,.35);
|
||||
--card-bg:rgba(10,12,22,.82);
|
||||
--card-border:rgba(76,194,255,.22);
|
||||
--card-border-hover:rgba(76,194,255,.45);
|
||||
--card-glow:rgba(76,194,255,.12);
|
||||
--card-inner:rgba(16,20,36,.9);
|
||||
--input-bg:rgba(12,14,26,.95);
|
||||
--input-border:rgba(76,194,255,.18);
|
||||
--nav-bg:rgba(14,16,28,.9);
|
||||
--nav-border:rgba(76,194,255,.15);
|
||||
--nav-hover:rgba(30,40,68,.85);
|
||||
--nav-hover-glow:rgba(76,194,255,.15);
|
||||
--nav-active:#2563eb;
|
||||
--nav-active-border:transparent;
|
||||
--nav-active-glow:rgba(76,194,255,.45);
|
||||
--focus-ring:rgba(76,194,255,.25);
|
||||
--focus-glow:rgba(76,194,255,.2);
|
||||
--btn-glow:rgba(76,194,255,.35);
|
||||
--btn-glow-strong:rgba(123,66,255,.4);
|
||||
--row-hover:rgba(76,194,255,.06);
|
||||
--list-item-bg:rgba(14,18,32,.8);
|
||||
--table-border:rgba(76,194,255,.1);
|
||||
--profit:#4cd97f;
|
||||
--profit-bg:rgba(76,217,127,.12);
|
||||
--loss:#ff6b7a;
|
||||
--loss-bg:rgba(255,107,122,.12);
|
||||
--dir-bg:rgba(30,45,80,.6);
|
||||
--planned-bg:rgba(234,193,71,.12);
|
||||
--planned-text:#eac147;
|
||||
--expired-bg:rgba(40,44,60,.8);
|
||||
--expired-text:#8a8a9e;
|
||||
--flash-bg:rgba(30,45,80,.7);
|
||||
--flash-text:#4cc2ff;
|
||||
--modal-mask:rgba(2,4,12,.82);
|
||||
--danger:#ff6b7a;
|
||||
--shadow-card:0 8px 32px rgba(0,0,0,.45),0 0 1px rgba(76,194,255,.3),inset 0 1px 0 rgba(255,255,255,.04);
|
||||
--shadow-card-hover:0 16px 48px rgba(0,0,0,.5),0 0 24px var(--card-glow);
|
||||
--calc-bg:rgba(20,24,42,.9);
|
||||
--toggle-bg:rgba(14,16,28,.9);
|
||||
--toggle-border:rgba(76,194,255,.2);
|
||||
}
|
||||
[data-theme="light"]{
|
||||
--bg-page:#e8eef8;
|
||||
--bg-grid:rgba(37,99,235,.07);
|
||||
--border-header:rgba(37,99,235,.12);
|
||||
--header-bg:transparent;
|
||||
--text-primary:#1a2233;
|
||||
--text-title:#0a1628;
|
||||
--text-muted:#5c6578;
|
||||
--text-label:#1d4ed8;
|
||||
--accent:#2563eb;
|
||||
--accent-2:#7c3aed;
|
||||
--ambient-glow:rgba(37,99,235,.12);
|
||||
--ambient-glow-2:rgba(124,58,237,.08);
|
||||
--scanline:rgba(37,99,235,.04);
|
||||
--title-glow:rgba(37,99,235,.2);
|
||||
--card-bg:rgba(255,255,255,.92);
|
||||
--card-border:rgba(37,99,235,.2);
|
||||
--card-border-hover:rgba(37,99,235,.4);
|
||||
--card-glow:rgba(37,99,235,.1);
|
||||
--card-inner:#f4f7fc;
|
||||
--input-bg:#ffffff;
|
||||
--input-border:#b8c5d6;
|
||||
--nav-bg:rgba(255,255,255,.95);
|
||||
--nav-border:rgba(37,99,235,.18);
|
||||
--nav-hover:#eef4ff;
|
||||
--nav-hover-glow:rgba(37,99,235,.12);
|
||||
--nav-active:#2563eb;
|
||||
--nav-active-border:transparent;
|
||||
--nav-active-glow:rgba(37,99,235,.35);
|
||||
--focus-ring:rgba(37,99,235,.2);
|
||||
--focus-glow:rgba(37,99,235,.15);
|
||||
--btn-glow:rgba(37,99,235,.25);
|
||||
--btn-glow-strong:rgba(37,99,235,.35);
|
||||
--row-hover:rgba(37,99,235,.05);
|
||||
--list-item-bg:#f1f5f9;
|
||||
--table-border:#e2e8f0;
|
||||
--profit:#15803d;
|
||||
--profit-bg:#dcfce7;
|
||||
--loss:#dc2626;
|
||||
--loss-bg:#fee2e2;
|
||||
--dir-bg:#dbeafe;
|
||||
--planned-bg:#fef9c3;
|
||||
--planned-text:#a16207;
|
||||
--expired-bg:#f1f5f9;
|
||||
--expired-text:#64748b;
|
||||
--flash-bg:#dbeafe;
|
||||
--flash-text:#1d4ed8;
|
||||
--modal-mask:rgba(15,23,42,.45);
|
||||
--danger:#dc2626;
|
||||
--shadow-card:0 8px 28px rgba(15,23,42,.08),0 0 1px rgba(37,99,235,.15),inset 0 1px 0 rgba(255,255,255,.95);
|
||||
--shadow-card-hover:0 16px 40px rgba(15,23,42,.12),0 0 20px var(--card-glow);
|
||||
--calc-bg:#eef2ff;
|
||||
--toggle-bg:#ffffff;
|
||||
--toggle-border:#c5d0dc;
|
||||
}
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
|
||||
background:var(--bg-page);
|
||||
color:var(--text-primary);
|
||||
min-height:100vh;
|
||||
}
|
||||
.page-wrap{max-width:1800px;margin:0 auto;min-height:100vh}
|
||||
.site-header{text-align:center;padding:1.5rem 1rem 1.25rem;border-bottom:1px solid var(--border-header);position:relative}
|
||||
.site-title{font-size:1.75rem;font-weight:700;color:var(--text-title);margin-bottom:1.65rem;line-height:1.3}
|
||||
.header-tools{position:absolute;top:1rem;left:1.5rem;display:flex;gap:.5rem;align-items:center;z-index:20}
|
||||
.theme-switch{
|
||||
display:inline-flex;align-items:center;
|
||||
border-radius:999px;border:1px solid var(--toggle-border);
|
||||
background:var(--toggle-bg);padding:3px;gap:2px;
|
||||
}
|
||||
.theme-switch-btn{
|
||||
padding:.38rem .75rem;border:none;border-radius:999px;
|
||||
background:transparent;color:var(--text-muted);
|
||||
font-size:.75rem;cursor:pointer;transition:.2s;
|
||||
white-space:nowrap;width:auto;flex-shrink:0;
|
||||
}
|
||||
.theme-switch-btn:hover{color:var(--text-primary)}
|
||||
.theme-switch-btn.active{
|
||||
background:linear-gradient(135deg,var(--accent),var(--accent-2));
|
||||
color:#fff;box-shadow:0 0 12px var(--btn-glow);
|
||||
}
|
||||
.site-nav{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap}
|
||||
.site-nav a{
|
||||
padding:.55rem 1.15rem;border-radius:8px;
|
||||
border:1px solid transparent;
|
||||
background:transparent;
|
||||
color:var(--text-primary);
|
||||
text-decoration:none;font-size:.88rem;
|
||||
transition:.2s;white-space:nowrap;
|
||||
}
|
||||
.site-nav a:hover{background:var(--nav-hover);border-color:var(--nav-border);color:var(--text-title)}
|
||||
.site-nav a.active{background:var(--nav-active);border-color:var(--nav-active-border);color:#fff}
|
||||
.user-bar{position:absolute;top:1rem;right:1.5rem;font-size:.8rem;color:var(--text-muted);white-space:nowrap}
|
||||
.user-bar a{color:var(--danger);text-decoration:none;margin-left:.5rem}
|
||||
.main{padding:1.5rem}
|
||||
.text-muted{color:var(--text-muted)}
|
||||
.text-label{color:var(--text-label)}
|
||||
.text-accent{color:var(--accent)}
|
||||
.text-profit{color:var(--profit)}
|
||||
.text-loss{color:var(--loss)}
|
||||
.section-label{font-size:.9rem;color:var(--text-label);margin:.75rem 0 .5rem}
|
||||
.empty-hint{color:var(--text-muted);padding:.75rem;font-size:.85rem}
|
||||
.flash{padding:1rem;background:var(--flash-bg);color:var(--flash-text);border-radius:10px;margin-bottom:1.5rem;text-align:center;border:1px solid var(--card-border)}
|
||||
.card{
|
||||
background:var(--card-bg);
|
||||
border-radius:16px;padding:1.5rem;
|
||||
border:1px solid var(--card-border);
|
||||
margin-bottom:1.5rem;
|
||||
position:relative;overflow:hidden;
|
||||
box-shadow:var(--shadow-card);
|
||||
backdrop-filter:blur(10px);
|
||||
transition:background .25s,border-color .25s,box-shadow .25s;
|
||||
}
|
||||
.card::before{
|
||||
content:"";position:absolute;inset:0;
|
||||
background:linear-gradient(135deg,var(--card-glow) 0%,transparent 55%);
|
||||
pointer-events:none;
|
||||
}
|
||||
.card::after{
|
||||
content:"";position:absolute;top:0;left:12%;right:12%;height:1px;
|
||||
background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);
|
||||
opacity:.55;pointer-events:none;
|
||||
}
|
||||
.card > *{position:relative;z-index:1}
|
||||
.card h2{
|
||||
font-size:1.15rem;margin-bottom:1rem;color:var(--text-label);
|
||||
display:flex;align-items:center;gap:.5rem;
|
||||
}
|
||||
.card h2:before{
|
||||
content:"";width:4px;height:16px;
|
||||
background:linear-gradient(180deg,var(--accent),var(--accent-2));
|
||||
border-radius:2px;box-shadow:0 0 8px var(--card-glow);
|
||||
}
|
||||
.form-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}
|
||||
.form-compact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}
|
||||
.form-compact .form-line{display:grid;gap:.5rem;align-items:center}
|
||||
.form-compact .line-2{grid-template-columns:repeat(2,1fr)}
|
||||
.form-compact .line-3{grid-template-columns:repeat(3,1fr)}
|
||||
.form-compact .line-4{grid-template-columns:repeat(4,1fr)}
|
||||
.form-compact .line-5{grid-template-columns:repeat(5,1fr)}
|
||||
.form-compact.line-tight{gap:.35rem;margin-bottom:.5rem}
|
||||
.form-compact .line-btn{display:flex;gap:.5rem;align-items:center}
|
||||
.form-compact input,.form-compact select{padding:.55rem .7rem;font-size:.85rem;border-radius:8px}
|
||||
.form-compact .symbol-wrap{display:flex;flex-direction:column;align-self:stretch}
|
||||
.form-compact .symbol-wrap>label.text-label,.form-compact .symbol-wrap>label.symbol-field-label{margin-bottom:.28rem}
|
||||
.form-compact .symbol-selected{font-size:.68rem;margin:0}
|
||||
.module-rules{margin-bottom:.75rem;font-size:.82rem;color:var(--text-muted)}
|
||||
.module-rules summary{cursor:pointer;color:var(--accent);font-weight:600;margin-bottom:0;list-style:none}
|
||||
.module-rules summary::-webkit-details-marker{display:none}
|
||||
.module-rules[open] summary{margin-bottom:.35rem}
|
||||
.module-rules-body{padding:.35rem 0 .15rem}
|
||||
.module-rules-body ul{margin:.25rem 0 .5rem 1.1rem;padding:0}
|
||||
.module-rules-body li{margin:.15rem 0}
|
||||
.module-rules-body p{margin:.35rem 0 .25rem}
|
||||
.form-compact button.btn-primary{padding:.55rem 1.5rem;font-size:.85rem;white-space:nowrap}
|
||||
.form-compact-review input.calc-readonly{color:var(--accent);background:var(--calc-bg);font-size:.82rem}
|
||||
.form-compact-review textarea{min-height:44px;font-size:.85rem;padding:.45rem .65rem}
|
||||
.form-compact-review .section-hint{font-size:.72rem;color:var(--text-muted);margin:.25rem 0 .15rem}
|
||||
.form-compact-review .tag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.15rem .5rem;font-size:.75rem}
|
||||
.form-compact-review .tag-grid label{display:flex;align-items:center;gap:.3rem;cursor:pointer;color:var(--text-muted);white-space:nowrap}
|
||||
.form-compact-review .tag-grid input{width:auto;flex-shrink:0}
|
||||
.form-compact-review input[type="file"]{font-size:.72rem;padding:.4rem .5rem}
|
||||
.form-compact-review .mini-field span{font-size:.65rem;color:var(--text-muted);display:block;line-height:1;margin-bottom:2px}
|
||||
.form-compact-review .kline-row label{display:flex;align-items:center;gap:.35rem;color:var(--text-muted);white-space:nowrap}
|
||||
.form-compact-review .kline-row{display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;gap:.5rem;align-items:end;font-size:.78rem}
|
||||
.split-grid.records-split .card{min-height:auto}
|
||||
.split-grid.records-split .card h2{font-size:1rem;margin-bottom:.5rem}
|
||||
.split-grid.records-split .card{padding:1rem 1.25rem}
|
||||
.page-title-sm{font-size:1.25rem;margin-bottom:.75rem}
|
||||
.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}
|
||||
.form-grid .full{grid-column:1/-1}
|
||||
.field label{display:block;font-size:.8rem;color:var(--text-label);margin-bottom:.35rem}
|
||||
input,select,textarea,button{
|
||||
padding:.7rem 1rem;border-radius:10px;
|
||||
border:1px solid var(--input-border);
|
||||
background:var(--input-bg);color:var(--text-primary);
|
||||
font-size:.9rem;outline:none;width:100%;
|
||||
transition:border-color .2s,background .2s;
|
||||
}
|
||||
textarea{min-height:80px;resize:vertical}
|
||||
input:focus,select:focus,textarea:focus{border-color:var(--accent)}
|
||||
button.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;cursor:pointer;color:#fff;width:auto}
|
||||
button.btn-primary:hover{opacity:.9}
|
||||
.list{display:flex;flex-direction:column;gap:.75rem}
|
||||
.list-item{
|
||||
display:flex;justify-content:space-between;align-items:center;
|
||||
padding:1rem;background:var(--list-item-bg);
|
||||
border-radius:10px;gap:1rem;flex-wrap:wrap;
|
||||
border:1px solid var(--card-border);
|
||||
}
|
||||
.btn-del{padding:.4rem .8rem;background:var(--loss-bg);color:var(--loss);border-radius:8px;text-decoration:none;font-size:.85rem}
|
||||
table{width:100%;border-collapse:collapse}
|
||||
th,td{padding:.85rem;text-align:left;border-bottom:1px solid var(--table-border);font-size:.9rem;color:var(--text-primary)}
|
||||
th{color:var(--text-label);white-space:nowrap}
|
||||
.badge{padding:.25rem .5rem;border-radius:6px;font-size:.75rem}
|
||||
.badge.profit{background:var(--profit-bg);color:var(--profit)}
|
||||
.badge.loss{background:var(--loss-bg);color:var(--loss)}
|
||||
.badge.dir{background:var(--dir-bg);color:var(--accent)}
|
||||
.badge.planned{background:var(--planned-bg);color:var(--planned-text)}
|
||||
.badge.active{background:var(--profit-bg);color:var(--profit)}
|
||||
.badge.expired{background:var(--expired-bg);color:var(--expired-text)}
|
||||
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}
|
||||
.stat-item{
|
||||
background:var(--card-inner);padding:1rem;border-radius:12px;text-align:center;
|
||||
border:1px solid var(--card-border);position:relative;overflow:hidden;
|
||||
}
|
||||
.stat-item::before{
|
||||
content:"";position:absolute;top:0;left:0;right:0;height:2px;
|
||||
background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.5;
|
||||
}
|
||||
.stat-item .label{font-size:.8rem;color:var(--text-muted)}
|
||||
.stat-item .value{font-size:1.4rem;font-weight:600;color:var(--text-title);margin-top:.25rem}
|
||||
.symbol-wrap{position:relative;z-index:1}
|
||||
.symbol-wrap:has(.symbol-dropdown.show){z-index:50}
|
||||
.symbol-dropdown{
|
||||
position:absolute;top:100%;left:0;right:0;
|
||||
background:var(--input-bg);border:1px solid var(--input-border);
|
||||
border-radius:10px;margin-top:4px;z-index:200;
|
||||
max-height:240px;overflow-y:auto;display:none;
|
||||
box-shadow:var(--shadow-card-hover);
|
||||
}
|
||||
.card:has(.symbol-dropdown.show){overflow:visible}
|
||||
.symbol-dropdown.show{display:block}
|
||||
.symbol-option{padding:.65rem 1rem;cursor:pointer;font-size:.85rem;border-bottom:1px solid var(--table-border)}
|
||||
.symbol-option:hover{background:var(--list-item-bg)}
|
||||
.symbol-option .sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}
|
||||
.symbol-option.near-expiry{color:#ff6b7a}
|
||||
html[data-theme="light"] .symbol-option.near-expiry{color:#dc2626}
|
||||
.symbol-option.near-expiry .sub{color:inherit;opacity:.85}
|
||||
.near-expiry-tag{
|
||||
font-size:.68rem;padding:.1rem .35rem;border-radius:4px;
|
||||
background:rgba(255,107,122,.15);color:inherit;font-weight:600;
|
||||
}
|
||||
html[data-theme="light"] .near-expiry-tag{background:rgba(220,38,38,.12)}
|
||||
.night-session-tag{
|
||||
display:inline-block;margin-left:4px;padding:0 5px;border-radius:4px;font-size:.7rem;font-weight:600;
|
||||
color:#7dd3fc;background:rgba(56,189,248,.15);vertical-align:middle;line-height:1.3
|
||||
}
|
||||
html[data-theme="light"] .night-session-tag{color:#0369a1;background:rgba(14,165,233,.12)}
|
||||
.symbol-group-head{
|
||||
padding:.4rem .85rem;font-size:.72rem;font-weight:600;
|
||||
color:var(--text-muted);background:var(--card-inner);
|
||||
border-bottom:1px solid var(--table-border);position:sticky;top:0;
|
||||
}
|
||||
.symbol-wrap{display:flex;flex-direction:column;align-self:stretch}
|
||||
.symbol-wrap>label.text-label,.symbol-wrap>label.symbol-field-label{
|
||||
display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem;
|
||||
font-size:.72rem;color:var(--text-label);margin-bottom:.28rem;line-height:1.35
|
||||
}
|
||||
.symbol-wrap.trade-field>label.text-label,.symbol-wrap.key-field>label.text-label{margin-bottom:.28rem}
|
||||
.symbol-selected,.symbol-wrap label .symbol-selected{
|
||||
font-size:.68rem;color:var(--accent);font-weight:400;margin:0;line-height:1.35
|
||||
}
|
||||
.check-row{display:flex;flex-wrap:wrap;gap:1rem;margin:.75rem 0}
|
||||
.check-row label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);cursor:pointer}
|
||||
.check-row input{width:auto}
|
||||
.hint{font-size:.78rem;color:var(--text-muted);line-height:1.5;margin-top:.5rem}
|
||||
.filter-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}
|
||||
.filter-row .field{width:auto;min-width:140px}
|
||||
.filter-row button{width:auto}
|
||||
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch;margin-bottom:1.5rem}
|
||||
.split-grid .card{margin-bottom:0;height:100%;min-height:480px;display:flex;flex-direction:column}
|
||||
.split-grid .card-body{flex:1;overflow:auto}
|
||||
.card-scroll{max-height:420px;overflow-y:auto}
|
||||
.preset-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
|
||||
.preset-tabs a{
|
||||
padding:.45rem .85rem;border-radius:8px;
|
||||
border:1px solid var(--input-border);
|
||||
color:var(--text-muted);text-decoration:none;font-size:.85rem;
|
||||
}
|
||||
.preset-tabs a.active,.preset-tabs a:hover{background:var(--dir-bg);color:var(--accent);border-color:var(--accent)}
|
||||
.btn-link{color:var(--accent);cursor:pointer;font-size:.85rem;background:none;border:none;padding:0}
|
||||
.btn-link:hover{text-decoration:underline}
|
||||
.modal-mask{position:fixed;inset:0;background:var(--modal-mask);z-index:1000;display:none;align-items:center;justify-content:center;padding:1rem}
|
||||
.modal-mask.show{display:flex}
|
||||
.modal-box{
|
||||
background:var(--card-bg);border:1px solid var(--card-border);
|
||||
border-radius:16px;max-width:900px;width:100%;
|
||||
max-height:90vh;overflow:auto;padding:1.5rem;
|
||||
box-shadow:var(--shadow-card);
|
||||
}
|
||||
.modal-box h3{margin-bottom:1rem;color:var(--text-label)}
|
||||
.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;font-size:.9rem}
|
||||
.modal-grid .item label{color:var(--text-muted);font-size:.75rem;display:block}
|
||||
.modal-grid .item div{margin-top:.2rem;color:var(--text-primary)}
|
||||
.form-compact .line-plan-1{grid-template-columns:minmax(0,1fr) minmax(72px,0.45fr) minmax(0,1.6fr)}
|
||||
.form-compact .line-plan-2{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center}
|
||||
.form-compact .field-short select{padding:.55rem .5rem}
|
||||
.badge.emotion{background:var(--loss-bg);color:var(--loss);font-weight:600;border:1px solid var(--loss)}
|
||||
tr.row-emotion td{color:var(--loss)}
|
||||
tr.row-emotion td .badge.emotion{background:var(--loss);color:#fff;border-color:var(--loss)}
|
||||
.modal-box.review-modal-wide{max-width:960px}
|
||||
.modal-box.review-modal-fullscreen{
|
||||
width:calc(100vw - 1.5rem);max-width:none;
|
||||
height:calc(100vh - 1.5rem);max-height:none;
|
||||
border-radius:12px;display:flex;flex-direction:column;
|
||||
}
|
||||
.modal-box.review-modal-fullscreen h3{flex-shrink:0}
|
||||
#review-modal-body.review-modal-body{flex:1;overflow:auto;min-height:0}
|
||||
.review-detail-table{margin-bottom:1rem;overflow-x:auto}
|
||||
.review-detail-headers,.review-detail-values{
|
||||
display:grid;
|
||||
grid-template-columns:repeat(16,minmax(52px,1fr));
|
||||
gap:.35rem .4rem;align-items:start;
|
||||
}
|
||||
.review-detail-headers span{
|
||||
font-size:.68rem;color:var(--text-muted);
|
||||
white-space:nowrap;line-height:1.3;
|
||||
}
|
||||
.review-detail-values span{
|
||||
font-size:.82rem;color:var(--text-primary);
|
||||
line-height:1.35;word-break:break-all;
|
||||
}
|
||||
.review-detail-values span.emotion-val{color:var(--loss);font-weight:600}
|
||||
.review-detail-fields{padding:.25rem 0}
|
||||
.review-detail-section{margin-bottom:.85rem}
|
||||
.review-detail-section h4{font-size:.78rem;color:var(--text-label);margin-bottom:.45rem;font-weight:600}
|
||||
.review-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem .65rem}
|
||||
.review-detail-item label{display:block;font-size:.7rem;color:var(--text-muted);margin-bottom:.15rem}
|
||||
.review-detail-item div{font-size:.85rem;color:var(--text-primary);line-height:1.35}
|
||||
.review-detail-item.wide{grid-column:span 2}
|
||||
.review-detail-item.full{grid-column:1/-1}
|
||||
.review-detail-item.emotion div{color:var(--loss);font-weight:600}
|
||||
.review-detail-image{flex-shrink:0;padding-top:.75rem;border-top:1px solid var(--table-border)}
|
||||
.review-detail-image img{width:100%;border-radius:10px;border:1px solid var(--card-border)}
|
||||
.review-detail-image .no-img{color:var(--text-muted);font-size:.85rem;padding:2rem;text-align:center;background:var(--card-inner);border-radius:10px}
|
||||
.key-live{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex:1;min-width:160px}
|
||||
.key-live .live-price-line{font-size:.85rem;font-weight:600;color:var(--accent);white-space:nowrap}
|
||||
.key-live .live-dist{font-size:.72rem;color:var(--text-muted);white-space:nowrap}
|
||||
.key-live .live-dist span{color:var(--text-primary)}
|
||||
.list-item.key-item{gap:.65rem}
|
||||
.pos-card{background:var(--card-inner);border:1px solid var(--card-border);border-radius:12px;padding:1rem;margin-bottom:.75rem}
|
||||
.pos-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.65rem}
|
||||
.pos-card-head .title{font-size:1rem;font-weight:600;color:var(--text-title)}
|
||||
.pos-card-meta{font-size:.75rem;color:var(--text-muted);margin-bottom:.65rem}
|
||||
.pos-card-meta strong{color:var(--text-primary)}
|
||||
.pos-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem .65rem;margin-bottom:.65rem}
|
||||
.pos-metrics .cell label{display:block;font-size:.68rem;color:var(--text-muted);margin-bottom:.15rem}
|
||||
.pos-metrics .cell div{font-size:.88rem;color:var(--text-primary)}
|
||||
.pos-metrics .cell.pnl-pos div{color:var(--profit)}
|
||||
.pos-metrics .cell.pnl-neg div{color:var(--loss)}
|
||||
.pos-footer{font-size:.72rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.35rem 1rem;padding-top:.65rem;border-top:1px solid var(--table-border)}
|
||||
.pos-footer span{color:var(--text-primary)}
|
||||
.pos-del{font-size:.75rem;padding:.35rem .65rem}
|
||||
.trade-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
|
||||
.trade-switch-label{
|
||||
display:flex;align-items:center;gap:.4rem;
|
||||
font-size:.78rem;color:var(--text-muted);
|
||||
white-space:normal;margin-bottom:.65rem;cursor:pointer;
|
||||
line-height:1.45;max-width:100%;
|
||||
}
|
||||
.trade-switch-label span{line-height:1.45;color:var(--text-muted)}
|
||||
.trade-switch-label input{flex-shrink:0;width:auto}
|
||||
.trade-table-wrap{
|
||||
overflow:auto;
|
||||
max-height:420px;
|
||||
width:100%;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
border-radius:10px;
|
||||
border:1px solid var(--table-border);
|
||||
background:var(--card-inner);
|
||||
}
|
||||
.trade-table{font-size:.8rem;width:max-content;min-width:100%;table-layout:auto}
|
||||
.trade-table th{font-size:.75rem;padding:.55rem .45rem;white-space:nowrap;background:var(--card-inner)}
|
||||
.trade-table td{padding:.45rem .4rem;vertical-align:middle;white-space:nowrap;background:var(--card-inner)}
|
||||
.trade-table th:last-child,
|
||||
.trade-table td:last-child{
|
||||
position:sticky;right:0;z-index:3;
|
||||
box-shadow:-6px 0 10px rgba(0,0,0,.08);
|
||||
}
|
||||
.trade-table thead th:last-child{z-index:4}
|
||||
.trade-table input,.trade-table select{
|
||||
padding:.35rem .45rem;font-size:.78rem;border-radius:6px;width:100%;min-width:0;
|
||||
}
|
||||
.trade-table .cell-readonly{color:var(--text-primary)}
|
||||
.records-equity-card .card-body{padding-top:0;background:transparent}
|
||||
.records-equity-card #equity-curve-chart{background:transparent;border-radius:0}
|
||||
.records-trade-card{overflow:visible}
|
||||
.records-trade-card .card-body{overflow:visible;background:transparent}
|
||||
.records-trade-card .trade-table-wrap{
|
||||
--rec-row-h:2.35rem;
|
||||
--rec-head-h:2.1rem;
|
||||
overflow:auto;
|
||||
height:calc(var(--rec-row-h) * 10 + var(--rec-head-h));
|
||||
max-height:calc(var(--rec-row-h) * 10 + var(--rec-head-h));
|
||||
width:100%;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
border:none;
|
||||
border-radius:0;
|
||||
background:transparent;
|
||||
}
|
||||
.records-trade-card .trade-table th,
|
||||
.records-trade-card .trade-table td{
|
||||
background:transparent;
|
||||
}
|
||||
.records-trade-card .trade-table thead th{
|
||||
position:sticky;
|
||||
top:0;
|
||||
z-index:2;
|
||||
background:transparent;
|
||||
backdrop-filter:blur(12px);
|
||||
-webkit-backdrop-filter:blur(12px);
|
||||
box-shadow:0 1px 0 var(--table-border);
|
||||
}
|
||||
.records-trade-card .trade-table th:last-child,
|
||||
.records-trade-card .trade-table td:last-child{
|
||||
box-shadow:none;
|
||||
background:transparent;
|
||||
}
|
||||
.records-trade-card .trade-table thead th:last-child{
|
||||
z-index:5;
|
||||
}
|
||||
.trade-actions{display:flex;gap:.35rem;flex-wrap:nowrap;align-items:center;min-width:230px;white-space:nowrap}
|
||||
.trade-actions a,.trade-actions button{flex-shrink:0;white-space:nowrap;font-size:.72rem;padding:.3rem .55rem;border-radius:6px;text-decoration:none;border:none;cursor:pointer;width:auto;min-width:0}
|
||||
.btn-fill{background:var(--dir-bg);color:var(--accent)}
|
||||
.btn-verify{background:var(--nav-active);color:#fff}
|
||||
.btn-verify:disabled{opacity:.45;cursor:not-allowed}
|
||||
.badge.result-manual{background:var(--dir-bg);color:var(--accent)}
|
||||
.badge.result-external{background:var(--expired-bg);color:var(--expired-text)}
|
||||
.profile-page .profile-head{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:1rem 0 .75rem;font-size:.9rem}
|
||||
.profile-page .profile-source{font-size:.72rem;color:var(--text-muted)}
|
||||
.profile-spec{max-width:820px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-inner);padding:.25rem .85rem}
|
||||
.profile-row{display:grid;grid-template-columns:minmax(120px,28%) 1fr;gap:.5rem 1rem;padding:.6rem 0;border-bottom:1px solid var(--table-border);align-items:start}
|
||||
.profile-row:last-child{border-bottom:none}
|
||||
.profile-label{color:var(--text-muted);font-size:.84rem;line-height:1.4}
|
||||
.profile-value{color:var(--text-primary);font-size:.86rem;line-height:1.5;word-break:break-word}
|
||||
.profile-hint{color:var(--planned-text);font-size:.74rem;margin-top:.25rem;line-height:1.35}
|
||||
.calc-readonly{background:var(--calc-bg);color:var(--accent)}
|
||||
@media(max-width:1100px){
|
||||
.split-grid{grid-template-columns:1fr}
|
||||
.split-grid .card{min-height:auto}
|
||||
}
|
||||
@@ -0,0 +1,471 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved. 详见 LICENSE.zh-CN.txt */
|
||||
|
||||
.dashboard-page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.dashboard-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.dashboard-top-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.45rem;
|
||||
}
|
||||
|
||||
.dash-updated {
|
||||
font-size: 0.78rem;
|
||||
}
|
||||
|
||||
.dashboard-account-card {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.dashboard-account-grid {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.dashboard-account-grid .stat-item {
|
||||
min-width: 6.5rem;
|
||||
}
|
||||
|
||||
.dashboard-account-grid .stat-item .value {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.dashboard-section h2 {
|
||||
margin-bottom: 0.65rem;
|
||||
}
|
||||
|
||||
.dashboard-risk-card h2 {
|
||||
margin-bottom: 0.45rem;
|
||||
}
|
||||
|
||||
.dashboard-risk-reason {
|
||||
margin: 0 0 0.65rem;
|
||||
font-size: 0.82rem;
|
||||
line-height: 1.5;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.dashboard-risk-reason.is-blocked {
|
||||
color: var(--loss);
|
||||
}
|
||||
|
||||
.dashboard-risk-reason.is-ok {
|
||||
color: var(--profit);
|
||||
}
|
||||
|
||||
.dashboard-risk-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: stretch;
|
||||
gap: 0;
|
||||
margin-bottom: 0;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.dashboard-risk-heading {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.35rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dash-risk-doc-ref {
|
||||
font-size: 0.72rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.dash-risk-doc-link {
|
||||
font-size: 0.74rem;
|
||||
font-weight: 500;
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
margin-left: 0.15rem;
|
||||
}
|
||||
|
||||
.dash-risk-doc-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.dash-risk-doc-ref code {
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
|
||||
.dashboard-risk-item {
|
||||
flex: 1 1 0;
|
||||
min-width: 6.4rem;
|
||||
padding: 0.5rem 0.6rem;
|
||||
text-align: center;
|
||||
border-right: 1px solid var(--table-border);
|
||||
}
|
||||
|
||||
.dashboard-risk-item:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.dashboard-risk-label {
|
||||
font-size: 0.74rem;
|
||||
line-height: 1.35;
|
||||
color: var(--text-muted);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dashboard-risk-value {
|
||||
font-size: 0.92rem;
|
||||
font-weight: 600;
|
||||
color: var(--text-title);
|
||||
margin-top: 0.22rem;
|
||||
font-variant-numeric: tabular-nums;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dashboard-risk-value.risk-switch-on {
|
||||
color: var(--profit);
|
||||
}
|
||||
|
||||
.dashboard-risk-value.risk-switch-off {
|
||||
color: var(--loss);
|
||||
}
|
||||
|
||||
.dashboard-risk-value.risk-cap-single {
|
||||
color: #5eb8ff;
|
||||
}
|
||||
|
||||
[data-theme="light"] .dashboard-risk-value.risk-cap-single {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.dashboard-risk-value.risk-cap-roll {
|
||||
color: #c4a035;
|
||||
}
|
||||
|
||||
[data-theme="light"] .dashboard-risk-value.risk-cap-roll {
|
||||
color: #b45309;
|
||||
}
|
||||
|
||||
.dashboard-risk-value .risk-margin-safe {
|
||||
color: var(--profit);
|
||||
}
|
||||
|
||||
.dashboard-risk-value .risk-margin-warn {
|
||||
color: var(--planned-text);
|
||||
}
|
||||
|
||||
.dashboard-risk-value .risk-margin-over {
|
||||
color: var(--loss);
|
||||
}
|
||||
|
||||
.dashboard-risk-value .risk-margin-sep {
|
||||
color: var(--text-muted);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.dashboard-risk-value .risk-margin-cap-inline {
|
||||
color: #c4a035;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
[data-theme="light"] .dashboard-risk-value .risk-margin-cap-inline {
|
||||
color: #b45309;
|
||||
}
|
||||
|
||||
.dashboard-risk-grid .stat-item {
|
||||
min-width: 5.5rem;
|
||||
}
|
||||
|
||||
.dashboard-risk-grid .stat-item .value {
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
|
||||
.dash-symbol-cell {
|
||||
min-width: 7.5rem;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.dash-symbol-title {
|
||||
font-weight: 600;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.dash-symbol-ex {
|
||||
font-weight: 400;
|
||||
font-size: 0.78rem;
|
||||
}
|
||||
|
||||
.dash-main-badge {
|
||||
font-size: 0.68rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.dashboard-table .badge.dir-long,
|
||||
.dashboard-table .badge.dir-short {
|
||||
font-size: 0.72rem;
|
||||
}
|
||||
|
||||
.dashboard-table .badge.dir-long {
|
||||
background: var(--profit-bg);
|
||||
color: var(--profit);
|
||||
}
|
||||
|
||||
.dashboard-table .badge.dir-short {
|
||||
background: var(--loss-bg);
|
||||
color: var(--loss);
|
||||
}
|
||||
|
||||
.dashboard-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
|
||||
.dashboard-table th,
|
||||
.dashboard-table td {
|
||||
padding: 0.45rem 0.55rem;
|
||||
border-bottom: 1px solid var(--table-border);
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.dashboard-table tbody tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.dashboard-table .pnl-pos {
|
||||
color: var(--profit);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dashboard-table .pnl-neg {
|
||||
color: var(--loss);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.dashboard-table {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.dashboard-table th,
|
||||
.dashboard-table td {
|
||||
padding: 0.35rem 0.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---- 风控折叠 / 平板两行 ---- */
|
||||
.dash-section-toggle {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.dash-section-toggle-label {
|
||||
margin-right: 0.15rem;
|
||||
}
|
||||
|
||||
.dash-toggle-icon {
|
||||
margin-left: auto;
|
||||
font-size: 0.68rem;
|
||||
color: var(--text-muted);
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
||||
.dashboard-risk-card.is-expanded .dash-toggle-icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
html:is([data-layout="phone"], [data-layout="tablet"], .layout-phone, .layout-tablet)
|
||||
.dashboard-risk-card:not(.is-expanded) .dash-risk-body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"] .dashboard-risk-grid,
|
||||
html.layout-tablet .dashboard-risk-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, minmax(0, 1fr));
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"] .dashboard-risk-item,
|
||||
html.layout-tablet .dashboard-risk-item {
|
||||
flex: none;
|
||||
min-width: 0;
|
||||
border-right: 1px solid var(--table-border);
|
||||
border-bottom: 1px solid var(--table-border);
|
||||
}
|
||||
|
||||
html[data-layout="tablet"] .dashboard-risk-item:nth-child(7n),
|
||||
html.layout-tablet .dashboard-risk-item:nth-child(7n) {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"] .dashboard-risk-item:nth-last-child(-n+6),
|
||||
html.layout-tablet .dashboard-risk-item:nth-last-child(-n+6) {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
html:is([data-layout="phone"], .layout-phone) .dashboard-risk-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
||||
html:is([data-layout="phone"], .layout-phone) .dashboard-risk-item {
|
||||
flex: none;
|
||||
min-width: 0;
|
||||
border-right: 1px solid var(--table-border);
|
||||
border-bottom: 1px solid var(--table-border);
|
||||
}
|
||||
|
||||
html:is([data-layout="phone"], .layout-phone) .dashboard-risk-item:nth-child(2n) {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
html:is([data-layout="phone"], .layout-phone) .dashboard-risk-item:nth-last-child(-n+1) {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* ---- 持仓 / 关键位：桌面平板最多 3 行后滚动 ---- */
|
||||
html:not([data-layout="phone"]):not(.layout-phone) .dash-pos-table-wrap,
|
||||
html:not([data-layout="phone"]):not(.layout-phone) .dash-keys-table-wrap {
|
||||
max-height: 12rem;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
html:not([data-layout="phone"]):not(.layout-phone) .dash-pos-table-wrap thead th,
|
||||
html:not([data-layout="phone"]):not(.layout-phone) .dash-keys-table-wrap thead th {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
background: var(--card-inner);
|
||||
}
|
||||
|
||||
/* ---- 手机简要列表 ---- */
|
||||
.dash-mobile-list {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html:is([data-layout="phone"], .layout-phone) .dash-mobile-list {
|
||||
display: block;
|
||||
}
|
||||
|
||||
html:is([data-layout="phone"], .layout-phone) .dash-pos-table-wrap,
|
||||
html:is([data-layout="phone"], .layout-phone) .dash-keys-table-wrap,
|
||||
html:is([data-layout="phone"], .layout-phone) .dash-closes-table-wrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dash-mobile-item {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
border: 1px solid var(--table-border);
|
||||
border-radius: 10px;
|
||||
background: var(--card-inner);
|
||||
padding: 0.65rem 0.75rem;
|
||||
margin-bottom: 0.5rem;
|
||||
cursor: pointer;
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
transition: border-color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.dash-mobile-item:hover,
|
||||
.dash-mobile-item:focus-visible {
|
||||
border-color: var(--accent);
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 1px rgba(76, 194, 255, 0.15);
|
||||
}
|
||||
|
||||
.dash-mobile-item-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 0.45rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
.dash-mobile-item-title {
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.dash-mobile-item-meta {
|
||||
font-size: 0.74rem;
|
||||
color: var(--text-muted);
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.dash-mobile-item-foot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 0.5rem;
|
||||
margin-top: 0.35rem;
|
||||
font-size: 0.78rem;
|
||||
}
|
||||
|
||||
.dash-mobile-item-summary {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
line-height: 1.45;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.dash-mobile-item-summary .pnl-pos {
|
||||
color: var(--profit);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dash-mobile-item-summary .pnl-neg {
|
||||
color: var(--loss);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dash-mobile-item-title .badge {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.dash-mobile-chevron {
|
||||
font-size: 0.72rem;
|
||||
color: var(--accent);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dash-mobile-empty {
|
||||
padding: 0.85rem 0.35rem;
|
||||
text-align: center;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
|
||||
.dash-be-badge {
|
||||
font-size: 0.66rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.dash-detail-modal {
|
||||
max-width: 520px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dash-detail-modal .modal-grid .item.wide {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.dash-detail-modal .modal-actions {
|
||||
margin-top: 1rem;
|
||||
text-align: right;
|
||||
}
|
||||
@@ -0,0 +1,108 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved. 详见 LICENSE.zh-CN.txt */
|
||||
|
||||
.doc-page {
|
||||
max-width: 52rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.doc-content {
|
||||
font-size: 0.92rem;
|
||||
line-height: 1.65;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.doc-content h1 {
|
||||
font-size: 1.35rem;
|
||||
color: var(--text-title);
|
||||
margin-bottom: 0.75rem;
|
||||
padding-bottom: 0.45rem;
|
||||
border-bottom: 1px solid var(--table-border);
|
||||
}
|
||||
|
||||
.doc-content h2 {
|
||||
font-size: 1.05rem;
|
||||
color: var(--text-title);
|
||||
margin: 1.35rem 0 0.55rem;
|
||||
}
|
||||
|
||||
.doc-content h3 {
|
||||
font-size: 0.95rem;
|
||||
color: var(--text-title);
|
||||
margin: 1rem 0 0.45rem;
|
||||
}
|
||||
|
||||
.doc-content p {
|
||||
margin: 0.45rem 0;
|
||||
}
|
||||
|
||||
.doc-content hr {
|
||||
border: none;
|
||||
border-top: 1px solid var(--table-border);
|
||||
margin: 1.1rem 0;
|
||||
}
|
||||
|
||||
.doc-content ul,
|
||||
.doc-content ol {
|
||||
margin: 0.45rem 0 0.65rem 1.25rem;
|
||||
}
|
||||
|
||||
.doc-content li {
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
.doc-content code {
|
||||
font-size: 0.84em;
|
||||
padding: 0.08rem 0.32rem;
|
||||
border-radius: 4px;
|
||||
background: var(--card-inner);
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.doc-content a {
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.doc-content a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.doc-content .doc-xref {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.doc-content .doc-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 0.65rem 0 0.85rem;
|
||||
font-size: 0.86rem;
|
||||
}
|
||||
|
||||
.doc-content .doc-table th,
|
||||
.doc-content .doc-table td {
|
||||
padding: 0.42rem 0.55rem;
|
||||
border: 1px solid var(--table-border);
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.doc-content .doc-table th {
|
||||
background: var(--card-inner);
|
||||
color: var(--text-title);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.doc-content strong {
|
||||
color: var(--text-title);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.doc-content {
|
||||
font-size: 0.86rem;
|
||||
}
|
||||
.doc-content .doc-table {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
.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)}
|
||||
.symbol-wrap.key-field>label.text-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem}
|
||||
.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}
|
||||
}
|
||||
@@ -0,0 +1,553 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 手机端竖屏 UI
|
||||
*/
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%;
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
max-width: 100vw;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) body {
|
||||
font-size: 15px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
width: 100%;
|
||||
max-width: 100vw;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .page-wrap {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .tech-bg .tech-scanline {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ── 顶栏：菜单 | 标题 | 主题 ── */
|
||||
html:is([data-mobile="1"], .layout-phone) .site-header {
|
||||
display: grid;
|
||||
grid-template-columns: 40px minmax(0, 1fr) auto;
|
||||
grid-template-areas: "toggle title tools";
|
||||
align-items: center;
|
||||
column-gap: .45rem;
|
||||
padding: calc(var(--safe-top) + .4rem) .6rem .5rem;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid var(--border-header);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 80;
|
||||
background: var(--card-bg);
|
||||
backdrop-filter: blur(10px);
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .header-bar {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .nav-toggle {
|
||||
display: inline-flex !important;
|
||||
grid-area: toggle;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .header-tools {
|
||||
grid-area: tools;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: .2rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .header-tools .pwa-install-btn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .theme-switch {
|
||||
padding: 2px;
|
||||
border-radius: 999px;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .theme-switch-btn {
|
||||
padding: .28rem .42rem;
|
||||
font-size: .66rem;
|
||||
min-height: 28px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .user-bar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .site-title {
|
||||
grid-area: title;
|
||||
font-size: .9rem;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
line-height: 1.2;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .site-title-mobile {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .site-title-desktop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-title-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .site-title-sub {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .pwa-ios-hint {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .site-nav {
|
||||
position: fixed !important;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: min(88vw, 300px);
|
||||
height: 100dvh;
|
||||
margin: 0;
|
||||
padding: calc(var(--safe-top) + 3.25rem) .85rem 1.25rem;
|
||||
flex-direction: column !important;
|
||||
flex-wrap: nowrap !important;
|
||||
justify-content: flex-start !important;
|
||||
align-items: stretch !important;
|
||||
gap: .3rem;
|
||||
background: var(--card-bg);
|
||||
border-right: 1px solid var(--card-border);
|
||||
box-shadow: var(--shadow-card-hover);
|
||||
z-index: 100;
|
||||
transform: translateX(-105%);
|
||||
transition: transform .25s ease;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .site-nav.open {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .site-nav a {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
padding: .7rem .85rem;
|
||||
font-size: .88rem;
|
||||
min-height: 44px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .main {
|
||||
padding: .65rem .6rem calc(1rem + var(--safe-bottom));
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .card {
|
||||
padding: .85rem;
|
||||
border-radius: 12px;
|
||||
margin-bottom: .75rem;
|
||||
overflow: visible;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .card h2 {
|
||||
font-size: .95rem;
|
||||
margin-bottom: .55rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .split-grid,
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-split,
|
||||
html:is([data-mobile="1"], .layout-phone) .strategy-page .split-grid {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
gap: .75rem !important;
|
||||
grid-template-columns: 1fr !important;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .split-grid .card,
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-split .card,
|
||||
html:is([data-mobile="1"], .layout-phone) .strategy-page .split-grid .card {
|
||||
min-height: auto !important;
|
||||
height: auto !important;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* ── 下单监控页 ── */
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-page {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-top-bar {
|
||||
flex-direction: column;
|
||||
gap: .55rem;
|
||||
padding: .65rem;
|
||||
border-radius: 12px;
|
||||
background: var(--card-inner);
|
||||
border: 1px solid var(--card-border);
|
||||
margin-bottom: .75rem;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-top-bar-main {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: .35rem;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-top-bar-main .badge {
|
||||
font-size: .68rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-session-clock {
|
||||
display: block;
|
||||
font-size: .7rem;
|
||||
line-height: 1.45;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-top-bar-actions {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-top-bar-actions .btn-ctp-sm {
|
||||
width: 100%;
|
||||
min-height: 44px;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-top-hint {
|
||||
font-size: .65rem;
|
||||
line-height: 1.4;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-form-rows {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-form-line {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 品种独占一行；方向 + 手数并排 */
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-form-line.line-3 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
|
||||
gap: .45rem !important;
|
||||
align-items: end;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-form-line.line-3 .trade-field:first-child {
|
||||
grid-column: 1 / -1 !important;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-form-line.line-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
|
||||
gap: .45rem !important;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-field,
|
||||
html:is([data-mobile="1"], .layout-phone) .symbol-wrap {
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-field label,
|
||||
html:is([data-mobile="1"], .layout-phone) .text-label {
|
||||
font-size: .68rem;
|
||||
margin-bottom: .18rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-field input,
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-field select {
|
||||
padding: .42rem .5rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .symbol-input {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .price-type-tabs {
|
||||
margin-bottom: .22rem;
|
||||
gap: .25rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .price-tab {
|
||||
padding: .2rem .3rem;
|
||||
font-size: .66rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .form-compact .line-trend-head {
|
||||
grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.7fr) minmax(0, 0.75fr) !important;
|
||||
gap: .4rem .45rem !important;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .form-compact .line-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
|
||||
gap: .4rem .45rem !important;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .form-compact .line-3 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
|
||||
gap: .4rem .45rem !important;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) #roll-form .form-line.line-2 {
|
||||
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) !important;
|
||||
gap: .4rem .45rem !important;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .form-compact .form-line {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .form-compact input,
|
||||
html:is([data-mobile="1"], .layout-phone) .form-compact select {
|
||||
padding: .42rem .5rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-action-row {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-action-row .btn-open {
|
||||
width: 100%;
|
||||
min-height: 44px;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .pos-metrics {
|
||||
grid-template-columns: repeat(2, 1fr) !important;
|
||||
gap: .45rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .pos-card {
|
||||
padding: .75rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .pos-card-head {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: .45rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .pos-card-actions {
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .rec-sort-bar {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: .45rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .rec-sort-bar select {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) #recommend .trade-table-wrap,
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-table-wrap {
|
||||
overflow-x: auto !important;
|
||||
overflow-y: auto;
|
||||
max-height: 55vh;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .trade-table {
|
||||
font-size: .72rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .strategy-page .split-grid .card {
|
||||
min-height: auto !important;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .strategy-preview-table {
|
||||
font-size: .66rem;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .table-responsive {
|
||||
margin-bottom: .5rem;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .module-rules summary {
|
||||
font-size: .78rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) input,
|
||||
html:is([data-mobile="1"], .layout-phone) select,
|
||||
html:is([data-mobile="1"], .layout-phone) textarea,
|
||||
html:is([data-mobile="1"], .layout-phone) button {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .btn-primary {
|
||||
min-height: 44px;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .site-nav::after {
|
||||
content: attr(data-user-label);
|
||||
display: block;
|
||||
margin-top: auto;
|
||||
padding: .85rem .5rem 0;
|
||||
font-size: .72rem;
|
||||
color: var(--text-muted);
|
||||
border-top: 1px solid var(--table-border);
|
||||
}
|
||||
|
||||
/* 桌面端：标题仍居中，工具栏绝对定位 */
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .header-bar {
|
||||
display: block;
|
||||
position: relative;
|
||||
min-height: 2rem;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .nav-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .site-title {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 0 0 1.65rem;
|
||||
font-size: 1.75rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .site-title-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .site-title-desktop {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .header-tools {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .user-bar {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* 触控小屏兜底（JS 未执行时） */
|
||||
@media (pointer: coarse) and (max-width: 600px) {
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
max-width: 100vw;
|
||||
}
|
||||
|
||||
.site-header {
|
||||
display: grid !important;
|
||||
grid-template-columns: 40px minmax(0, 1fr) auto !important;
|
||||
grid-template-areas: "toggle title tools" !important;
|
||||
align-items: center;
|
||||
column-gap: .45rem;
|
||||
padding: calc(var(--safe-top) + .4rem) .6rem .5rem;
|
||||
text-align: left;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.header-bar {
|
||||
display: contents !important;
|
||||
}
|
||||
|
||||
.nav-toggle {
|
||||
display: inline-flex !important;
|
||||
grid-area: toggle;
|
||||
}
|
||||
|
||||
.header-tools {
|
||||
grid-area: tools;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.user-bar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
grid-area: title;
|
||||
font-size: .9rem;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.site-title-mobile {
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
.site-title-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.trade-form-line.line-3 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
|
||||
gap: .45rem !important;
|
||||
}
|
||||
|
||||
.trade-form-line.line-3 .trade-field:first-child {
|
||||
grid-column: 1 / -1 !important;
|
||||
}
|
||||
|
||||
.card {
|
||||
overflow: visible;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,440 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 交易记录与复盘 — 手机/平板简洁列表 + 详情弹窗
|
||||
*/
|
||||
|
||||
.records-page .records-mobile-list {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.records-page .records-desktop-only {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.records-mobile-item {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
border: 1px solid var(--card-border);
|
||||
border-radius: 12px;
|
||||
background: var(--card-inner);
|
||||
padding: .75rem .85rem;
|
||||
margin-bottom: .55rem;
|
||||
cursor: pointer;
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
transition: border-color .2s, box-shadow .2s;
|
||||
}
|
||||
|
||||
.records-mobile-item:hover,
|
||||
.records-mobile-item:focus-visible {
|
||||
border-color: var(--accent);
|
||||
box-shadow: 0 0 0 1px rgba(56, 189, 248, .2);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.records-mobile-item-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: .5rem;
|
||||
margin-bottom: .35rem;
|
||||
}
|
||||
|
||||
.records-mobile-symbol {
|
||||
font-size: .92rem;
|
||||
font-weight: 600;
|
||||
color: var(--text-title);
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.records-mobile-item-meta {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: .35rem .5rem;
|
||||
font-size: .72rem;
|
||||
color: var(--text-muted);
|
||||
margin-bottom: .3rem;
|
||||
}
|
||||
|
||||
.records-mobile-item-foot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: .5rem;
|
||||
}
|
||||
|
||||
.records-mobile-pnl {
|
||||
font-size: .88rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.records-mobile-pnl.is-profit { color: var(--profit); }
|
||||
.records-mobile-pnl.is-loss { color: var(--loss); }
|
||||
.records-mobile-pnl.is-flat { color: var(--text-muted); }
|
||||
|
||||
.records-mobile-chevron {
|
||||
font-size: .72rem;
|
||||
color: var(--accent);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.records-mobile-empty {
|
||||
padding: 1.25rem .5rem;
|
||||
text-align: center;
|
||||
color: var(--text-muted);
|
||||
font-size: .85rem;
|
||||
}
|
||||
|
||||
.records-page .trade-switch-label.records-desktop-only {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.records-page .records-verify-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: .45rem;
|
||||
margin-bottom: .75rem;
|
||||
font-size: .82rem;
|
||||
color: var(--text-muted);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.records-page .records-verify-toggle input {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.records-trade-card .records-src-badge {
|
||||
margin-left: .25rem;
|
||||
font-size: .65rem;
|
||||
}
|
||||
|
||||
.records-trade-card .records-verified-inline {
|
||||
margin-left: .25rem;
|
||||
}
|
||||
|
||||
.records-trade-card .btn-records-action,
|
||||
.records-trade-table-wrap .btn-records-action {
|
||||
background: #1f3a5a;
|
||||
color: #8fc8ff;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
padding: .3rem .55rem;
|
||||
font-size: .72rem;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.records-trade-card .btn-records-action:disabled,
|
||||
.records-trade-table-wrap .btn-records-action:disabled {
|
||||
opacity: .45;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.records-trade-card .btn-records-del,
|
||||
.records-trade-table-wrap .btn-records-del {
|
||||
background: rgba(239, 68, 68, .15);
|
||||
color: var(--loss);
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
padding: .3rem .55rem;
|
||||
font-size: .72rem;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.records-trade-card .records-trade-actions,
|
||||
.records-trade-table-wrap .records-trade-actions {
|
||||
min-width: 15.5rem;
|
||||
}
|
||||
|
||||
#trade-detail-modal .records-detail-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: .55rem .75rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#trade-detail-modal .records-detail-item label {
|
||||
display: block;
|
||||
font-size: .68rem;
|
||||
color: var(--text-muted);
|
||||
margin-bottom: .12rem;
|
||||
}
|
||||
|
||||
#trade-detail-modal .records-detail-item div {
|
||||
font-size: .84rem;
|
||||
color: var(--text-primary);
|
||||
line-height: 1.35;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
#trade-detail-modal .records-detail-item.wide {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
#trade-detail-modal .records-detail-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: .45rem;
|
||||
padding-top: .75rem;
|
||||
border-top: 1px solid var(--table-border);
|
||||
}
|
||||
|
||||
#trade-detail-modal .records-detail-actions a,
|
||||
#trade-detail-modal .records-detail-actions button {
|
||||
font-size: .78rem;
|
||||
padding: .45rem .7rem;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.records-review-mobile .records-mobile-item.is-emotion {
|
||||
border-color: rgba(239, 68, 68, .35);
|
||||
}
|
||||
|
||||
/* 交易记录简洁行（对齐数据看板平仓记录） */
|
||||
.records-trade-row {
|
||||
border: 1px solid var(--card-border);
|
||||
border-radius: 12px;
|
||||
background: var(--card-inner);
|
||||
padding: .75rem .85rem;
|
||||
margin-bottom: .55rem;
|
||||
color: inherit;
|
||||
transition: border-color .2s, box-shadow .2s;
|
||||
}
|
||||
|
||||
.records-trade-main {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.records-trade-head {
|
||||
margin-bottom: .3rem;
|
||||
}
|
||||
|
||||
.records-trade-title {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: .3rem .4rem;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.records-trade-code {
|
||||
font-size: .84rem;
|
||||
}
|
||||
|
||||
.records-verified-badge {
|
||||
font-size: .62rem;
|
||||
}
|
||||
|
||||
.records-trade-summary {
|
||||
font-size: .78rem;
|
||||
color: var(--text-muted);
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.records-trade-verify-form {
|
||||
display: inline-flex;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.records-trade-row-actions {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.records-trade-row-actions .btn-link {
|
||||
background: transparent;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.records-trade-phone-foot {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-top: .35rem;
|
||||
}
|
||||
|
||||
.records-phone-only,
|
||||
.records-tablet-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 平板交易记录表格（对齐数据看板平仓记录） */
|
||||
.records-trade-table-wrap {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .dashboard-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: .82rem;
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .dashboard-table th,
|
||||
.records-trade-table-wrap .dashboard-table td {
|
||||
padding: .45rem .55rem;
|
||||
border-bottom: 1px solid var(--table-border);
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .dashboard-table tbody tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .dash-symbol-ex {
|
||||
font-weight: 400;
|
||||
font-size: .78rem;
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .dash-main-badge {
|
||||
font-size: .68rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .dashboard-table .badge.dir-long,
|
||||
.records-trade-table-wrap .dashboard-table .badge.dir-short {
|
||||
font-size: .72rem;
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .dashboard-table .badge.dir-long {
|
||||
background: var(--profit-bg);
|
||||
color: var(--profit);
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .dashboard-table .badge.dir-short {
|
||||
background: var(--loss-bg);
|
||||
color: var(--loss);
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .pnl-pos {
|
||||
color: var(--profit);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .pnl-neg {
|
||||
color: var(--loss);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.records-trade-table-wrap .trade-actions {
|
||||
min-width: 17rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .records-trade-row,
|
||||
html:is([data-layout="phone"], .layout-phone) .records-trade-row {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .records-trade-row:hover,
|
||||
html:is([data-layout="phone"], .layout-phone) .records-trade-row:hover {
|
||||
border-color: var(--accent);
|
||||
box-shadow: 0 0 0 1px rgba(56, 189, 248, .2);
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .records-page .records-phone-only,
|
||||
html:is([data-layout="phone"], .layout-phone) .records-page .records-phone-only,
|
||||
html:is([data-mobile="1"], .layout-phone) .records-page .records-review-mobile,
|
||||
html:is([data-layout="phone"], .layout-phone) .records-page .records-review-mobile {
|
||||
display: block;
|
||||
}
|
||||
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-page .records-tablet-only {
|
||||
display: block;
|
||||
}
|
||||
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-page .records-review-mobile {
|
||||
display: block;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .records-page .records-desktop-only,
|
||||
html:is([data-layout="phone"], .layout-phone) .records-page .records-desktop-only,
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-page .records-desktop-only {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .records-page .records-verify-toggle,
|
||||
html:is([data-layout="phone"], .layout-phone) .records-page .records-verify-toggle {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .records-page .records-trade-card .card-body,
|
||||
html:is([data-layout="phone"], .layout-phone) .records-page .records-trade-card .card-body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-page .records-trade-card .card-body {
|
||||
padding: 0 .75rem .35rem;
|
||||
}
|
||||
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-trade-table-wrap .dashboard-table {
|
||||
font-size: .78rem;
|
||||
}
|
||||
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-trade-table-wrap .dashboard-table th,
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-trade-table-wrap .dashboard-table td {
|
||||
padding: .4rem .45rem;
|
||||
}
|
||||
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-trade-table-wrap .trade-actions {
|
||||
min-width: 15.5rem;
|
||||
}
|
||||
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-trade-table-wrap .trade-actions a,
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-trade-table-wrap .trade-actions button {
|
||||
font-size: .68rem;
|
||||
padding: .28rem .45rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .records-page .records-equity-card #equity-curve-chart,
|
||||
html:is([data-layout="phone"], .layout-phone) .records-page .records-equity-card #equity-curve-chart {
|
||||
min-height: 180px;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .records-page .preset-tabs,
|
||||
html:is([data-layout="phone"], .layout-phone) .records-page .preset-tabs {
|
||||
flex-wrap: wrap;
|
||||
gap: .35rem;
|
||||
}
|
||||
|
||||
html:is([data-mobile="1"], .layout-phone) .records-page .preset-tabs a,
|
||||
html:is([data-layout="phone"], .layout-phone) .records-page .preset-tabs a {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
min-width: 0;
|
||||
padding: .45rem .35rem;
|
||||
font-size: .75rem;
|
||||
}
|
||||
|
||||
html:is([data-layout="tablet"], .layout-tablet) .records-page .preset-tabs a {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
min-width: 0;
|
||||
padding: .45rem .35rem;
|
||||
font-size: .75rem;
|
||||
}
|
||||
|
||||
html:is([data-layout="tablet"], .layout-tablet) #review-modal .review-detail-headers,
|
||||
html:is([data-layout="tablet"], .layout-tablet) #review-modal .review-detail-values,
|
||||
html:is([data-mobile="1"], .layout-phone) #review-modal .review-detail-headers,
|
||||
html:is([data-mobile="1"], .layout-phone) #review-modal .review-detail-values,
|
||||
html:is([data-layout="phone"], .layout-phone) #review-modal .review-detail-headers,
|
||||
html:is([data-layout="phone"], .layout-phone) #review-modal .review-detail-values {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
@media (pointer: coarse) and (max-width: 600px) {
|
||||
.records-page .records-phone-only,
|
||||
.records-page .records-review-mobile { display: block; }
|
||||
.records-page .records-desktop-only { display: none !important; }
|
||||
}
|
||||
@@ -0,0 +1,811 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt */
|
||||
/* 响应式布局 — 电脑 / 平板 / 手机 + PWA 独立窗口 */
|
||||
|
||||
:root {
|
||||
--safe-top: env(safe-area-inset-top, 0px);
|
||||
--safe-right: env(safe-area-inset-right, 0px);
|
||||
--safe-bottom: env(safe-area-inset-bottom, 0px);
|
||||
--safe-left: env(safe-area-inset-left, 0px);
|
||||
--touch-min: 44px;
|
||||
}
|
||||
|
||||
html {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding-left: var(--safe-left);
|
||||
padding-right: var(--safe-right);
|
||||
padding-bottom: var(--safe-bottom);
|
||||
}
|
||||
|
||||
.page-wrap {
|
||||
padding-top: var(--safe-top);
|
||||
}
|
||||
|
||||
.header-bar {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto;
|
||||
align-items: center;
|
||||
gap: .5rem .75rem;
|
||||
margin-bottom: .85rem;
|
||||
min-height: var(--touch-min);
|
||||
}
|
||||
|
||||
.nav-toggle {
|
||||
display: none;
|
||||
width: var(--touch-min);
|
||||
height: var(--touch-min);
|
||||
border: 1px solid var(--toggle-border);
|
||||
border-radius: 10px;
|
||||
background: var(--toggle-bg);
|
||||
cursor: pointer;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 5px;
|
||||
padding: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.nav-toggle span {
|
||||
display: block;
|
||||
width: 18px;
|
||||
height: 2px;
|
||||
background: var(--text-primary);
|
||||
border-radius: 2px;
|
||||
transition: transform .2s, opacity .2s;
|
||||
}
|
||||
|
||||
.nav-toggle[aria-expanded="true"] span:nth-child(1) {
|
||||
transform: translateY(7px) rotate(45deg);
|
||||
}
|
||||
|
||||
.nav-toggle[aria-expanded="true"] span:nth-child(2) {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.nav-toggle[aria-expanded="true"] span:nth-child(3) {
|
||||
transform: translateY(-7px) rotate(-45deg);
|
||||
}
|
||||
|
||||
.header-tools {
|
||||
position: static;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.user-bar {
|
||||
position: static;
|
||||
text-align: right;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
.pwa-install-btn {
|
||||
padding: .38rem .7rem;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--accent);
|
||||
background: transparent;
|
||||
color: var(--accent);
|
||||
font-size: .72rem;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
width: auto;
|
||||
flex-shrink: 0;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.pwa-install-btn:hover {
|
||||
background: var(--dir-bg);
|
||||
}
|
||||
|
||||
.pwa-ios-hint {
|
||||
display: none;
|
||||
font-size: .72rem;
|
||||
color: var(--text-muted);
|
||||
padding: .5rem .75rem;
|
||||
margin: 0 0 .75rem;
|
||||
border-radius: 10px;
|
||||
border: 1px dashed var(--card-border);
|
||||
background: var(--card-inner);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.pwa-ios-hint.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-backdrop {
|
||||
display: none;
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: var(--modal-mask);
|
||||
z-index: 90;
|
||||
border: none;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nav-backdrop.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (min-width: 1025px) {
|
||||
.site-header {
|
||||
padding: 1.5rem 1.5rem 1.25rem;
|
||||
}
|
||||
|
||||
.site-nav {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 1.5rem 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 1024px) {
|
||||
.site-header {
|
||||
padding: 1.25rem 1rem 1rem;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.site-nav {
|
||||
gap: .4rem;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.site-nav a {
|
||||
padding: .5rem .85rem;
|
||||
font-size: .82rem;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 1.25rem 1rem;
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.split-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.trade-split .card {
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.trade-form-line.line-3 {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.trade-form-line.line-3 .trade-field:first-child {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.form-compact .line-4,
|
||||
.form-compact .line-5 {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.form-compact .line-plan-2 {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.pos-metrics {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.review-detail-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.stat-grid-summary {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .nav-toggle {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .header-bar {
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-template-areas:
|
||||
"toggle tools"
|
||||
"user user";
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .nav-toggle { grid-area: toggle; }
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .header-tools { grid-area: tools; justify-content: flex-end; }
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .user-bar {
|
||||
grid-area: user;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .site-header {
|
||||
padding: .85rem .75rem .75rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .site-title {
|
||||
font-size: 1.15rem;
|
||||
margin-bottom: .65rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .site-title-sub {
|
||||
font-size: .58rem;
|
||||
letter-spacing: .1em;
|
||||
}
|
||||
|
||||
html:not([data-mobile="1"]):not(.layout-phone) .site-nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: min(86vw, 320px);
|
||||
height: 100dvh;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
justify-content: flex-start;
|
||||
gap: .35rem;
|
||||
padding: calc(var(--safe-top) + 3.5rem) 1rem 1.5rem;
|
||||
background: var(--card-bg);
|
||||
border-right: 1px solid var(--card-border);
|
||||
box-shadow: var(--shadow-card-hover);
|
||||
z-index: 100;
|
||||
transform: translateX(-105%);
|
||||
transition: transform .28s ease;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.site-nav.open {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.site-nav a {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
padding: .75rem 1rem;
|
||||
font-size: .9rem;
|
||||
min-height: var(--touch-min);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: .85rem .75rem 1.25rem;
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 1rem;
|
||||
border-radius: 12px;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.card h2 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.form-compact .line-2,
|
||||
.form-compact .line-3,
|
||||
.form-compact .line-4,
|
||||
.form-compact .line-5,
|
||||
.form-compact .line-plan-1,
|
||||
.form-compact .line-plan-2 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.form-compact-review .tag-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.form-compact-review .kline-row {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.form-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.split-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.split-grid .card {
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.trade-split .card {
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.trade-top-bar {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.trade-top-bar-actions {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.trade-top-bar-actions .btn-ctp-sm {
|
||||
width: 100%;
|
||||
min-height: var(--touch-min);
|
||||
}
|
||||
|
||||
.pos-metrics {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.review-detail-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.review-detail-item.wide {
|
||||
grid-column: span 1;
|
||||
}
|
||||
|
||||
.stat-grid,
|
||||
.stat-grid:not(.stat-grid-summary) {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: .65rem;
|
||||
}
|
||||
|
||||
.stat-grid-summary {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.stat-grid-summary .stat-item {
|
||||
flex: 0 0 auto;
|
||||
min-width: 4.25rem;
|
||||
padding: .35rem .15rem;
|
||||
}
|
||||
|
||||
.stat-grid-summary .stat-item .label {
|
||||
font-size: .58rem;
|
||||
}
|
||||
|
||||
.stat-grid-summary .stat-item .value {
|
||||
font-size: .72rem;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
padding: .75rem .5rem;
|
||||
}
|
||||
|
||||
.stat-grid-summary .stat-item {
|
||||
padding: .35rem .15rem;
|
||||
}
|
||||
|
||||
.stat-item .value {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.filter-row .field {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.trade-toolbar {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.profile-row {
|
||||
grid-template-columns: 1fr;
|
||||
gap: .25rem;
|
||||
}
|
||||
|
||||
.modal-box {
|
||||
padding: 1rem;
|
||||
border-radius: 12px;
|
||||
max-height: calc(100dvh - 1rem);
|
||||
}
|
||||
|
||||
.modal-box.review-modal-fullscreen {
|
||||
width: 100%;
|
||||
height: 100dvh;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: .55rem .45rem;
|
||||
font-size: .8rem;
|
||||
}
|
||||
|
||||
.card-scroll {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
.stats-card-head {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.stats-view-field {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input, select, textarea, button {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.form-compact input,
|
||||
.form-compact select {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 479px) {
|
||||
.stat-grid:not(.stat-grid-summary) {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.stat-grid-summary .stat-item {
|
||||
min-width: 3.75rem;
|
||||
}
|
||||
|
||||
.theme-switch-btn {
|
||||
padding: .35rem .55rem;
|
||||
font-size: .7rem;
|
||||
}
|
||||
|
||||
.pos-metrics {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (display-mode: standalone) {
|
||||
.site-header {
|
||||
padding-top: max(.75rem, var(--safe-top));
|
||||
}
|
||||
|
||||
.pwa-install-btn,
|
||||
.pwa-ios-hint {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) and (orientation: landscape) {
|
||||
.site-nav {
|
||||
width: min(50vw, 280px);
|
||||
padding-top: calc(var(--safe-top) + 2.5rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: none) and (pointer: coarse) {
|
||||
.site-nav a,
|
||||
.btn-del,
|
||||
.trade-actions a,
|
||||
.trade-actions button,
|
||||
.preset-tabs a {
|
||||
min-height: var(--touch-min);
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.list-item:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.stat-item:hover {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.table-responsive {
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.table-responsive table {
|
||||
min-width: 560px;
|
||||
}
|
||||
|
||||
body.login-page {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
min-height: 100dvh;
|
||||
padding: 1rem;
|
||||
padding-top: max(1rem, var(--safe-top));
|
||||
padding-bottom: max(1rem, var(--safe-bottom));
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
body.login-page {
|
||||
align-items: flex-start;
|
||||
padding: .75rem;
|
||||
padding-top: max(.75rem, var(--safe-top));
|
||||
}
|
||||
|
||||
body.login-page .login-wrap {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
body.login-page .login-box {
|
||||
padding: 1.75rem 1.25rem 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── 设备布局：手机竖屏 / 平板横屏 ── */
|
||||
|
||||
.orientation-lock {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 1.5rem;
|
||||
background: var(--modal-mask);
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
||||
.orientation-lock[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.orientation-lock-box {
|
||||
max-width: 18rem;
|
||||
padding: 1.75rem 1.25rem;
|
||||
border-radius: 14px;
|
||||
border: 1px solid var(--card-border);
|
||||
background: var(--card-bg);
|
||||
text-align: center;
|
||||
box-shadow: var(--shadow-card-hover);
|
||||
}
|
||||
|
||||
.orientation-lock-icon {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1;
|
||||
margin-bottom: .85rem;
|
||||
color: var(--accent);
|
||||
animation: orientation-spin 2.4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.orientation-lock-box p {
|
||||
margin: 0;
|
||||
font-size: .95rem;
|
||||
line-height: 1.55;
|
||||
color: var(--text-title);
|
||||
}
|
||||
|
||||
@keyframes orientation-spin {
|
||||
0%, 100% { transform: rotate(0deg); }
|
||||
50% { transform: rotate(90deg); }
|
||||
}
|
||||
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .nav-toggle {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .header-bar {
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-template-areas:
|
||||
"toggle tools"
|
||||
"user user";
|
||||
}
|
||||
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .nav-toggle { grid-area: toggle; }
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .header-tools { grid-area: tools; justify-content: flex-end; }
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .user-bar {
|
||||
grid-area: user;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .site-header {
|
||||
padding: .75rem .75rem .65rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .site-title {
|
||||
font-size: 1.05rem;
|
||||
margin-bottom: .5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .site-title-sub {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .site-nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: min(86vw, 320px);
|
||||
height: 100dvh;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
justify-content: flex-start;
|
||||
gap: .35rem;
|
||||
padding: calc(var(--safe-top) + 3.5rem) 1rem 1.5rem;
|
||||
background: var(--card-bg);
|
||||
border-right: 1px solid var(--card-border);
|
||||
box-shadow: var(--shadow-card-hover);
|
||||
z-index: 100;
|
||||
transform: translateX(-105%);
|
||||
transition: transform .28s ease;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .site-nav.open {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
html[data-layout="phone"]:not([data-mobile="1"]):not(.layout-phone) .site-nav a {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
padding: .75rem 1rem;
|
||||
font-size: .9rem;
|
||||
min-height: var(--touch-min);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .main {
|
||||
padding: .75rem .65rem 1.1rem;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .split-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: .85rem;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .split-grid .card,
|
||||
html[data-layout="phone"] .trade-split .card {
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .trade-top-bar-main {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: .35rem;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .trade-session-clock {
|
||||
display: block;
|
||||
font-size: .72rem;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .session-clock-detail {
|
||||
display: block;
|
||||
margin-top: .15rem;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .trade-top-hint {
|
||||
font-size: .68rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .pos-metrics {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .pos-card-head {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .pos-card-actions {
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .rec-sort-bar {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .rec-sort-bar select {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] #recommend .trade-table-wrap {
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
max-height: 52vh;
|
||||
}
|
||||
|
||||
html[data-layout="phone"] .strategy-preview-table {
|
||||
font-size: .68rem;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .site-header {
|
||||
padding: .85rem 1rem .75rem;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .site-title {
|
||||
font-size: 1.35rem;
|
||||
margin-bottom: .85rem;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .site-nav {
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
justify-content: flex-start;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .site-nav::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .site-nav a {
|
||||
flex-shrink: 0;
|
||||
padding: .48rem .75rem;
|
||||
font-size: .8rem;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .main {
|
||||
padding: 1rem .85rem;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .split-grid,
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .trade-split {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 1rem;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .split-grid .card,
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .trade-split .card {
|
||||
min-height: 380px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .trade-form-line.line-3 {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .trade-form-line.line-3 .trade-field:first-child {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .pos-metrics {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .trade-top-bar {
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .trade-top-bar-actions {
|
||||
width: auto;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .strategy-page .split-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
html[data-layout="tablet"][data-orientation="landscape"] .strategy-page .split-grid .card {
|
||||
min-height: 420px;
|
||||
}
|
||||
@@ -0,0 +1,208 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt */
|
||||
/* 科技感增强层 — 与 base.html 变量配合 */
|
||||
|
||||
.tech-bg{
|
||||
position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
|
||||
}
|
||||
.tech-grid{
|
||||
position:absolute;inset:0;
|
||||
background-image:
|
||||
linear-gradient(var(--bg-grid) 1px,transparent 1px),
|
||||
linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);
|
||||
background-size:32px 32px;
|
||||
mask-image:radial-gradient(ellipse 85% 75% at 50% 35%,#000 20%,transparent 75%);
|
||||
}
|
||||
.tech-glow{
|
||||
position:absolute;width:70vmax;height:70vmax;
|
||||
top:-25%;left:50%;transform:translateX(-50%);
|
||||
background:radial-gradient(circle,var(--ambient-glow) 0%,transparent 65%);
|
||||
animation:tech-pulse 8s ease-in-out infinite;
|
||||
}
|
||||
.tech-glow-2{
|
||||
position:absolute;width:50vmax;height:50vmax;
|
||||
bottom:-20%;right:-10%;
|
||||
background:radial-gradient(circle,var(--ambient-glow-2) 0%,transparent 70%);
|
||||
animation:tech-pulse 10s ease-in-out infinite reverse;
|
||||
}
|
||||
.tech-scanline{
|
||||
position:absolute;inset:0;
|
||||
background:repeating-linear-gradient(
|
||||
0deg,
|
||||
transparent,
|
||||
transparent 2px,
|
||||
var(--scanline) 2px,
|
||||
var(--scanline) 3px
|
||||
);
|
||||
opacity:.35;
|
||||
animation:tech-scan 12s linear infinite;
|
||||
}
|
||||
@keyframes tech-pulse{
|
||||
0%,100%{opacity:.55;transform:translateX(-50%) scale(1)}
|
||||
50%{opacity:.85;transform:translateX(-50%) scale(1.05)}
|
||||
}
|
||||
@keyframes tech-scan{
|
||||
0%{transform:translateY(0)}
|
||||
100%{transform:translateY(32px)}
|
||||
}
|
||||
@keyframes tech-shine{
|
||||
0%,100%{opacity:.45}
|
||||
50%{opacity:.9}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce){
|
||||
.tech-glow,.tech-glow-2,.tech-scanline,.card::after,.site-header::after{animation:none}
|
||||
}
|
||||
|
||||
.main.nav-loading{opacity:.75;pointer-events:none;transition:opacity .12s}
|
||||
|
||||
.page-wrap{position:relative;z-index:1}
|
||||
|
||||
.site-header{
|
||||
border-bottom:1px solid var(--border-header);
|
||||
background:transparent;
|
||||
backdrop-filter:none;
|
||||
}
|
||||
.site-header::after{
|
||||
content:"";display:block;height:1px;margin-top:-1px;
|
||||
background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);
|
||||
opacity:.7;animation:tech-shine 4s ease-in-out infinite;
|
||||
}
|
||||
.site-title{
|
||||
letter-spacing:.04em;
|
||||
background:linear-gradient(135deg,var(--text-title) 0%,var(--accent) 45%,var(--accent-2) 100%);
|
||||
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
|
||||
background-clip:text;
|
||||
filter:drop-shadow(0 0 24px var(--title-glow));
|
||||
}
|
||||
.site-title-sub{
|
||||
display:block;font-size:.72rem;font-weight:500;
|
||||
letter-spacing:.12em;text-transform:uppercase;
|
||||
color:var(--text-muted);margin-top:.4rem;
|
||||
-webkit-text-fill-color:var(--text-muted);
|
||||
filter:none;
|
||||
}
|
||||
|
||||
.site-nav a{
|
||||
border-radius:999px;
|
||||
letter-spacing:.02em;
|
||||
position:relative;overflow:hidden;
|
||||
transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;
|
||||
}
|
||||
.site-nav a::before{
|
||||
content:"";position:absolute;inset:0;
|
||||
background:linear-gradient(120deg,transparent,rgba(255,255,255,.06),transparent);
|
||||
opacity:0;transition:opacity .25s;
|
||||
}
|
||||
.site-nav a:hover::before{opacity:1}
|
||||
.site-nav a:hover{
|
||||
transform:translateY(-1px);
|
||||
box-shadow:0 4px 20px var(--nav-hover-glow);
|
||||
}
|
||||
.site-nav a.active{
|
||||
background:linear-gradient(135deg,var(--nav-active),var(--accent-2));
|
||||
border-color:transparent;
|
||||
box-shadow:0 0 20px var(--nav-active-glow),inset 0 1px 0 rgba(255,255,255,.15);
|
||||
}
|
||||
|
||||
.theme-switch-btn:hover{
|
||||
color:var(--text-primary);
|
||||
}
|
||||
.theme-switch-btn.active{
|
||||
box-shadow:0 0 12px var(--btn-glow);
|
||||
}
|
||||
|
||||
.card{
|
||||
border-radius:14px;
|
||||
transition:transform .25s,box-shadow .25s,border-color .25s;
|
||||
}
|
||||
.card:hover{
|
||||
transform:translateY(-2px);
|
||||
border-color:var(--card-border-hover);
|
||||
box-shadow:var(--shadow-card-hover);
|
||||
}
|
||||
.card::after{
|
||||
animation:tech-shine 5s ease-in-out infinite;
|
||||
}
|
||||
.card h2{letter-spacing:.03em}
|
||||
.card h2:before{
|
||||
box-shadow:0 0 12px var(--accent),0 0 4px var(--accent-2);
|
||||
}
|
||||
|
||||
input:focus,select:focus,textarea:focus{
|
||||
box-shadow:0 0 0 3px var(--focus-ring),0 0 16px var(--focus-glow);
|
||||
}
|
||||
button.btn-primary{
|
||||
font-weight:600;letter-spacing:.04em;
|
||||
box-shadow:0 4px 20px var(--btn-glow);
|
||||
transition:transform .15s,box-shadow .2s,opacity .2s;
|
||||
}
|
||||
button.btn-primary:hover{
|
||||
transform:translateY(-1px);
|
||||
box-shadow:0 6px 28px var(--btn-glow-strong);
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
.list-item{
|
||||
transition:border-color .2s,box-shadow .2s,transform .2s;
|
||||
}
|
||||
.list-item:hover{
|
||||
border-color:var(--card-border-hover);
|
||||
box-shadow:0 4px 16px var(--card-glow);
|
||||
}
|
||||
table tbody tr{transition:background .15s}
|
||||
table tbody tr:hover{background:var(--row-hover)}
|
||||
|
||||
.stat-item{
|
||||
backdrop-filter:blur(8px);
|
||||
transition:transform .2s,box-shadow .2s;
|
||||
}
|
||||
.stat-item:hover{
|
||||
transform:translateY(-2px);
|
||||
box-shadow:0 8px 24px var(--card-glow);
|
||||
}
|
||||
.stat-item .value{
|
||||
font-variant-numeric:tabular-nums;
|
||||
letter-spacing:.02em;
|
||||
}
|
||||
|
||||
.pos-card{
|
||||
position:relative;overflow:visible;
|
||||
transition:border-color .2s,box-shadow .2s;
|
||||
}
|
||||
.pos-card::before{
|
||||
content:"";position:absolute;top:0;left:0;right:0;height:2px;
|
||||
background:linear-gradient(90deg,var(--accent),var(--accent-2));
|
||||
opacity:.5;
|
||||
}
|
||||
.pos-card:hover{
|
||||
border-color:var(--card-border-hover);
|
||||
box-shadow:0 6px 24px var(--card-glow);
|
||||
}
|
||||
|
||||
.badge{letter-spacing:.02em;border:1px solid transparent}
|
||||
.badge.dir{border-color:rgba(76,194,255,.25)}
|
||||
.badge.profit{border-color:rgba(76,217,127,.3)}
|
||||
.badge.loss{border-color:rgba(255,102,102,.3)}
|
||||
|
||||
.modal-box{
|
||||
border:1px solid var(--card-border-hover);
|
||||
box-shadow:var(--shadow-card-hover),0 0 60px var(--card-glow);
|
||||
}
|
||||
|
||||
.flash{
|
||||
box-shadow:0 0 24px var(--focus-glow);
|
||||
letter-spacing:.02em;
|
||||
}
|
||||
|
||||
.profile-spec{
|
||||
border:1px solid var(--card-border-hover);
|
||||
box-shadow:inset 0 0 40px var(--card-glow);
|
||||
}
|
||||
|
||||
.key-live .live-price-line,.live-price{
|
||||
text-shadow:0 0 12px var(--focus-glow);
|
||||
}
|
||||
|
||||
.preset-tabs a.active{
|
||||
box-shadow:0 0 12px var(--focus-glow);
|
||||
}
|
||||
@@ -0,0 +1,220 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt */
|
||||
/* 持仓监控页 — 与 split-grid（关键位监控）同宽，全端自适应 */
|
||||
.trade-page{width:100%}
|
||||
.trade-split{margin-bottom:1.25rem}
|
||||
.trade-split .card{min-height:360px}
|
||||
.trade-split .trade-card#order{margin-bottom:.75rem}
|
||||
.trading-live-body{gap:0}
|
||||
.trading-live-section{padding-bottom:.5rem}
|
||||
.trading-live-section.trading-live-positions{
|
||||
margin-top:.65rem;padding-top:.75rem;border-top:1px solid var(--card-border);
|
||||
}
|
||||
.trading-live-subtitle{
|
||||
font-size:.82rem;font-weight:600;color:var(--text-muted);
|
||||
margin:0 0 .45rem .15rem;letter-spacing:.02em;
|
||||
}
|
||||
.sync-badge{font-size:.72rem;font-weight:400;margin-left:.35rem}
|
||||
.trade-top-bar{
|
||||
display:flex;flex-wrap:wrap;gap:.65rem 1rem;
|
||||
align-items:center;justify-content:space-between;
|
||||
margin-bottom:1.25rem;
|
||||
}
|
||||
.trade-top-bar-main{display:flex;flex-wrap:wrap;gap:.5rem .65rem;align-items:center;flex:1;min-width:0}
|
||||
.trade-top-bar-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
|
||||
.trade-top-hint{font-size:.72rem;white-space:nowrap}
|
||||
.trade-session-clock{font-size:.78rem;line-height:1.45}
|
||||
.session-clock-detail strong{color:var(--accent);font-weight:600}
|
||||
.btn-ctp-sm{padding:.4rem .9rem;font-size:.8rem;width:auto;white-space:nowrap}
|
||||
.trade-card{margin-bottom:0;height:100%;display:flex;flex-direction:column}
|
||||
.trade-card h2{margin-bottom:.35rem;flex-shrink:0}
|
||||
.trade-card .card-body{flex:1;min-height:0;display:flex;flex-direction:column}
|
||||
.trade-card-full{margin-bottom:1.5rem}
|
||||
.pos-hint{font-size:.75rem;margin:-.15rem 0 .5rem .25rem;color:var(--text-muted)}
|
||||
.trade-order-status{display:grid;gap:.55rem;margin:.5rem 0 .75rem;padding:.65rem .85rem;background:var(--card-inner);border:1px solid var(--card-border);border-radius:8px;font-size:.82rem}
|
||||
.trade-order-status-compact{margin-top:0}
|
||||
.trade-order-status .status-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem}
|
||||
.trade-form-rows{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.85rem}
|
||||
.trade-form-line{display:grid;gap:.65rem;align-items:end}
|
||||
.trade-form-line.line-3{grid-template-columns:1.4fr 0.8fr 0.8fr}
|
||||
.trade-field label{display:block;font-size:.72rem;margin-bottom:.28rem;color:var(--text-label)}
|
||||
.symbol-wrap.trade-field>label.text-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem}
|
||||
.trade-field select,.trade-field input{width:100%;box-sizing:border-box}
|
||||
.trade-field .lots-auto{color:var(--accent);font-weight:600;background:var(--card-inner);cursor:default}
|
||||
.lots-warn{font-size:.7rem;margin-top:.25rem;margin-bottom:0}
|
||||
.price-type-tabs{display:flex;gap:.35rem;margin-bottom:.35rem}
|
||||
.price-tab{border:1px solid var(--card-border);background:var(--card-inner);color:var(--text-muted);padding:.28rem .7rem;border-radius:6px;font-size:.75rem;cursor:pointer;flex:1;text-align:center;width:auto}
|
||||
.price-tab.active{border-color:var(--accent);color:var(--accent);font-weight:600;background:rgba(56,189,248,.08)}
|
||||
.market-hint{font-size:.7rem;margin-top:.25rem}
|
||||
.trade-action-row{display:flex;flex-direction:column;gap:.45rem;margin:.85rem 0 .55rem}
|
||||
.trade-action-row .btn-open{padding:.65rem .75rem;font-size:.9rem;width:100%}
|
||||
.trade-action-row .btn-open:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}
|
||||
.trade-action-row .btn-open.btn-session-off{background:var(--text-muted);border-color:var(--text-muted)}
|
||||
.trailing-be-toggle{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-label);margin-bottom:.45rem;cursor:pointer;user-select:none}
|
||||
.trailing-be-toggle input{width:auto;margin:0}
|
||||
.trailing-be-hint{font-size:.72rem;margin:0;color:var(--text-muted)}
|
||||
.trade-form-line.line-3 #field-tp.is-hidden{display:none}
|
||||
.trade-rr-hint{font-size:.78rem;color:var(--text-accent);margin:0}
|
||||
.session-hint{font-size:.72rem;margin:.35rem 0 0;text-align:center}
|
||||
.trade-order-msg{font-size:.82rem;text-align:center;margin:0;padding:.35rem}
|
||||
.trade-order-msg.ok{color:var(--profit)}
|
||||
.trade-order-msg.err{color:var(--loss)}
|
||||
.trade-footer{background:var(--card-inner);border-radius:8px;padding:.65rem .85rem;font-size:.78rem;line-height:1.5;border:1px solid var(--card-border);margin-top:.5rem}
|
||||
.trade-footer strong{color:var(--accent)}
|
||||
.rec-blocked td{opacity:.55}
|
||||
.rec-ok td:first-child{font-weight:600}
|
||||
.rec-trend-break td:first-child .trend-name{font-weight:700}
|
||||
.trend-badge{font-size:.72rem;white-space:nowrap}
|
||||
.trend-badge.break{color:var(--accent);font-weight:700;border:1px solid var(--accent);background:rgba(56,189,248,.12)}
|
||||
.trend-hint{font-size:.72rem;color:var(--text-muted);margin:.35rem 0 .65rem;line-height:1.5}
|
||||
.rec-sort-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin-bottom:.55rem;font-size:.78rem}
|
||||
.rec-sort-bar label{color:var(--text-muted);white-space:nowrap}
|
||||
.rec-sort-bar select{padding:.35rem .5rem;font-size:.78rem;min-width:7rem}
|
||||
.rec-stats{
|
||||
font-size:.78rem;color:var(--text-muted);margin-bottom:.45rem;line-height:1.5;
|
||||
}
|
||||
.rec-stats strong{color:var(--accent);font-weight:600}
|
||||
.rec-sort-dir-btn{
|
||||
border:1px solid var(--card-border);background:var(--card-inner);color:var(--text-muted);
|
||||
padding:.3rem .55rem;border-radius:6px;cursor:pointer;font-size:.78rem;min-width:2rem;
|
||||
}
|
||||
.rec-sort-dir-btn:hover{border-color:var(--accent);color:var(--accent)}
|
||||
.gap-badge{font-size:.72rem}
|
||||
.rec-market-link{color:inherit;text-decoration:none;display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .35rem}
|
||||
.rec-market-link:hover strong,.rec-market-link:hover .text-accent{color:var(--accent);text-decoration:underline}
|
||||
.pos-market-link{color:inherit;text-decoration:none}
|
||||
.pos-market-link:hover{color:var(--accent)}
|
||||
.pos-market-link:hover .text-accent{text-decoration:underline}
|
||||
.pos-symbol-sub{font-size:.72rem;line-height:1.35}
|
||||
.pos-main-badge{font-size:.68rem;vertical-align:middle}
|
||||
.pos-change-up{color:var(--profit)}
|
||||
.rec-change-down{color:var(--loss)}
|
||||
#recommend .trade-table-wrap{max-height:none;overflow:visible}
|
||||
#recommend.card{height:auto}
|
||||
#recommend .card-body{display:flex;flex-direction:column}
|
||||
#recommend .trade-table-wrap{flex:0 0 auto}
|
||||
#trading-live.card,
|
||||
.trade-split .trade-card#trading-live {
|
||||
overflow: visible;
|
||||
}
|
||||
#position-live-list {
|
||||
overflow: visible;
|
||||
}
|
||||
#trading-live .trading-live-body.card-scroll {
|
||||
flex: 1;
|
||||
max-height: none;
|
||||
overflow-y: visible;
|
||||
}
|
||||
|
||||
/* 电脑端：右侧委托面板随内容增高；平板见下方等高规则 */
|
||||
@media (min-width: 768px) {
|
||||
html:not([data-layout="phone"]):not(.layout-phone):not([data-layout="tablet"]):not(.layout-tablet) .trade-split .card-body {
|
||||
overflow: visible;
|
||||
}
|
||||
html:not([data-layout="phone"]):not(.layout-phone):not([data-layout="tablet"]):not(.layout-tablet) .trade-split .trade-card#trading-live {
|
||||
height: auto;
|
||||
min-height: auto;
|
||||
align-self: start;
|
||||
}
|
||||
html:not([data-layout="phone"]):not(.layout-phone):not([data-layout="tablet"]):not(.layout-tablet) .trade-split .trade-card#trading-live .trading-live-body {
|
||||
overflow: visible;
|
||||
flex: none;
|
||||
}
|
||||
html:not([data-layout="phone"]):not(.layout-phone):not([data-layout="tablet"]):not(.layout-tablet) #position-live-list.pos-list-many {
|
||||
--pos-card-unit-h: 17.5rem;
|
||||
max-height: calc(var(--pos-card-unit-h) * 3 + 1.5rem);
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding-right: .15rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* 平板：期货下单与委托持仓两列卡片等高 */
|
||||
html[data-layout="tablet"] .trade-split,
|
||||
html.layout-tablet .trade-split {
|
||||
align-items: stretch;
|
||||
}
|
||||
html[data-layout="tablet"] .trade-split .trade-card#order,
|
||||
html[data-layout="tablet"] .trade-split .trade-card#trading-live,
|
||||
html.layout-tablet .trade-split .trade-card#order,
|
||||
html.layout-tablet .trade-split .trade-card#trading-live {
|
||||
height: 100%;
|
||||
min-height: 380px;
|
||||
align-self: stretch;
|
||||
}
|
||||
html[data-layout="tablet"] .trade-split .trade-card#order .card-body,
|
||||
html.layout-tablet .trade-split .trade-card#order .card-body {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
html[data-layout="tablet"] .trade-split .trade-card#trading-live .trading-live-body,
|
||||
html.layout-tablet .trade-split .trade-card#trading-live .trading-live-body {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
html[data-layout="tablet"] #position-live-list,
|
||||
html.layout-tablet #position-live-list {
|
||||
overflow: visible;
|
||||
}
|
||||
html[data-layout="tablet"] #position-live-list.pos-list-many,
|
||||
html.layout-tablet #position-live-list.pos-list-many {
|
||||
--pos-card-unit-h: 17.5rem;
|
||||
max-height: calc(var(--pos-card-unit-h) * 3 + 1.5rem);
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding-right: .15rem;
|
||||
}
|
||||
|
||||
.dash-be-badge,
|
||||
.pos-be-badge {
|
||||
font-size: .66rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.pos-pending-orders{margin-top:.55rem;padding-top:.55rem;border-top:1px dashed var(--table-border)}
|
||||
.pos-pending-orders .pending-title{font-size:.68rem;color:var(--text-muted);margin-bottom:.35rem}
|
||||
.pos-pending-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;padding:.35rem .5rem;border-radius:6px;margin-bottom:.25rem;background:var(--list-item-bg)}
|
||||
.pos-pending-right{display:flex;align-items:center;gap:.45rem;flex-shrink:0}
|
||||
.pos-dismiss-btn{padding:.2rem .55rem;font-size:.68rem;border-radius:6px;border:1px solid var(--table-border);background:var(--card-inner);color:var(--text-muted);cursor:pointer;width:auto;min-height:auto;line-height:1.3}
|
||||
.pos-dismiss-btn:disabled{opacity:.55;cursor:wait}
|
||||
.pos-sl-btn{border-color:var(--accent);color:var(--accent)}
|
||||
.pos-pending-item.sl{border-left:3px solid var(--loss)}
|
||||
.pos-pending-item.tp{border-left:3px solid var(--profit)}
|
||||
.pos-pending-item.ctp{border-left:3px solid var(--accent)}
|
||||
.pos-card.is-pending{border:1px dashed var(--accent);opacity:.95}
|
||||
.pos-card.is-pending .badge.pending{background:rgba(56,189,248,.15);color:var(--accent)}
|
||||
.pos-card.is-pending .pos-metrics .cell.pnl-pending label{color:var(--accent)}
|
||||
.pos-close-btn{padding:.4rem .85rem;font-size:.78rem;border-radius:8px;border:1px solid var(--loss);background:var(--loss-bg);color:var(--loss);cursor:pointer;white-space:nowrap;width:auto;flex-shrink:0;min-height:36px}
|
||||
.pos-close-btn:disabled,.pos-close-btn.is-session-off{opacity:.45;cursor:not-allowed;border-color:var(--text-muted);background:var(--card-inner);color:var(--text-muted)}
|
||||
.pos-dismiss-btn:disabled,.pos-dismiss-btn.is-session-off{opacity:.45;cursor:not-allowed;color:var(--text-muted)}
|
||||
.pos-card-meta-line{font-size:.78rem;line-height:1.65;color:var(--text-muted);margin-bottom:.55rem}
|
||||
.pos-card-meta-line strong{color:var(--text)}
|
||||
.pos-card-actions{display:flex;gap:.35rem;flex-shrink:0;align-items:center}
|
||||
.pos-order-btn{padding:.4rem .85rem;font-size:.78rem;border-radius:8px;border:1px solid var(--accent);background:rgba(56,189,248,.1);color:var(--accent);cursor:pointer;white-space:nowrap;width:auto;flex-shrink:0;min-height:36px}
|
||||
.pos-order-btn:disabled,.pos-order-btn.pos-order-done{opacity:.55;cursor:default;border-color:var(--table-border);background:var(--card-inner);color:var(--text-muted)}
|
||||
.pos-order-btn:disabled:not(.pos-order-done){cursor:wait}
|
||||
|
||||
.sl-tp-modal{max-width:420px;width:100%}
|
||||
.sl-tp-modal-fields{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}
|
||||
.sl-tp-modal-fields .trade-field{margin:0}
|
||||
.sl-tp-modal-trailing{margin-top:.15rem}
|
||||
.sl-tp-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}
|
||||
.sl-tp-modal-actions .btn-secondary,.sl-tp-modal-actions .btn-primary{width:auto;min-width:5rem;padding:.45rem 1rem;font-size:.85rem}
|
||||
|
||||
@media (min-width:768px) and (max-width:1100px){
|
||||
.trade-split .card{min-height:420px}
|
||||
.trade-form-line.line-3{grid-template-columns:1fr 1fr}
|
||||
.trade-form-line.line-3 .trade-field:first-child{grid-column:1/-1}
|
||||
}
|
||||
|
||||
@media (max-width:767px){
|
||||
.trade-top-bar{flex-direction:column;align-items:stretch}
|
||||
.trade-top-bar-actions{width:100%}
|
||||
.btn-ctp-sm{width:100%;min-height:44px}
|
||||
.trade-split .card{min-height:auto}
|
||||
html:not([data-mobile="1"]) .trade-form-line.line-3{grid-template-columns:1fr}
|
||||
.trade-card-full{margin-bottom:1rem}
|
||||
.trade-table-wrap{max-height:320px}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
@@ -0,0 +1,12 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-label=" 'ѧ">
|
||||
<defs>
|
||||
<linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" stop-color="#4cc2ff"/>
|
||||
<stop offset="100%" stop-color="#9d6bff"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="512" height="512" rx="96" fill="#0a0c16"/>
|
||||
<rect x="48" y="48" width="416" height="416" rx="72" fill="#141a2e" stroke="url(#g)" stroke-width="8"/>
|
||||
<polygon points="148,320 256,168 364,320" fill="url(#g)"/>
|
||||
<rect x="196" y="320" width="120" height="56" rx="8" fill="#9d6bff"/>
|
||||
</svg>
|
||||
@@ -0,0 +1,318 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 交易日历 — 按日汇总平仓与复盘
|
||||
*/
|
||||
(function () {
|
||||
var calYear = 0;
|
||||
var calMonth = 0;
|
||||
var selectedDate = '';
|
||||
|
||||
function pad2(n) {
|
||||
return n < 10 ? '0' + n : String(n);
|
||||
}
|
||||
|
||||
function todayIso() {
|
||||
var d = new Date();
|
||||
return d.getFullYear() + '-' + pad2(d.getMonth() + 1) + '-' + pad2(d.getDate());
|
||||
}
|
||||
|
||||
function fmtNum(v) {
|
||||
if (v === null || v === undefined || v === '') return '-';
|
||||
var n = Number(v);
|
||||
if (isNaN(n)) return String(v);
|
||||
return Number.isInteger(n) ? String(n) : n.toFixed(2);
|
||||
}
|
||||
|
||||
function fmtMoney(v) {
|
||||
if (v === null || v === undefined) return '-';
|
||||
return fmtNum(v) + ' 元';
|
||||
}
|
||||
|
||||
function pnlClass(v) {
|
||||
if (v > 0) return 'is-profit';
|
||||
if (v < 0) return 'is-loss';
|
||||
return 'is-flat';
|
||||
}
|
||||
|
||||
function fmtPnlShort(v) {
|
||||
if (v === null || v === undefined) return '-';
|
||||
var n = Number(v);
|
||||
if (isNaN(n)) return '-';
|
||||
var s = Number.isInteger(n) ? String(n) : n.toFixed(0);
|
||||
return (n > 0 ? '+' : '') + s;
|
||||
}
|
||||
|
||||
function fmtTime(v) {
|
||||
if (!v) return '-';
|
||||
return String(v).replace('T', ' ').slice(0, 16);
|
||||
}
|
||||
|
||||
function fmtTags(item) {
|
||||
var tags = item.behavior_tags || '';
|
||||
if (item.is_emotion) {
|
||||
return tags ? '情绪单 · ' + tags : '情绪单';
|
||||
}
|
||||
return tags || '';
|
||||
}
|
||||
|
||||
function setCalendarTitle() {
|
||||
var title = document.getElementById('trade-cal-title');
|
||||
if (!title) return;
|
||||
if (window.qihuoLunar && qihuoLunar.monthTitle) {
|
||||
title.textContent = qihuoLunar.monthTitle(calYear, calMonth);
|
||||
} else {
|
||||
title.textContent = '公历 ' + calYear + '年' + calMonth + '月';
|
||||
}
|
||||
}
|
||||
|
||||
function lunarCellHtml(iso) {
|
||||
if (!window.qihuoLunar) return '';
|
||||
var text = qihuoLunar.cellLunarText(iso);
|
||||
var info = qihuoLunar.fromIso(iso);
|
||||
var cls = 'trade-cal-day-lunar';
|
||||
if (info.lunarDay === 1) cls += ' is-month-start';
|
||||
return '<span class="' + cls + '">' + text + '</span>';
|
||||
}
|
||||
|
||||
function renderCalendar(data) {
|
||||
var grid = document.getElementById('trade-cal-grid');
|
||||
if (!grid) return;
|
||||
setCalendarTitle();
|
||||
var html = '';
|
||||
var pad = data.weekday_start || 0;
|
||||
var i;
|
||||
for (i = 0; i < pad; i++) {
|
||||
html += '<div class="trade-cal-cell is-empty"></div>';
|
||||
}
|
||||
(data.days || []).forEach(function (day) {
|
||||
var dayNum = day.date.slice(8, 10).replace(/^0/, '');
|
||||
var classes = ['trade-cal-cell'];
|
||||
if (day.count > 0) classes.push('is-clickable');
|
||||
if (day.date === todayIso()) classes.push('is-today');
|
||||
if (day.date === selectedDate) classes.push('is-selected');
|
||||
if (day.has_emotion) classes.push('is-emotion');
|
||||
html += '<div class="' + classes.join(' ') + '" data-date="' + day.date + '" role="button" tabindex="' + (day.count > 0 ? '0' : '-1') + '">';
|
||||
html += '<div class="trade-cal-day-head">';
|
||||
html += '<span class="trade-cal-day-solar">' + dayNum + '</span>';
|
||||
html += lunarCellHtml(day.date);
|
||||
html += '</div>';
|
||||
if (day.count > 0) {
|
||||
html += '<div class="trade-cal-meta"><div class="trade-cal-count">' + day.count + ' 笔</div>';
|
||||
html += '<div class="trade-cal-pnl ' + pnlClass(day.total_net) + '">' + fmtPnlShort(day.total_net) + '</div>';
|
||||
if (day.has_emotion) {
|
||||
html += '<span class="trade-cal-emotion">情绪' + (day.emotion_count > 1 ? '×' + day.emotion_count : '') + '</span>';
|
||||
}
|
||||
html += '</div>';
|
||||
}
|
||||
html += '</div>';
|
||||
});
|
||||
grid.innerHTML = html;
|
||||
}
|
||||
|
||||
function loadCalendar() {
|
||||
fetch('/api/stats/calendar?year=' + calYear + '&month=' + calMonth, { credentials: 'same-origin' })
|
||||
.then(function (r) {
|
||||
if (!r.ok) throw new Error('HTTP ' + r.status);
|
||||
return r.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
renderCalendar(data);
|
||||
if (selectedDate && selectedDate.slice(0, 7) === calYear + '-' + pad2(calMonth)) {
|
||||
loadDayDetail(selectedDate, false);
|
||||
} else {
|
||||
hideDayDetail();
|
||||
}
|
||||
})
|
||||
.catch(function () {
|
||||
var grid = document.getElementById('trade-cal-grid');
|
||||
if (grid) grid.innerHTML = '<div class="text-muted" style="grid-column:1/-1">日历加载失败</div>';
|
||||
});
|
||||
}
|
||||
|
||||
function hideDayDetail() {
|
||||
var panel = document.getElementById('trade-cal-day-detail');
|
||||
if (panel) panel.hidden = true;
|
||||
}
|
||||
|
||||
function renderDayDetail(data) {
|
||||
var panel = document.getElementById('trade-cal-day-detail');
|
||||
var title = document.getElementById('trade-cal-day-detail-title');
|
||||
var summary = document.getElementById('trade-cal-day-summary');
|
||||
var list = document.getElementById('trade-cal-day-list');
|
||||
if (!panel || !list) return;
|
||||
|
||||
var label = data.date.replace(/-/g, '/');
|
||||
var lunarPart = window.qihuoLunar ? '（' + qihuoLunar.daySubtitle(data.date) + '）' : '';
|
||||
if (title) title.textContent = label + lunarPart + ' 交易记录';
|
||||
if (summary) {
|
||||
var parts = [data.count + ' 笔', '净盈亏 ' + fmtMoney(data.total_net)];
|
||||
if (data.emotion_count) parts.push('情绪单 ' + data.emotion_count);
|
||||
summary.textContent = parts.join(' · ');
|
||||
}
|
||||
|
||||
list.innerHTML = '';
|
||||
if (!data.items || !data.items.length) {
|
||||
list.innerHTML = '<div class="text-muted">当日无平仓记录</div>';
|
||||
panel.hidden = false;
|
||||
return;
|
||||
}
|
||||
|
||||
data.items.forEach(function (item) {
|
||||
var card = document.createElement('div');
|
||||
card.className = 'trade-cal-day-item' + (item.is_emotion ? ' is-emotion' : '');
|
||||
|
||||
var head = document.createElement('div');
|
||||
head.className = 'trade-cal-day-item-head';
|
||||
var sym = document.createElement('div');
|
||||
sym.className = 'trade-cal-day-item-symbol';
|
||||
sym.textContent = (item.symbol || item.symbol_code || '-') + ' · ' + (item.direction || '-');
|
||||
var pnl = document.createElement('div');
|
||||
pnl.className = 'trade-cal-day-item-pnl ' + pnlClass(item.pnl_net);
|
||||
pnl.textContent = fmtMoney(item.pnl_net);
|
||||
head.appendChild(sym);
|
||||
head.appendChild(pnl);
|
||||
|
||||
var meta = document.createElement('div');
|
||||
meta.className = 'trade-cal-day-item-meta';
|
||||
var badges = '';
|
||||
if (item.source === 'review') {
|
||||
badges += '<span class="trade-cal-badge review">复盘</span>';
|
||||
}
|
||||
if (item.is_emotion) {
|
||||
badges += '<span class="trade-cal-badge emotion">情绪单</span>';
|
||||
}
|
||||
var metaParts = [
|
||||
badges,
|
||||
'平仓 ' + fmtTime(item.close_time),
|
||||
item.lots != null ? item.lots + ' 手' : '',
|
||||
item.entry_price != null ? '开 ' + item.entry_price : '',
|
||||
item.close_price != null ? '平 ' + item.close_price : '',
|
||||
];
|
||||
if (item.source === 'review' && item.open_type) metaParts.push(item.open_type);
|
||||
if (item.source === 'review' && item.exit_trigger) metaParts.push('出场: ' + item.exit_trigger);
|
||||
if (item.result) metaParts.push(item.result);
|
||||
meta.innerHTML = metaParts.filter(Boolean).join(' · ');
|
||||
|
||||
card.appendChild(head);
|
||||
card.appendChild(meta);
|
||||
|
||||
var tags = fmtTags(item);
|
||||
if (tags) {
|
||||
var tagEl = document.createElement('div');
|
||||
tagEl.className = 'trade-cal-day-item-notes';
|
||||
tagEl.textContent = tags;
|
||||
card.appendChild(tagEl);
|
||||
}
|
||||
if (item.notes) {
|
||||
var notes = document.createElement('div');
|
||||
notes.className = 'trade-cal-day-item-notes';
|
||||
notes.textContent = item.notes;
|
||||
card.appendChild(notes);
|
||||
}
|
||||
if (item.screenshot) {
|
||||
var shot = document.createElement('div');
|
||||
shot.className = 'trade-cal-day-item-shot';
|
||||
shot.innerHTML = '<img src="/uploads/' + item.screenshot + '" alt="复盘截图">';
|
||||
card.appendChild(shot);
|
||||
}
|
||||
list.appendChild(card);
|
||||
});
|
||||
panel.hidden = false;
|
||||
}
|
||||
|
||||
function loadDayDetail(dateStr, scroll) {
|
||||
if (scroll === undefined) scroll = true;
|
||||
selectedDate = dateStr;
|
||||
document.querySelectorAll('.trade-cal-cell.is-selected').forEach(function (el) {
|
||||
el.classList.remove('is-selected');
|
||||
});
|
||||
var cell = document.querySelector('.trade-cal-cell[data-date="' + dateStr + '"]');
|
||||
if (cell) cell.classList.add('is-selected');
|
||||
|
||||
fetch('/api/stats/calendar/day?date=' + encodeURIComponent(dateStr), { credentials: 'same-origin' })
|
||||
.then(function (r) {
|
||||
if (!r.ok) throw new Error('HTTP ' + r.status);
|
||||
return r.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
renderDayDetail(data);
|
||||
if (scroll) {
|
||||
var panel = document.getElementById('trade-cal-day-detail');
|
||||
if (panel) panel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
|
||||
}
|
||||
})
|
||||
.catch(function () {
|
||||
var panel = document.getElementById('trade-cal-day-detail');
|
||||
var list = document.getElementById('trade-cal-day-list');
|
||||
if (panel && list) {
|
||||
list.innerHTML = '<div class="text-muted">加载失败</div>';
|
||||
panel.hidden = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function shiftCalendarMonth(delta) {
|
||||
calMonth += delta;
|
||||
if (calMonth > 12) {
|
||||
calMonth = 1;
|
||||
calYear += 1;
|
||||
} else if (calMonth < 1) {
|
||||
calMonth = 12;
|
||||
calYear -= 1;
|
||||
}
|
||||
loadCalendar();
|
||||
}
|
||||
|
||||
function bindCalendar() {
|
||||
var grid = document.getElementById('trade-cal-grid');
|
||||
if (!grid || grid.dataset.tradeCalBound) return;
|
||||
grid.dataset.tradeCalBound = '1';
|
||||
|
||||
grid.addEventListener('click', function (e) {
|
||||
var cell = e.target.closest('.trade-cal-cell.is-clickable');
|
||||
if (!cell) return;
|
||||
loadDayDetail(cell.getAttribute('data-date'));
|
||||
});
|
||||
grid.addEventListener('keydown', function (e) {
|
||||
if (e.key !== 'Enter' && e.key !== ' ') return;
|
||||
var cell = e.target.closest('.trade-cal-cell.is-clickable');
|
||||
if (!cell) return;
|
||||
e.preventDefault();
|
||||
loadDayDetail(cell.getAttribute('data-date'));
|
||||
});
|
||||
|
||||
var prev = document.getElementById('trade-cal-prev');
|
||||
var next = document.getElementById('trade-cal-next');
|
||||
var todayBtn = document.getElementById('trade-cal-today');
|
||||
if (prev) prev.addEventListener('click', function () { shiftCalendarMonth(-1); });
|
||||
if (next) next.addEventListener('click', function () { shiftCalendarMonth(1); });
|
||||
if (todayBtn) todayBtn.addEventListener('click', function () {
|
||||
var d = new Date();
|
||||
calYear = d.getFullYear();
|
||||
calMonth = d.getMonth() + 1;
|
||||
loadCalendar();
|
||||
});
|
||||
}
|
||||
|
||||
function bootCalendarPage() {
|
||||
if (!document.getElementById('trade-cal-grid')) return;
|
||||
var d = new Date();
|
||||
calYear = d.getFullYear();
|
||||
calMonth = d.getMonth() + 1;
|
||||
bindCalendar();
|
||||
loadCalendar();
|
||||
|
||||
var params = new URLSearchParams(window.location.search);
|
||||
var dateParam = params.get('date');
|
||||
if (dateParam && /^\d{4}-\d{2}-\d{2}$/.test(dateParam)) {
|
||||
var parts = dateParam.split('-');
|
||||
calYear = parseInt(parts[0], 10);
|
||||
calMonth = parseInt(parts[1], 10);
|
||||
loadCalendar();
|
||||
setTimeout(function () { loadDayDetail(dateParam); }, 300);
|
||||
}
|
||||
}
|
||||
|
||||
if (window.qihuoPageBoot) window.qihuoPageBoot(bootCalendarPage, '#trade-cal-grid');
|
||||
else if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', bootCalendarPage);
|
||||
else bootCalendarPage();
|
||||
})();
|
||||
@@ -0,0 +1,27 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var form = document.getElementById('contract-search-form');
|
||||
if (!form) return;
|
||||
|
||||
var wrap = form.querySelector('.symbol-wrap');
|
||||
var hidden = wrap && wrap.querySelector('input[name="symbol"]');
|
||||
var visible = form.querySelector('#contract-symbol-input');
|
||||
|
||||
// 带 symbol 参数进入时，显示合约代码
|
||||
if (hidden && hidden.value && visible && !visible.value) {
|
||||
visible.value = hidden.value;
|
||||
}
|
||||
|
||||
form.addEventListener('submit', function () {
|
||||
if (!hidden || !visible) return;
|
||||
var v = visible.value.trim();
|
||||
// 若未从下拉选择，尝试用输入框内容（支持直接输入 rb2510）
|
||||
if (!hidden.value && v) {
|
||||
var m = v.match(/([A-Za-z]+\d{3,4})/);
|
||||
hidden.value = m ? m[1] : v;
|
||||
}
|
||||
});
|
||||
})();
|
||||
@@ -0,0 +1,999 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var posBody = document.getElementById('dash-positions-body');
|
||||
var keysBody = document.getElementById('dash-keys-body');
|
||||
var closesBody = document.getElementById('dash-closes-body');
|
||||
var equityEl = document.getElementById('dash-equity');
|
||||
var marginEl = document.getElementById('dash-margin');
|
||||
var availEl = document.getElementById('dash-available');
|
||||
var ctpBadge = document.getElementById('dash-ctp-badge');
|
||||
var modeBadge = document.getElementById('dash-mode-badge');
|
||||
var updatedEl = document.getElementById('dash-updated');
|
||||
var riskReasonEl = document.getElementById('dash-risk-reason');
|
||||
var riskGridEl = document.getElementById('dash-risk-grid');
|
||||
var riskCardEl = document.getElementById('dash-risk-card');
|
||||
var riskToggleEl = document.getElementById('dash-risk-toggle');
|
||||
var riskBodyEl = document.getElementById('dash-risk-body');
|
||||
var posMobileList = document.getElementById('dash-pos-mobile-list');
|
||||
var keysMobileList = document.getElementById('dash-keys-mobile-list');
|
||||
var closesMobileList = document.getElementById('dash-closes-mobile-list');
|
||||
var detailModal = document.getElementById('dash-detail-modal');
|
||||
var detailTitleEl = document.getElementById('dash-detail-title');
|
||||
var detailGridEl = document.getElementById('dash-detail-grid');
|
||||
var detailCloseBtn = document.getElementById('dash-detail-close');
|
||||
|
||||
var pollTimer = null;
|
||||
var pollInFlight = false;
|
||||
var pollFailStreak = 0;
|
||||
var positionSource = null;
|
||||
var posRowCache = {};
|
||||
var posRenderSig = '';
|
||||
var posMobileCache = {};
|
||||
var keysMobileCache = {};
|
||||
var closesMobileCache = {};
|
||||
var lastPosRows = [];
|
||||
var lastKeyRows = [];
|
||||
var lastKeyIds = '';
|
||||
var lastCloseHeadId = null;
|
||||
var lastRiskPayload = null;
|
||||
|
||||
function isPhoneLayout() {
|
||||
var root = document.documentElement;
|
||||
return root.dataset.layout === 'phone' || root.classList.contains('layout-phone')
|
||||
|| root.dataset.mobile === '1';
|
||||
}
|
||||
|
||||
function isTabletLayout() {
|
||||
var root = document.documentElement;
|
||||
return root.dataset.layout === 'tablet' || root.classList.contains('layout-tablet');
|
||||
}
|
||||
|
||||
function shouldCollapseRiskDefault() {
|
||||
return isPhoneLayout() || isTabletLayout();
|
||||
}
|
||||
|
||||
function syncRiskCollapseUi() {
|
||||
if (!riskCardEl || !riskToggleEl) return;
|
||||
var expanded = riskCardEl.classList.contains('is-expanded');
|
||||
riskToggleEl.setAttribute('aria-expanded', expanded ? 'true' : 'false');
|
||||
}
|
||||
|
||||
function initRiskToggle() {
|
||||
if (!riskCardEl || !riskToggleEl) return;
|
||||
if (shouldCollapseRiskDefault()) {
|
||||
riskCardEl.classList.remove('is-expanded');
|
||||
} else {
|
||||
riskCardEl.classList.add('is-expanded');
|
||||
}
|
||||
syncRiskCollapseUi();
|
||||
function toggleRisk() {
|
||||
riskCardEl.classList.toggle('is-expanded');
|
||||
syncRiskCollapseUi();
|
||||
}
|
||||
riskToggleEl.addEventListener('click', function (ev) {
|
||||
if (ev.target && ev.target.closest('.dash-risk-doc-link')) return;
|
||||
toggleRisk();
|
||||
});
|
||||
riskToggleEl.addEventListener('keydown', function (ev) {
|
||||
if (ev.key === 'Enter' || ev.key === ' ') {
|
||||
ev.preventDefault();
|
||||
toggleRisk();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function isBreakevenLocked(row) {
|
||||
if (!row) return false;
|
||||
if (row.breakeven_locked) return true;
|
||||
if ((row.trailing_r_locked || 0) >= 1) return true;
|
||||
if (row.stop_loss == null || row.entry_price == null) return false;
|
||||
var entry = Number(row.entry_price);
|
||||
var sl = Number(row.stop_loss);
|
||||
if (isNaN(entry) || isNaN(sl) || entry <= 0) return false;
|
||||
var tick = Number(row.tick_size) || Math.max(Math.abs(entry) * 1e-6, 0.01);
|
||||
var beMult = 2;
|
||||
var dir = (row.direction || 'long').toString().toLowerCase();
|
||||
var expectedBe = dir === 'short' ? entry - beMult * tick : entry + beMult * tick;
|
||||
var tol = beMult * tick + tick * 0.05;
|
||||
if (Math.abs(sl - expectedBe) <= tol) return true;
|
||||
var buf = tick * Math.max(2, beMult);
|
||||
if (Math.abs(sl - entry) > buf + tick) return false;
|
||||
return dir === 'short' ? sl <= entry + tick * 0.05 : sl >= entry - tick * 0.05;
|
||||
}
|
||||
|
||||
function breakevenBadgeHtml(row) {
|
||||
return isBreakevenLocked(row)
|
||||
? ' <span class="badge profit dash-be-badge">已保本</span>' : '';
|
||||
}
|
||||
|
||||
function openDetailModal(title, items) {
|
||||
if (!detailModal || !detailGridEl || !detailTitleEl) return;
|
||||
detailTitleEl.textContent = title || '详情';
|
||||
detailGridEl.innerHTML = (items || []).map(function (it) {
|
||||
var cls = it.wide ? ' item wide' : ' item';
|
||||
return (
|
||||
'<div class="' + cls.trim() + '">' +
|
||||
'<label>' + escHtml(it.label) + '</label>' +
|
||||
'<div>' + (it.html != null ? it.html : escHtml(it.value)) + '</div>' +
|
||||
'</div>'
|
||||
);
|
||||
}).join('');
|
||||
detailModal.hidden = false;
|
||||
detailModal.classList.add('show');
|
||||
}
|
||||
|
||||
function closeDetailModal() {
|
||||
if (!detailModal) return;
|
||||
detailModal.hidden = true;
|
||||
detailModal.classList.remove('show');
|
||||
}
|
||||
|
||||
function initDetailModal() {
|
||||
if (detailCloseBtn) detailCloseBtn.addEventListener('click', closeDetailModal);
|
||||
if (detailModal) {
|
||||
detailModal.addEventListener('click', function (ev) {
|
||||
if (ev.target === detailModal) closeDetailModal();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function fmtNum(v, digits) {
|
||||
if (v === null || v === undefined || v === '') return '—';
|
||||
var n = Number(v);
|
||||
if (isNaN(n)) return '—';
|
||||
if (digits != null) return n.toFixed(digits);
|
||||
var s = n.toFixed(2);
|
||||
return s.replace(/\.?0+$/, function (m) { return m === '.00' ? '.00' : ''; });
|
||||
}
|
||||
|
||||
function fmtMoney(v) {
|
||||
if (v === null || v === undefined) return '—';
|
||||
return fmtNum(v, 2) + ' 元';
|
||||
}
|
||||
|
||||
function fmtPnl(v) {
|
||||
if (v === null || v === undefined) return '—';
|
||||
var n = Number(v);
|
||||
if (isNaN(n)) return '—';
|
||||
return (n >= 0 ? '+' : '') + fmtNum(n, 2) + ' 元';
|
||||
}
|
||||
|
||||
function pnlClass(v) {
|
||||
if (v === null || v === undefined) return '';
|
||||
var n = Number(v);
|
||||
if (isNaN(n) || n === 0) return '';
|
||||
return n > 0 ? 'pnl-pos' : 'pnl-neg';
|
||||
}
|
||||
|
||||
function escHtml(s) {
|
||||
return String(s || '')
|
||||
.replace(/&/g, '&')
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>')
|
||||
.replace(/"/g, '"');
|
||||
}
|
||||
|
||||
function slText(row) {
|
||||
if (row.trailing_be && row.stop_loss == null) return '移动保本';
|
||||
if (row.stop_loss != null) return fmtNum(row.stop_loss);
|
||||
return '—';
|
||||
}
|
||||
|
||||
function tpText(row) {
|
||||
if (row.trailing_be) return '移动保本';
|
||||
if (row.take_profit != null) return fmtNum(row.take_profit);
|
||||
return '—';
|
||||
}
|
||||
|
||||
function fmtMobileLots(v) {
|
||||
var n = Number(v);
|
||||
if (isNaN(n)) return '—';
|
||||
if (Math.abs(n - Math.round(n)) < 0.001) return Math.round(n) + '手';
|
||||
return fmtNum(n) + '手';
|
||||
}
|
||||
|
||||
function fmtMobilePrice(v) {
|
||||
if (v == null || v === '') return '—';
|
||||
var n = Number(v);
|
||||
if (isNaN(n)) return '—';
|
||||
if (Math.abs(n - Math.round(n)) < 0.001) return String(Math.round(n));
|
||||
return fmtNum(n);
|
||||
}
|
||||
|
||||
function fmtMobilePnlNum(v) {
|
||||
if (v == null || v === '') return '—';
|
||||
var n = Number(v);
|
||||
if (isNaN(n)) return '—';
|
||||
var abs = Math.abs(n);
|
||||
var s = Math.abs(abs - Math.round(abs)) < 0.01 ? String(Math.round(abs)) : fmtNum(abs);
|
||||
if (n > 0) return s;
|
||||
if (n < 0) return '-' + s;
|
||||
return '0';
|
||||
}
|
||||
|
||||
function mobilePnlSpanHtml(v) {
|
||||
return '<span class="' + pnlClass(v) + '">' + escHtml(fmtMobilePnlNum(v)) + '</span>';
|
||||
}
|
||||
|
||||
function mobileSummaryHtml(lots, priceLabel, price, pnl) {
|
||||
return fmtMobileLots(lots) + ' ' + priceLabel + ' ' + fmtMobilePrice(price) +
|
||||
' 盈亏 ' + mobilePnlSpanHtml(pnl);
|
||||
}
|
||||
|
||||
function mobileSymbolTitleHtml(row) {
|
||||
var name = row.symbol_name || row.symbol || '';
|
||||
var code = row.symbol_code || '';
|
||||
if (!code && row.symbol && String(row.symbol).toLowerCase() !== String(name).toLowerCase()) {
|
||||
code = row.symbol;
|
||||
}
|
||||
var exchange = row.symbol_exchange || '';
|
||||
var mainBadge = row.symbol_is_main
|
||||
? ' <span class="badge planned dash-main-badge">主力</span>' : '';
|
||||
var titleInner = escHtml(name);
|
||||
if (exchange) {
|
||||
titleInner += ' <span class="dash-symbol-ex text-muted">' + escHtml(exchange) + '</span>';
|
||||
}
|
||||
titleInner += mainBadge;
|
||||
if (code && String(name).toLowerCase() !== String(code).toLowerCase()) {
|
||||
titleInner += ' <span class="text-accent">' + escHtml(code) + '</span>';
|
||||
titleInner += breakevenBadgeHtml(row);
|
||||
titleInner += ' ' + directionBadgeHtml(row);
|
||||
} else if (!name && code) {
|
||||
titleInner = (exchange
|
||||
? '<span class="dash-symbol-ex text-muted">' + escHtml(exchange) + '</span> '
|
||||
: '') + '<span class="text-accent">' + escHtml(code) + '</span>';
|
||||
titleInner += breakevenBadgeHtml(row);
|
||||
titleInner += ' ' + directionBadgeHtml(row);
|
||||
} else {
|
||||
titleInner += ' ' + directionBadgeHtml(row);
|
||||
titleInner += breakevenBadgeHtml(row);
|
||||
}
|
||||
return titleInner;
|
||||
}
|
||||
|
||||
function mobileItemFootHtml(summaryHtml) {
|
||||
return (
|
||||
'<div class="dash-mobile-item-foot">' +
|
||||
'<span class="dash-mobile-item-summary">' + summaryHtml + '</span>' +
|
||||
'<span class="dash-mobile-chevron">查看详情 ›</span>' +
|
||||
'</div>'
|
||||
);
|
||||
}
|
||||
|
||||
function symbolCellHtml(row) {
|
||||
var name = row.symbol_name || row.symbol || '';
|
||||
var code = row.symbol_code || '';
|
||||
if (!code && row.symbol && String(row.symbol).toLowerCase() !== String(name).toLowerCase()) {
|
||||
code = row.symbol;
|
||||
}
|
||||
var exchange = row.symbol_exchange || '';
|
||||
var mainBadge = row.symbol_is_main
|
||||
? ' <span class="badge planned dash-main-badge">主力</span>' : '';
|
||||
var titleInner = escHtml(name);
|
||||
if (exchange) {
|
||||
titleInner += ' <span class="dash-symbol-ex text-muted">' + escHtml(exchange) + '</span>';
|
||||
}
|
||||
titleInner += mainBadge;
|
||||
if (code && String(name).toLowerCase() !== String(code).toLowerCase()) {
|
||||
titleInner += ' <span class="text-accent">' + escHtml(code) + '</span>';
|
||||
titleInner += breakevenBadgeHtml(row);
|
||||
} else if (!name && code) {
|
||||
titleInner = (exchange
|
||||
? '<span class="dash-symbol-ex text-muted">' + escHtml(exchange) + '</span> '
|
||||
: '') + '<span class="text-accent">' + escHtml(code) + '</span>';
|
||||
titleInner += breakevenBadgeHtml(row);
|
||||
} else {
|
||||
titleInner += breakevenBadgeHtml(row);
|
||||
}
|
||||
return (
|
||||
'<div class="dash-symbol-cell">' +
|
||||
'<div class="dash-symbol-title">' + titleInner + '</div>' +
|
||||
'</div>'
|
||||
);
|
||||
}
|
||||
|
||||
function directionBadgeHtml(row) {
|
||||
var dir = (row.direction || 'long').toString().toLowerCase();
|
||||
var label = row.direction_label || (dir === 'short' ? '做空' : '做多');
|
||||
var cls = dir === 'short' ? 'dir dir-short' : 'dir dir-long';
|
||||
return '<span class="badge ' + cls + '">' + escHtml(label) + '</span>';
|
||||
}
|
||||
|
||||
function riskMarginPctHtml(used, limit) {
|
||||
if (used == null) return escHtml('—');
|
||||
var usedCls = 'risk-margin-safe';
|
||||
if (limit != null && limit > 0) {
|
||||
var ratio = Number(used) / Number(limit);
|
||||
if (ratio >= 1) usedCls = 'risk-margin-over';
|
||||
else if (ratio >= 0.85) usedCls = 'risk-margin-warn';
|
||||
}
|
||||
var html = '<span class="' + usedCls + '">' + escHtml(fmtNum(used) + '%') + '</span>';
|
||||
if (limit != null) {
|
||||
html += ' <span class="risk-margin-sep">/</span> ' +
|
||||
'<span class="risk-margin-cap-inline">' + escHtml(fmtNum(limit) + '%') + '</span>';
|
||||
}
|
||||
return html;
|
||||
}
|
||||
|
||||
function renderRiskGrid(items) {
|
||||
if (!riskGridEl) return;
|
||||
riskGridEl.innerHTML = items.map(function (it) {
|
||||
var val = it.valueHtml != null ? it.valueHtml : escHtml(it.value);
|
||||
var cls = 'dashboard-risk-value' + (it.valueClass ? ' ' + it.valueClass : '');
|
||||
return (
|
||||
'<div class="dashboard-risk-item">' +
|
||||
'<div class="dashboard-risk-label">' + escHtml(it.label) + '</div>' +
|
||||
'<div class="' + cls + '">' + val + '</div>' +
|
||||
'</div>'
|
||||
);
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function fmtHours(h) {
|
||||
if (h == null) return '—';
|
||||
var n = Number(h);
|
||||
if (isNaN(n)) return '—';
|
||||
if (Math.abs(n - Math.round(n)) < 0.01) return String(Math.round(n)) + 'h';
|
||||
return n.toFixed(1) + 'h';
|
||||
}
|
||||
|
||||
function fmtRemainSec(sec) {
|
||||
if (sec == null || sec <= 0) return '—';
|
||||
var s = Math.max(0, Math.floor(sec));
|
||||
var h = Math.floor(s / 3600);
|
||||
var m = Math.floor((s % 3600) / 60);
|
||||
if (h > 0) return h + 'h ' + m + 'm';
|
||||
return m + 'm';
|
||||
}
|
||||
|
||||
function applyRisk(risk, account) {
|
||||
if (!riskGridEl || !risk) return;
|
||||
if (risk.limits && Object.keys(risk.limits).length) {
|
||||
lastRiskPayload = risk;
|
||||
} else if (lastRiskPayload) {
|
||||
risk = {
|
||||
enabled: lastRiskPayload.enabled,
|
||||
limits: lastRiskPayload.limits,
|
||||
manual_close_count_today: lastRiskPayload.manual_close_count_today,
|
||||
margin_pct_used: lastRiskPayload.margin_pct_used,
|
||||
status: risk.status || lastRiskPayload.status,
|
||||
};
|
||||
}
|
||||
if (account && account.equity > 0 && account.margin_used != null) {
|
||||
risk.margin_pct_used = Math.round(account.margin_used / account.equity * 10000) / 100;
|
||||
}
|
||||
var lim = risk.limits || {};
|
||||
var st = risk.status || {};
|
||||
var enabled = risk.enabled !== false;
|
||||
var active = st.active_count != null ? st.active_count : '—';
|
||||
var maxPos = lim.max_active_positions != null ? lim.max_active_positions : st.max_active_positions;
|
||||
var manualCnt = risk.manual_close_count_today != null ? risk.manual_close_count_today : 0;
|
||||
var manualLim = lim.manual_close_daily_limit;
|
||||
var dailyOpens = risk.daily_open_count != null
|
||||
? risk.daily_open_count
|
||||
: (st.daily_open_count != null ? st.daily_open_count : '—');
|
||||
var dailyPosLim = lim.daily_position_limit != null
|
||||
? lim.daily_position_limit
|
||||
: st.daily_position_limit;
|
||||
var dailyRiskUsed = risk.daily_risk_used_pct != null
|
||||
? risk.daily_risk_used_pct
|
||||
: st.daily_risk_used_pct;
|
||||
var dailyRiskLim = lim.daily_trading_risk_pct_limit != null
|
||||
? lim.daily_trading_risk_pct_limit
|
||||
: st.daily_trading_risk_pct_limit;
|
||||
var dailyRiskText = dailyRiskUsed != null ? fmtNum(dailyRiskUsed) + '%' : '—';
|
||||
if (dailyRiskLim != null && dailyRiskUsed != null) {
|
||||
dailyRiskText += ' / ' + fmtNum(dailyRiskLim) + '%';
|
||||
} else if (dailyRiskLim != null) {
|
||||
dailyRiskText += ' / ' + fmtNum(dailyRiskLim) + '%';
|
||||
}
|
||||
var marginPct = risk.margin_pct_used;
|
||||
var maxMarginPct = lim.max_margin_pct;
|
||||
var rollMaxPct = lim.roll_max_margin_pct;
|
||||
var isSingleMode = lim.position_mode === 'single'
|
||||
|| (maxPos != null && Number(maxPos) <= 1);
|
||||
var compositeCapLabel = isSingleMode ? '滚仓保证金上限' : '多仓保证金上限';
|
||||
|
||||
if (riskReasonEl) {
|
||||
var reason = st.reason || (enabled ? '可新开仓' : '风控已关闭');
|
||||
riskReasonEl.textContent = (st.status_label ? st.status_label + ' · ' : '') + reason;
|
||||
riskReasonEl.className = 'dashboard-risk-reason';
|
||||
if (st.can_trade === false) riskReasonEl.classList.add('is-blocked');
|
||||
else if (st.can_trade) riskReasonEl.classList.add('is-ok');
|
||||
}
|
||||
|
||||
var sizingDetail = lim.sizing_label || '—';
|
||||
if (lim.sizing_mode === 'amount') {
|
||||
sizingDetail += ' · ' + fmtNum(lim.fixed_amount, 0) + ' 元';
|
||||
} else if (lim.fixed_lots != null) {
|
||||
sizingDetail += ' · ' + lim.fixed_lots + ' 手';
|
||||
}
|
||||
|
||||
var items = [
|
||||
{
|
||||
label: '风控开关',
|
||||
value: enabled ? '开启' : '关闭',
|
||||
valueClass: enabled ? 'risk-switch-on' : 'risk-switch-off',
|
||||
},
|
||||
{ label: '持仓限制', value: active + ' / ' + (maxPos != null ? maxPos : '—') },
|
||||
{ label: '日持仓限制', value: dailyOpens + ' / ' + (dailyPosLim != null ? dailyPosLim : '—') },
|
||||
{ label: '日交易风险', value: dailyRiskText },
|
||||
{ label: '手动平仓次数', value: manualCnt + ' / ' + (manualLim != null ? manualLim : '—') },
|
||||
{
|
||||
label: '综合保证金占比',
|
||||
valueHtml: riskMarginPctHtml(marginPct, rollMaxPct),
|
||||
},
|
||||
{
|
||||
label: '单仓保证金上限',
|
||||
value: maxMarginPct != null ? fmtNum(maxMarginPct) + '%' : '—',
|
||||
valueClass: 'risk-cap-single',
|
||||
},
|
||||
{
|
||||
label: compositeCapLabel,
|
||||
value: rollMaxPct != null ? fmtNum(rollMaxPct) + '%' : '—',
|
||||
valueClass: 'risk-cap-roll',
|
||||
},
|
||||
{ label: '计仓模式', value: sizingDetail },
|
||||
{ label: '交易日切', value: lim.trading_day_reset_hour != null ? lim.trading_day_reset_hour + ':00' : '—' }
|
||||
];
|
||||
|
||||
renderRiskGrid(items);
|
||||
}
|
||||
|
||||
function updateCtpBadge(st) {
|
||||
if (!ctpBadge || !st) return;
|
||||
var connected = !!st.connected;
|
||||
var connecting = !!st.connecting && !(st.login_cooldown_sec > 0);
|
||||
ctpBadge.className = 'badge ' + (connected ? 'profit' : (connecting ? 'planned' : 'loss'));
|
||||
if (connected) {
|
||||
ctpBadge.textContent = 'CTP 已连接';
|
||||
} else if (connecting) {
|
||||
ctpBadge.textContent = 'CTP 连接中…';
|
||||
} else if (st.disabled_hint) {
|
||||
ctpBadge.textContent = 'CTP 自动连接已关闭';
|
||||
} else if (st.last_error) {
|
||||
ctpBadge.textContent = 'CTP 未连接';
|
||||
ctpBadge.title = st.last_error;
|
||||
} else {
|
||||
ctpBadge.textContent = 'CTP 未连接';
|
||||
ctpBadge.title = '';
|
||||
}
|
||||
}
|
||||
|
||||
function applyAccount(data) {
|
||||
if (!data) return;
|
||||
var acc = data.account || {};
|
||||
var st = data.ctp_status || {};
|
||||
updateCtpBadge(st);
|
||||
if (modeBadge && data.trading_mode_label) {
|
||||
modeBadge.textContent = data.trading_mode_label;
|
||||
modeBadge.className = 'badge dir';
|
||||
}
|
||||
if (updatedEl && data.updated_at) {
|
||||
updatedEl.textContent = '更新 ' + data.updated_at;
|
||||
}
|
||||
if (equityEl) {
|
||||
equityEl.textContent = fmtMoney(acc.equity != null ? acc.equity : acc.capital_fallback);
|
||||
}
|
||||
if (marginEl) {
|
||||
marginEl.textContent = acc.margin_used != null ? fmtMoney(acc.margin_used) : '—';
|
||||
}
|
||||
if (availEl) {
|
||||
availEl.textContent = acc.available != null ? fmtMoney(acc.available) : '—';
|
||||
}
|
||||
}
|
||||
|
||||
function renderKeys(keys) {
|
||||
if (!keysBody) return;
|
||||
if (!keys || !keys.length) {
|
||||
keysBody.innerHTML = '<tr><td colspan="8" class="text-muted">暂无关键位监控</td></tr>';
|
||||
return;
|
||||
}
|
||||
keysBody.innerHTML = keys.map(function (k) {
|
||||
return (
|
||||
'<tr data-key-id="' + k.id + '">' +
|
||||
'<td>' + symbolCellHtml(k) + '</td>' +
|
||||
'<td>' + escHtml(k.monitor_type || '—') + '</td>' +
|
||||
'<td>' + escHtml(k.bar_period || '—') + '</td>' +
|
||||
'<td>' + fmtNum(k.upper) + '</td>' +
|
||||
'<td>' + fmtNum(k.lower) + '</td>' +
|
||||
'<td class="dash-k-price">' + (k.price != null ? fmtNum(k.price) : '—') + '</td>' +
|
||||
'<td class="dash-k-dist-up">' + (k.dist_upper != null ? fmtNum(k.dist_upper) : '—') + '</td>' +
|
||||
'<td class="dash-k-dist-down">' + (k.dist_lower != null ? fmtNum(k.dist_lower) : '—') + '</td>' +
|
||||
'</tr>'
|
||||
);
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function patchKeys(keys) {
|
||||
if (!keysBody || !keys) return;
|
||||
keys.forEach(function (k) {
|
||||
var row = keysBody.querySelector('tr[data-key-id="' + k.id + '"]');
|
||||
if (!row) return;
|
||||
var priceEl = row.querySelector('.dash-k-price');
|
||||
var upEl = row.querySelector('.dash-k-dist-up');
|
||||
var downEl = row.querySelector('.dash-k-dist-down');
|
||||
if (priceEl) priceEl.textContent = k.price != null ? fmtNum(k.price) : '—';
|
||||
if (upEl) upEl.textContent = k.dist_upper != null ? fmtNum(k.dist_upper) : '—';
|
||||
if (downEl) downEl.textContent = k.dist_lower != null ? fmtNum(k.dist_lower) : '—';
|
||||
});
|
||||
}
|
||||
|
||||
function renderClosesMobile(closes) {
|
||||
if (!closesMobileList) return;
|
||||
if (!closes || !closes.length) {
|
||||
closesMobileList.innerHTML = '<div class="dash-mobile-empty">暂无平仓记录</div>';
|
||||
closesMobileCache = {};
|
||||
return;
|
||||
}
|
||||
closesMobileCache = {};
|
||||
closesMobileList.innerHTML = closes.map(function (c) {
|
||||
var net = c.pnl_net != null ? c.pnl_net : c.pnl;
|
||||
closesMobileCache[String(c.id)] = c;
|
||||
var summary = mobileSummaryHtml(c.lots, '平仓', c.close_price, net);
|
||||
return (
|
||||
'<button type="button" class="dash-mobile-item" data-close-id="' + c.id + '">' +
|
||||
'<div class="dash-mobile-item-head">' +
|
||||
'<div class="dash-mobile-item-title">' + mobileSymbolTitleHtml(c) + '</div>' +
|
||||
'</div>' +
|
||||
mobileItemFootHtml(summary) +
|
||||
'</button>'
|
||||
);
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function renderCloses(closes) {
|
||||
if (!closesBody) return;
|
||||
if (!closes || !closes.length) {
|
||||
closesBody.innerHTML = '<tr><td colspan="8" class="text-muted">暂无平仓记录</td></tr>';
|
||||
if (isPhoneLayout() && closesMobileList) {
|
||||
closesMobileList.innerHTML = '<div class="dash-mobile-empty">暂无平仓记录</div>';
|
||||
}
|
||||
closesMobileCache = {};
|
||||
return;
|
||||
}
|
||||
if (isPhoneLayout()) renderClosesMobile(closes);
|
||||
closesBody.innerHTML = closes.map(function (c) {
|
||||
var pc = pnlClass(c.pnl_net != null ? c.pnl_net : c.pnl);
|
||||
return (
|
||||
'<tr data-close-id="' + c.id + '">' +
|
||||
'<td>' + symbolCellHtml(c) + '</td>' +
|
||||
'<td>' + directionBadgeHtml(c) + '</td>' +
|
||||
'<td>' + fmtNum(c.lots) + '</td>' +
|
||||
'<td>' + fmtNum(c.entry_price) + '</td>' +
|
||||
'<td>' + fmtNum(c.close_price) + '</td>' +
|
||||
'<td class="' + pnlClass(c.pnl) + '">' + fmtPnl(c.pnl) + '</td>' +
|
||||
'<td class="' + pc + '">' + fmtPnl(c.pnl_net) + '</td>' +
|
||||
'<td>' + escHtml(c.close_time || '—') + '</td>' +
|
||||
'</tr>'
|
||||
);
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function applyKeys(keys) {
|
||||
if (!keysBody) return;
|
||||
var ids = (keys || []).map(function (k) { return String(k.id); }).join(',');
|
||||
if (!ids) {
|
||||
keysBody.innerHTML = '<tr><td colspan="8" class="text-muted">暂无关键位监控</td></tr>';
|
||||
lastKeyIds = '';
|
||||
lastKeyRows = [];
|
||||
if (keysMobileList) keysMobileList.innerHTML = '<div class="dash-mobile-empty">暂无关键位监控</div>';
|
||||
return;
|
||||
}
|
||||
if (ids !== lastKeyIds) {
|
||||
lastKeyIds = ids;
|
||||
lastKeyRows = keys || [];
|
||||
renderKeys(keys);
|
||||
if (isPhoneLayout()) renderKeysMobile(lastKeyRows);
|
||||
} else {
|
||||
patchKeys(keys);
|
||||
if (isPhoneLayout()) patchKeysMobile(keys);
|
||||
}
|
||||
}
|
||||
|
||||
function applyCloses(closes) {
|
||||
if (!closesBody) return;
|
||||
if (!closes || !closes.length) {
|
||||
closesBody.innerHTML = '<tr><td colspan="8" class="text-muted">暂无平仓记录</td></tr>';
|
||||
lastCloseHeadId = null;
|
||||
if (isPhoneLayout() && closesMobileList) {
|
||||
closesMobileList.innerHTML = '<div class="dash-mobile-empty">暂无平仓记录</div>';
|
||||
}
|
||||
closesMobileCache = {};
|
||||
return;
|
||||
}
|
||||
var headId = closes[0].id;
|
||||
if (headId !== lastCloseHeadId) {
|
||||
lastCloseHeadId = headId;
|
||||
renderCloses(closes);
|
||||
}
|
||||
}
|
||||
|
||||
function positionRows(data) {
|
||||
return (data.rows || []).filter(function (r) {
|
||||
return r.order_state !== 'pending' && (r.lots || 0) > 0;
|
||||
});
|
||||
}
|
||||
|
||||
function posDetailItems(r) {
|
||||
return [
|
||||
{ label: '品种', value: (r.symbol_name || r.symbol || '') + (r.symbol_code ? ' ' + r.symbol_code : '') },
|
||||
{ label: '方向', html: directionBadgeHtml(r) },
|
||||
{ label: '手数', value: String(r.lots) },
|
||||
{ label: '均价', value: fmtNum(r.entry_price) },
|
||||
{ label: '现价', value: r.current_price != null ? fmtNum(r.current_price) : '—' },
|
||||
{ label: '浮盈亏', html: '<span class="' + pnlClass(r.float_pnl) + '">' + fmtPnl(r.float_pnl) + '</span>' },
|
||||
{ label: '保证金', value: r.margin != null ? fmtMoney(r.margin) : '—' },
|
||||
{ label: '止损', value: slText(r) },
|
||||
{ label: '止盈', value: tpText(r) },
|
||||
];
|
||||
}
|
||||
|
||||
function keyDetailItems(k) {
|
||||
return [
|
||||
{ label: '品种', value: (k.symbol_name || k.symbol || k.symbol_code || '') },
|
||||
{ label: '类型', value: k.monitor_type || '—' },
|
||||
{ label: '周期', value: k.bar_period || '—' },
|
||||
{ label: '上沿', value: fmtNum(k.upper) },
|
||||
{ label: '下沿', value: fmtNum(k.lower) },
|
||||
{ label: '现价', value: k.price != null ? fmtNum(k.price) : '—' },
|
||||
{ label: '距上沿', value: k.dist_upper != null ? fmtNum(k.dist_upper) : '—' },
|
||||
{ label: '距下沿', value: k.dist_lower != null ? fmtNum(k.dist_lower) : '—' },
|
||||
];
|
||||
}
|
||||
|
||||
function closeDetailItems(c) {
|
||||
var net = c.pnl_net != null ? c.pnl_net : c.pnl;
|
||||
return [
|
||||
{ label: '品种', value: (c.symbol_name || c.symbol || '') + (c.symbol_code ? ' ' + c.symbol_code : '') },
|
||||
{ label: '方向', html: directionBadgeHtml(c) },
|
||||
{ label: '手数', value: String(c.lots) },
|
||||
{ label: '开仓价', value: fmtNum(c.entry_price) },
|
||||
{ label: '平仓价', value: fmtNum(c.close_price) },
|
||||
{ label: '盈亏', html: '<span class="' + pnlClass(c.pnl) + '">' + fmtPnl(c.pnl) + '</span>' },
|
||||
{ label: '净盈亏', html: '<span class="' + pnlClass(net) + '">' + fmtPnl(net) + '</span>' },
|
||||
{ label: '手续费', value: c.fee != null ? fmtMoney(c.fee) : '—' },
|
||||
{ label: '平仓时间', value: c.close_time || '—' },
|
||||
{ label: '结果', value: c.result || '—' },
|
||||
];
|
||||
}
|
||||
|
||||
function renderPositionsMobile(rows) {
|
||||
if (!posMobileList) return;
|
||||
if (!rows.length) {
|
||||
posMobileList.innerHTML = '<div class="dash-mobile-empty">暂无持仓</div>';
|
||||
posMobileCache = {};
|
||||
return;
|
||||
}
|
||||
posMobileCache = {};
|
||||
posMobileList.innerHTML = rows.map(function (r) {
|
||||
var key = r.key || r.position_key || ((r.symbol_code || '') + ':' + (r.direction || ''));
|
||||
posMobileCache[key] = r;
|
||||
var summary = mobileSummaryHtml(
|
||||
r.lots, '现价', r.current_price, r.float_pnl
|
||||
);
|
||||
return (
|
||||
'<button type="button" class="dash-mobile-item" data-pos-key="' + escHtml(key) + '">' +
|
||||
'<div class="dash-mobile-item-head">' +
|
||||
'<div class="dash-mobile-item-title">' + mobileSymbolTitleHtml(r) + '</div>' +
|
||||
'</div>' +
|
||||
mobileItemFootHtml(summary) +
|
||||
'</button>'
|
||||
);
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function patchPositionsMobile(rows) {
|
||||
if (!posMobileList || !rows) return;
|
||||
rows.forEach(function (r) {
|
||||
var key = r.key || r.position_key;
|
||||
posMobileCache[key] = r;
|
||||
var btn = posMobileList.querySelector('[data-pos-key="' + key + '"]');
|
||||
if (!btn) return;
|
||||
var summaryEl = btn.querySelector('.dash-mobile-item-summary');
|
||||
if (summaryEl) {
|
||||
summaryEl.innerHTML = mobileSummaryHtml(
|
||||
r.lots, '现价', r.current_price, r.float_pnl
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function renderKeysMobile(keys) {
|
||||
if (!keysMobileList) return;
|
||||
if (!keys || !keys.length) {
|
||||
keysMobileList.innerHTML = '<div class="dash-mobile-empty">暂无关键位监控</div>';
|
||||
keysMobileCache = {};
|
||||
return;
|
||||
}
|
||||
keysMobileCache = {};
|
||||
keysMobileList.innerHTML = keys.map(function (k) {
|
||||
keysMobileCache[String(k.id)] = k;
|
||||
var title = symbolCellHtml(k);
|
||||
var meta = escHtml(k.monitor_type || '—') + ' · ' + escHtml(k.bar_period || '—') +
|
||||
' · 现价 ' + (k.price != null ? fmtNum(k.price) : '—');
|
||||
var dist = '距上 ' + (k.dist_upper != null ? fmtNum(k.dist_upper) : '—') +
|
||||
' / 距下 ' + (k.dist_lower != null ? fmtNum(k.dist_lower) : '—');
|
||||
return (
|
||||
'<button type="button" class="dash-mobile-item" data-key-id="' + k.id + '">' +
|
||||
'<div class="dash-mobile-item-head"><div class="dash-mobile-item-title">' + title + '</div></div>' +
|
||||
'<div class="dash-mobile-item-meta">' + meta + '</div>' +
|
||||
'<div class="dash-mobile-item-foot">' +
|
||||
'<span class="text-muted">' + escHtml(dist) + '</span>' +
|
||||
'<span class="dash-mobile-chevron">查看详情 ›</span>' +
|
||||
'</div></button>'
|
||||
);
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function patchKeysMobile(keys) {
|
||||
if (!keysMobileList || !keys) return;
|
||||
keys.forEach(function (k) {
|
||||
keysMobileCache[String(k.id)] = k;
|
||||
var btn = keysMobileList.querySelector('[data-key-id="' + k.id + '"]');
|
||||
if (!btn) return;
|
||||
var metaEl = btn.querySelector('.dash-mobile-item-meta');
|
||||
var distEl = btn.querySelector('.dash-mobile-item-foot span:first-child');
|
||||
if (metaEl) {
|
||||
metaEl.innerHTML = escHtml(k.monitor_type || '—') + ' · ' + escHtml(k.bar_period || '—') +
|
||||
' · 现价 ' + (k.price != null ? fmtNum(k.price) : '—');
|
||||
}
|
||||
if (distEl) {
|
||||
distEl.textContent = '距上 ' + (k.dist_upper != null ? fmtNum(k.dist_upper) : '—') +
|
||||
' / 距下 ' + (k.dist_lower != null ? fmtNum(k.dist_lower) : '—');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function initMobileLists() {
|
||||
if (posMobileList) {
|
||||
posMobileList.addEventListener('click', function (ev) {
|
||||
var btn = ev.target.closest('[data-pos-key]');
|
||||
if (!btn) return;
|
||||
var key = btn.getAttribute('data-pos-key');
|
||||
var row = posMobileCache[key];
|
||||
if (!row) return;
|
||||
var name = row.symbol_name || row.symbol || row.symbol_code || '持仓';
|
||||
openDetailModal(name, posDetailItems(row));
|
||||
});
|
||||
}
|
||||
if (keysMobileList) {
|
||||
keysMobileList.addEventListener('click', function (ev) {
|
||||
var btn = ev.target.closest('[data-key-id]');
|
||||
if (!btn) return;
|
||||
var k = keysMobileCache[btn.getAttribute('data-key-id')];
|
||||
if (!k) return;
|
||||
openDetailModal(k.symbol_name || k.symbol || '关键位', keyDetailItems(k));
|
||||
});
|
||||
}
|
||||
if (closesMobileList) {
|
||||
closesMobileList.addEventListener('click', function (ev) {
|
||||
var btn = ev.target.closest('[data-close-id]');
|
||||
if (!btn) return;
|
||||
var c = closesMobileCache[btn.getAttribute('data-close-id')];
|
||||
if (!c) return;
|
||||
openDetailModal(c.symbol_name || c.symbol || '平仓记录', closeDetailItems(c));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function renderPositions(rows) {
|
||||
lastPosRows = rows || [];
|
||||
if (isPhoneLayout()) {
|
||||
renderPositionsMobile(lastPosRows);
|
||||
}
|
||||
if (!posBody) return;
|
||||
if (!rows.length) {
|
||||
posBody.innerHTML = '<tr><td colspan="9" class="text-muted">暂无持仓</td></tr>';
|
||||
posRowCache = {};
|
||||
posRenderSig = '';
|
||||
return;
|
||||
}
|
||||
posRowCache = {};
|
||||
posBody.innerHTML = rows.map(function (r) {
|
||||
var key = r.key || r.position_key || ((r.symbol_code || '') + ':' + (r.direction || ''));
|
||||
posRowCache[key] = true;
|
||||
return (
|
||||
'<tr data-pos-key="' + escHtml(key) + '">' +
|
||||
'<td>' + symbolCellHtml(r) + '</td>' +
|
||||
'<td>' + directionBadgeHtml(r) + '</td>' +
|
||||
'<td class="dash-p-lots">' + escHtml(String(r.lots)) + '</td>' +
|
||||
'<td class="dash-p-entry">' + fmtNum(r.entry_price) + '</td>' +
|
||||
'<td class="dash-p-mark">' + (r.current_price != null ? fmtNum(r.current_price) : '—') + '</td>' +
|
||||
'<td class="dash-p-pnl ' + pnlClass(r.float_pnl) + '">' + fmtPnl(r.float_pnl) + '</td>' +
|
||||
'<td class="dash-p-margin">' + (r.margin != null ? fmtMoney(r.margin) : '—') + '</td>' +
|
||||
'<td class="dash-p-sl">' + escHtml(slText(r)) + '</td>' +
|
||||
'<td class="dash-p-tp">' + escHtml(tpText(r)) + '</td>' +
|
||||
'</tr>'
|
||||
);
|
||||
}).join('');
|
||||
}
|
||||
|
||||
function findPosRow(key) {
|
||||
if (!posBody || !key) return null;
|
||||
var rows = posBody.querySelectorAll('tr[data-pos-key]');
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
if (rows[i].getAttribute('data-pos-key') === key) return rows[i];
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function patchPositionQuotes(quotes) {
|
||||
if (!quotes) return;
|
||||
quotes.forEach(function (q) {
|
||||
var key = q.key || q.position_key;
|
||||
if (isPhoneLayout() && posMobileCache[key]) {
|
||||
var cached = posMobileCache[key];
|
||||
if (q.mark_price != null) cached.current_price = q.mark_price;
|
||||
if (q.float_pnl != null) cached.float_pnl = q.float_pnl;
|
||||
}
|
||||
var row = findPosRow(key);
|
||||
if (!row) return;
|
||||
var markEl = row.querySelector('.dash-p-mark');
|
||||
var pnlEl = row.querySelector('.dash-p-pnl');
|
||||
if (markEl && q.mark_price != null) markEl.textContent = fmtNum(q.mark_price);
|
||||
if (pnlEl && q.float_pnl != null) {
|
||||
pnlEl.textContent = fmtPnl(q.float_pnl);
|
||||
pnlEl.className = 'dash-p-pnl ' + pnlClass(q.float_pnl);
|
||||
}
|
||||
});
|
||||
if (isPhoneLayout()) patchPositionsMobile(Object.keys(posMobileCache).map(function (k) {
|
||||
return posMobileCache[k];
|
||||
}));
|
||||
}
|
||||
|
||||
function applyPositionsData(data) {
|
||||
if (!data) return;
|
||||
if (data.ctp_status) updateCtpBadge(data.ctp_status);
|
||||
if (data.risk_status) {
|
||||
applyRisk({ status: data.risk_status });
|
||||
}
|
||||
if (data.trading_mode_label && modeBadge) {
|
||||
modeBadge.textContent = data.trading_mode_label;
|
||||
}
|
||||
if (equityEl && data.capital != null) {
|
||||
equityEl.textContent = fmtMoney(data.capital);
|
||||
}
|
||||
var rows = positionRows(data);
|
||||
if (!rows.length && lastPosRows.length) {
|
||||
var keepSticky = data.sync_state === 'syncing'
|
||||
|| Number(data.margin_used) > 0
|
||||
|| (data.risk_status && Number(data.risk_status.active_count) > 0);
|
||||
if (keepSticky) {
|
||||
rows = lastPosRows;
|
||||
}
|
||||
}
|
||||
var sig = rows.map(function (r) {
|
||||
var key = r.key || r.position_key || ((r.symbol_code || '') + ':' + (r.direction || ''));
|
||||
return key + '|' + (isBreakevenLocked(r) ? '1' : '0') + '|' + slText(r) + '|' + tpText(r) + '|' + String(r.lots);
|
||||
}).sort().join('|');
|
||||
if (sig !== posRenderSig) {
|
||||
posRenderSig = sig;
|
||||
renderPositions(rows);
|
||||
} else {
|
||||
rows.forEach(function (r) {
|
||||
var key = r.key || r.position_key;
|
||||
var row = findPosRow(key);
|
||||
if (!row) return;
|
||||
var lotsEl = row.querySelector('.dash-p-lots');
|
||||
var entryEl = row.querySelector('.dash-p-entry');
|
||||
var markEl = row.querySelector('.dash-p-mark');
|
||||
var pnlEl = row.querySelector('.dash-p-pnl');
|
||||
var marginEl = row.querySelector('.dash-p-margin');
|
||||
var slEl = row.querySelector('.dash-p-sl');
|
||||
var tpEl = row.querySelector('.dash-p-tp');
|
||||
if (lotsEl) lotsEl.textContent = String(r.lots);
|
||||
if (entryEl) entryEl.textContent = fmtNum(r.entry_price);
|
||||
if (markEl) markEl.textContent = r.current_price != null ? fmtNum(r.current_price) : '—';
|
||||
if (pnlEl) {
|
||||
pnlEl.textContent = fmtPnl(r.float_pnl);
|
||||
pnlEl.className = 'dash-p-pnl ' + pnlClass(r.float_pnl);
|
||||
}
|
||||
if (marginEl) marginEl.textContent = r.margin != null ? fmtMoney(r.margin) : '—';
|
||||
if (slEl) slEl.textContent = slText(r);
|
||||
if (tpEl) tpEl.textContent = tpText(r);
|
||||
});
|
||||
if (isPhoneLayout()) patchPositionsMobile(rows);
|
||||
}
|
||||
}
|
||||
|
||||
function pollIntervalMs() {
|
||||
if (isPhoneLayout() || isTabletLayout()) return 3000;
|
||||
return 2000;
|
||||
}
|
||||
|
||||
function pollDashboard() {
|
||||
if (pollInFlight) return;
|
||||
pollInFlight = true;
|
||||
fetch('/api/dashboard/live')
|
||||
.then(function (r) {
|
||||
if (!r.ok) throw new Error('HTTP ' + r.status);
|
||||
return r.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
pollFailStreak = 0;
|
||||
if (!data.ok) {
|
||||
if (updatedEl) updatedEl.textContent = data.error || '看板数据暂不可用';
|
||||
return;
|
||||
}
|
||||
applyAccount(data);
|
||||
applyRisk(data.risk, data.account);
|
||||
applyKeys(data.keys || []);
|
||||
applyCloses(data.closes || []);
|
||||
})
|
||||
.catch(function () {
|
||||
pollFailStreak += 1;
|
||||
if (updatedEl) {
|
||||
updatedEl.textContent = pollFailStreak >= 3
|
||||
? '看板连接失败，正在重试…'
|
||||
: '看板数据加载失败';
|
||||
}
|
||||
})
|
||||
.finally(function () {
|
||||
pollInFlight = false;
|
||||
});
|
||||
}
|
||||
|
||||
function connectPositionStream() {
|
||||
if (positionSource) {
|
||||
positionSource.close();
|
||||
positionSource = null;
|
||||
}
|
||||
positionSource = new EventSource('/api/trading/stream');
|
||||
positionSource.addEventListener('positions', function (ev) {
|
||||
try {
|
||||
applyPositionsData(JSON.parse(ev.data));
|
||||
} catch (e) { /* ignore */ }
|
||||
});
|
||||
positionSource.addEventListener('position_quotes', function (ev) {
|
||||
try {
|
||||
var data = JSON.parse(ev.data);
|
||||
patchPositionQuotes(data.quotes || []);
|
||||
} catch (e) { /* ignore */ }
|
||||
});
|
||||
positionSource.onerror = function () {
|
||||
if (positionSource) {
|
||||
positionSource.close();
|
||||
positionSource = null;
|
||||
}
|
||||
var delay = (isPhoneLayout() || isTabletLayout()) ? 8000 : 3000;
|
||||
setTimeout(connectPositionStream, delay);
|
||||
};
|
||||
}
|
||||
|
||||
function startPolling() {
|
||||
if (pollTimer) clearInterval(pollTimer);
|
||||
pollDashboard();
|
||||
pollTimer = setInterval(pollDashboard, pollIntervalMs());
|
||||
}
|
||||
|
||||
function stopPolling() {
|
||||
if (pollTimer) {
|
||||
clearInterval(pollTimer);
|
||||
pollTimer = null;
|
||||
}
|
||||
if (positionSource) {
|
||||
positionSource.close();
|
||||
positionSource = null;
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener('visibilitychange', function () {
|
||||
if (document.visibilityState === 'visible') {
|
||||
startPolling();
|
||||
if (!positionSource) connectPositionStream();
|
||||
} else {
|
||||
stopPolling();
|
||||
}
|
||||
});
|
||||
|
||||
startPolling();
|
||||
connectPositionStream();
|
||||
initRiskToggle();
|
||||
initDetailModal();
|
||||
initMobileLists();
|
||||
})();
|
||||
@@ -0,0 +1,127 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var el = document.getElementById('equity-curve-chart');
|
||||
var raw = window.__EQUITY_CURVE__;
|
||||
if (!el || !raw || !raw.length || !window.LightweightCharts) return;
|
||||
|
||||
var chart = null;
|
||||
var series = null;
|
||||
var chartData = [];
|
||||
|
||||
function cssVar(name, fallback) {
|
||||
var v = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
|
||||
return v || fallback;
|
||||
}
|
||||
|
||||
function themeColors() {
|
||||
return {
|
||||
bg: 'transparent',
|
||||
text: cssVar('--text-muted', '#7a82a0'),
|
||||
grid: cssVar('--table-border', 'rgba(76,194,255,.1)'),
|
||||
border: cssVar('--card-border', 'rgba(76,194,255,.22)'),
|
||||
line: cssVar('--accent', '#4cc2ff'),
|
||||
};
|
||||
}
|
||||
|
||||
function parseTime(s) {
|
||||
if (!s) return null;
|
||||
var t = String(s).trim().replace(' ', 'T');
|
||||
if (t.length === 16) t += ':00';
|
||||
var d = new Date(t);
|
||||
if (isNaN(d.getTime())) return null;
|
||||
return Math.floor(d.getTime() / 1000);
|
||||
}
|
||||
|
||||
function buildData() {
|
||||
var data = [];
|
||||
var lastTs = 0;
|
||||
raw.forEach(function (p) {
|
||||
var ts = parseTime(p.time);
|
||||
if (ts == null) return;
|
||||
if (ts <= lastTs) ts = lastTs + 1;
|
||||
lastTs = ts;
|
||||
data.push({ time: ts, value: Number(p.value) });
|
||||
});
|
||||
return data;
|
||||
}
|
||||
|
||||
function applyChartTheme() {
|
||||
if (!chart || !series) return;
|
||||
var c = themeColors();
|
||||
chart.applyOptions({
|
||||
layout: {
|
||||
background: { type: 'solid', color: c.bg },
|
||||
textColor: c.text,
|
||||
},
|
||||
grid: {
|
||||
vertLines: { color: c.grid },
|
||||
horzLines: { color: c.grid },
|
||||
},
|
||||
rightPriceScale: { borderColor: c.border },
|
||||
timeScale: { borderColor: c.border },
|
||||
});
|
||||
series.applyOptions({ color: c.line });
|
||||
}
|
||||
|
||||
function renderChart() {
|
||||
chartData = buildData();
|
||||
if (!chartData.length) {
|
||||
el.innerHTML = '<p class="text-muted" style="padding:1rem">暂无资金曲线数据</p>';
|
||||
return;
|
||||
}
|
||||
|
||||
var c = themeColors();
|
||||
if (chart) {
|
||||
chart.remove();
|
||||
chart = null;
|
||||
series = null;
|
||||
}
|
||||
|
||||
chart = LightweightCharts.createChart(el, {
|
||||
width: el.clientWidth || 800,
|
||||
height: 220,
|
||||
layout: {
|
||||
background: { type: 'solid', color: c.bg },
|
||||
textColor: c.text,
|
||||
fontSize: 11,
|
||||
},
|
||||
grid: {
|
||||
vertLines: { color: c.grid },
|
||||
horzLines: { color: c.grid },
|
||||
},
|
||||
rightPriceScale: { borderColor: c.border },
|
||||
timeScale: { borderColor: c.border, timeVisible: true, secondsVisible: false },
|
||||
});
|
||||
series = chart.addLineSeries({
|
||||
color: c.line,
|
||||
lineWidth: 2,
|
||||
priceFormat: { type: 'price', precision: 2, minMove: 0.01 },
|
||||
});
|
||||
series.setData(chartData);
|
||||
chart.timeScale().fitContent();
|
||||
}
|
||||
|
||||
renderChart();
|
||||
|
||||
window.addEventListener('resize', function () {
|
||||
if (chart) chart.applyOptions({ width: el.clientWidth || 800 });
|
||||
});
|
||||
|
||||
document.addEventListener('click', function (e) {
|
||||
if (e.target.closest('[data-theme-pick]')) {
|
||||
setTimeout(applyChartTheme, 50);
|
||||
}
|
||||
});
|
||||
|
||||
if (typeof MutationObserver !== 'undefined') {
|
||||
var obs = new MutationObserver(function (mutations) {
|
||||
mutations.forEach(function (m) {
|
||||
if (m.attributeName === 'data-theme') applyChartTheme();
|
||||
});
|
||||
});
|
||||
obs.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] });
|
||||
}
|
||||
})();
|
||||
@@ -0,0 +1,98 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(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 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 (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';
|
||||
}
|
||||
}
|
||||
|
||||
function fmtDist(v) {
|
||||
if (v === null || v === undefined) return '--';
|
||||
return Number(v).toFixed(2);
|
||||
}
|
||||
|
||||
function pollKeyPrices() {
|
||||
var list = document.getElementById('key-monitor-list');
|
||||
if (!list || !list.querySelector('.key-item')) return;
|
||||
|
||||
fetch('/api/key_prices')
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (rows) {
|
||||
rows.forEach(function (row) {
|
||||
var el = list.querySelector('.key-item[data-key-id="' + row.id + '"]');
|
||||
if (!el) return;
|
||||
var priceEl = el.querySelector('.live-price');
|
||||
var upEl = el.querySelector('.dist-up');
|
||||
var downEl = el.querySelector('.dist-down');
|
||||
if (priceEl) priceEl.textContent = row.price != null ? row.price : '--';
|
||||
if (upEl) upEl.textContent = fmtDist(row.dist_upper);
|
||||
if (downEl) downEl.textContent = fmtDist(row.dist_lower);
|
||||
});
|
||||
})
|
||||
.catch(function () { /* ignore */ });
|
||||
}
|
||||
|
||||
function stopPolling() {
|
||||
if (keyTimer) {
|
||||
clearInterval(keyTimer);
|
||||
keyTimer = null;
|
||||
}
|
||||
}
|
||||
|
||||
function startPolling() {
|
||||
stopPolling();
|
||||
pollKeyPrices();
|
||||
keyTimer = setInterval(pollKeyPrices, 1000);
|
||||
}
|
||||
|
||||
function bindForm() {
|
||||
if (typeEl) typeEl.addEventListener('change', syncKeyForm);
|
||||
if (trailingEl) {
|
||||
trailingEl.addEventListener('change', function () {
|
||||
if (trailingEl.checked && rrEl && parseFloat(rrEl.value) < 3) {
|
||||
rrEl.value = '3';
|
||||
}
|
||||
});
|
||||
}
|
||||
syncKeyForm();
|
||||
}
|
||||
|
||||
if (window.qihuoPageBoot) window.qihuoPageBoot(function () { bindForm(); startPolling(); }, '#key-monitor-list');
|
||||
else if (window.qihuoOnPageLoad) window.qihuoOnPageLoad(function () { bindForm(); startPolling(); });
|
||||
else document.addEventListener('DOMContentLoaded', function () { bindForm(); startPolling(); });
|
||||
if (window.qihuoOnPageLeave) window.qihuoOnPageLeave(stopPolling);
|
||||
})();
|
||||
@@ -0,0 +1,195 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 公历 ↔ 农历（1900–2100，与国务院公布历法一致的数据表）
|
||||
*/
|
||||
(function (global) {
|
||||
var LUNAR_INFO = [
|
||||
0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2,
|
||||
0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977,
|
||||
0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970,
|
||||
0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950,
|
||||
0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557,
|
||||
0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5d0, 0x14573, 0x052d0, 0x0a9a8, 0x0e950, 0x06aa0,
|
||||
0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0,
|
||||
0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b5a0, 0x195a6,
|
||||
0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570,
|
||||
0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x05ac0, 0x0ab60, 0x096d5, 0x092e0,
|
||||
0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5,
|
||||
0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930,
|
||||
0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530,
|
||||
0x05aa0, 0x076a3, 0x096d0, 0x04afb, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45,
|
||||
0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0,
|
||||
0x14b63, 0x09370, 0x049f8, 0x04970, 0x064b0, 0x168a6, 0x0ea50, 0x06aa0, 0x1a6c4, 0x0aae0,
|
||||
0x092e0, 0x0d2e3, 0x0c960, 0x0d557, 0x0d4a0, 0x0da50, 0x05d55, 0x056a0, 0x0a6d0, 0x055d4,
|
||||
0x052d0, 0x0a9b8, 0x0a950, 0x0b4a0, 0x0b6a6, 0x0ad50, 0x055a0, 0x0aba4, 0x0a5b0, 0x052b0,
|
||||
0x0b273, 0x06930, 0x07337, 0x06aa0, 0x0ad50, 0x14b55, 0x04b60, 0x0a570, 0x054e4, 0x0d160,
|
||||
0x0e968, 0x0d520, 0x0daa0, 0x16aa6, 0x056d0, 0x04ae0, 0x0a9d4, 0x0a2d0, 0x0d150, 0x0f252,
|
||||
0x0d520,
|
||||
];
|
||||
|
||||
var TIAN_GAN = '甲乙丙丁戊己庚辛壬癸';
|
||||
var DI_ZHI = '子丑寅卯辰巳午未申酉戌亥';
|
||||
var LUNAR_MONTHS = '正二三四五六七八九十冬腊';
|
||||
var LUNAR_DAYS = [
|
||||
'初一', '初二', '初三', '初四', '初五', '初六', '初七', '初八', '初九', '初十',
|
||||
'十一', '十二', '十三', '十四', '十五', '十六', '十七', '十八', '十九', '二十',
|
||||
'廿一', '廿二', '廿三', '廿四', '廿五', '廿六', '廿七', '廿八', '廿九', '三十',
|
||||
];
|
||||
|
||||
function leapMonth(y) {
|
||||
return LUNAR_INFO[y - 1900] & 0xf;
|
||||
}
|
||||
|
||||
function leapDays(y) {
|
||||
if (leapMonth(y)) {
|
||||
return (LUNAR_INFO[y - 1900] & 0x10000) ? 30 : 29;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
|
||||
function monthDays(y, m) {
|
||||
return (LUNAR_INFO[y - 1900] & (0x10000 >> m)) ? 30 : 29;
|
||||
}
|
||||
|
||||
function lYearDays(y) {
|
||||
var sum = 348;
|
||||
var i;
|
||||
for (i = 0x8000; i > 0x8; i >>= 1) {
|
||||
sum += (LUNAR_INFO[y - 1900] & i) ? 1 : 0;
|
||||
}
|
||||
return sum + leapDays(y);
|
||||
}
|
||||
|
||||
function solarToDate(y, m, d) {
|
||||
return new Date(y, m - 1, d);
|
||||
}
|
||||
|
||||
function solarToLunar(y, m, d) {
|
||||
var base = new Date(1900, 0, 31);
|
||||
var obj = solarToDate(y, m, d);
|
||||
var offset = Math.floor((obj - base) / 86400000);
|
||||
var i;
|
||||
var temp = 0;
|
||||
var lunarYear = 1900;
|
||||
|
||||
for (i = 1900; i < 2101 && offset > 0; i++) {
|
||||
temp = lYearDays(i);
|
||||
offset -= temp;
|
||||
lunarYear++;
|
||||
}
|
||||
if (offset < 0) {
|
||||
offset += temp;
|
||||
lunarYear--;
|
||||
}
|
||||
|
||||
var leap = leapMonth(lunarYear);
|
||||
var isLeap = false;
|
||||
var lunarMonth = 1;
|
||||
|
||||
for (i = 1; i < 13 && offset > 0; i++) {
|
||||
if (leap > 0 && i === leap + 1 && !isLeap) {
|
||||
i--;
|
||||
isLeap = true;
|
||||
temp = leapDays(lunarYear);
|
||||
} else {
|
||||
temp = monthDays(lunarYear, i);
|
||||
}
|
||||
if (isLeap && i === leap + 1) isLeap = false;
|
||||
offset -= temp;
|
||||
if (!isLeap) lunarMonth++;
|
||||
}
|
||||
if (offset === 0 && leap > 0 && lunarMonth === leap + 1) {
|
||||
if (isLeap) {
|
||||
isLeap = false;
|
||||
} else {
|
||||
isLeap = true;
|
||||
lunarMonth--;
|
||||
}
|
||||
}
|
||||
if (offset < 0) {
|
||||
offset += temp;
|
||||
lunarMonth--;
|
||||
}
|
||||
|
||||
return {
|
||||
year: lunarYear,
|
||||
month: lunarMonth,
|
||||
day: offset + 1,
|
||||
isLeap: isLeap,
|
||||
};
|
||||
}
|
||||
|
||||
function lunarMonthName(month, isLeap) {
|
||||
var idx = month - 1;
|
||||
if (idx < 0 || idx >= LUNAR_MONTHS.length) return String(month) + '月';
|
||||
var name = LUNAR_MONTHS.charAt(idx);
|
||||
if (name === '冬') name = '十一';
|
||||
if (name === '腊') name = '十二';
|
||||
return (isLeap ? '闰' : '') + name + '月';
|
||||
}
|
||||
|
||||
function lunarDayName(day) {
|
||||
return LUNAR_DAYS[day - 1] || String(day);
|
||||
}
|
||||
|
||||
function ganZhiYear(y) {
|
||||
return TIAN_GAN.charAt((y - 4) % 10) + DI_ZHI.charAt((y - 4) % 12);
|
||||
}
|
||||
|
||||
function parseIso(iso) {
|
||||
var p = iso.split('-');
|
||||
return { y: parseInt(p[0], 10), m: parseInt(p[1], 10), d: parseInt(p[2], 10) };
|
||||
}
|
||||
|
||||
function fromIso(iso) {
|
||||
var p = parseIso(iso);
|
||||
var lunar = solarToLunar(p.y, p.m, p.d);
|
||||
return {
|
||||
solar: iso,
|
||||
lunarYear: lunar.year,
|
||||
lunarMonth: lunar.month,
|
||||
lunarDay: lunar.day,
|
||||
isLeap: lunar.isLeap,
|
||||
lunarMonthText: lunarMonthName(lunar.month, lunar.isLeap),
|
||||
lunarDayText: lunarDayName(lunar.day),
|
||||
lunarFull: lunarMonthName(lunar.month, lunar.isLeap) + lunarDayName(lunar.day),
|
||||
ganZhi: ganZhiYear(lunar.year),
|
||||
};
|
||||
}
|
||||
|
||||
/** 单元格内农历：初一显示月份，其余显示日名 */
|
||||
function cellLunarText(iso) {
|
||||
var info = fromIso(iso);
|
||||
if (info.lunarDay === 1) {
|
||||
return info.lunarMonthText;
|
||||
}
|
||||
return info.lunarDayText;
|
||||
}
|
||||
|
||||
/** 标题：公历 YYYY年M月 · 农历干支年M月 */
|
||||
function monthTitle(solarYear, solarMonth) {
|
||||
var mid = fromIso(solarYear + '-' + pad(solarMonth) + '-15');
|
||||
return (
|
||||
'公历 ' + solarYear + '年' + solarMonth + '月 · 农历 ' +
|
||||
mid.ganZhi + '年' + mid.lunarMonthText
|
||||
);
|
||||
}
|
||||
|
||||
function pad(n) {
|
||||
return n < 10 ? '0' + n : String(n);
|
||||
}
|
||||
|
||||
/** 详情标题后缀 */
|
||||
function daySubtitle(iso) {
|
||||
var info = fromIso(iso);
|
||||
return '农历' + info.ganZhi + '年' + info.lunarFull;
|
||||
}
|
||||
|
||||
global.qihuoLunar = {
|
||||
fromIso: fromIso,
|
||||
cellLunarText: cellLunarText,
|
||||
monthTitle: monthTitle,
|
||||
daySubtitle: daySubtitle,
|
||||
lunarMonthName: lunarMonthName,
|
||||
lunarDayName: lunarDayName,
|
||||
};
|
||||
}(typeof window !== 'undefined' ? window : this));
|
||||
@@ -0,0 +1,849 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var chartEl = document.getElementById('market-chart');
|
||||
var emptyEl = document.getElementById('market-chart-empty');
|
||||
var wrapEl = document.getElementById('market-chart-wrap');
|
||||
var chart = null;
|
||||
var candleSeries = null;
|
||||
var volumeSeries = null;
|
||||
var areaSeries = null;
|
||||
var ma21Series = null;
|
||||
var ma55Series = null;
|
||||
var prevCloseLine = null;
|
||||
var resizeObs = null;
|
||||
var currentPeriod = '15m';
|
||||
var currentChartMode = '';
|
||||
var klineSource = null;
|
||||
var streamActive = false;
|
||||
var reconnectTimer = null;
|
||||
var lastData = null;
|
||||
var lastRenderedPrepared = null;
|
||||
var lastPrevClose = null;
|
||||
var chartOpts = { prevClose: false, ma: false, gapDay: false };
|
||||
var followingLatest = true;
|
||||
var autoFollow = true;
|
||||
var DEFAULT_VISIBLE_BARS = 80;
|
||||
var EMA_STORAGE_KEY = 'qihuo-market-ema-periods';
|
||||
var DEFAULT_EMA = { fast: 21, slow: 55 };
|
||||
|
||||
var PERIOD_SECONDS = {
|
||||
timeshare: 60,
|
||||
'1m': 60,
|
||||
'2m': 120,
|
||||
'5m': 300,
|
||||
'15m': 900,
|
||||
'1h': 3600,
|
||||
'2h': 7200,
|
||||
'4h': 14400,
|
||||
d: 86400,
|
||||
w: 604800,
|
||||
};
|
||||
|
||||
function getSymbol() {
|
||||
var hidden = document.getElementById('market-symbol-hidden');
|
||||
var input = document.getElementById('market-symbol-input');
|
||||
if (hidden && hidden.value) return hidden.value.trim();
|
||||
if (input && input.value) return input.value.trim();
|
||||
return '';
|
||||
}
|
||||
|
||||
function getMarketCodes() {
|
||||
return {
|
||||
symbol: getSymbol(),
|
||||
market_code: (document.getElementById('market-market-code') || {}).value || '',
|
||||
sina_code: (document.getElementById('market-sina-code') || {}).value || '',
|
||||
};
|
||||
}
|
||||
|
||||
function themeColors() {
|
||||
var dark = document.documentElement.getAttribute('data-theme') !== 'light';
|
||||
return {
|
||||
bg: dark ? '#0a0c14' : '#ffffff',
|
||||
text: dark ? '#a8b0c8' : '#5c6578',
|
||||
grid: dark ? '#1e2640' : '#e8edf5',
|
||||
up: dark ? '#26a69a' : '#089981',
|
||||
down: dark ? '#ef5350' : '#f23645',
|
||||
line: dark ? '#4cc2ff' : '#2962ff',
|
||||
areaTop: dark ? 'rgba(76,194,255,0.28)' : 'rgba(41,98,255,0.22)',
|
||||
ma21: dark ? '#ffb347' : '#f7931a',
|
||||
ma55: dark ? '#c084fc' : '#7c3aed',
|
||||
prevClose: dark ? '#fbbf24' : '#b45309',
|
||||
};
|
||||
}
|
||||
|
||||
function isTradingSession() {
|
||||
var d = new Date();
|
||||
var wd = d.getDay();
|
||||
if (wd === 0) return false;
|
||||
if (wd === 6 && d.getHours() < 21) return false;
|
||||
var t = d.getHours() * 60 + d.getMinutes();
|
||||
function inRange(sh, sm, eh, em) {
|
||||
return t >= sh * 60 + sm && t < eh * 60 + em;
|
||||
}
|
||||
if (inRange(9, 0, 11, 30)) return true;
|
||||
if (inRange(13, 30, 15, 0)) return true;
|
||||
if (inRange(21, 0, 24, 0)) return true;
|
||||
if (inRange(0, 0, 2, 30)) return true;
|
||||
return false;
|
||||
}
|
||||
|
||||
function barUnixTime(bar) {
|
||||
if (bar.timestamp) return Math.floor(bar.timestamp / 1000);
|
||||
if (bar.time) {
|
||||
var d = new Date(String(bar.time).replace(' ', 'T'));
|
||||
if (!isNaN(d.getTime())) return Math.floor(d.getTime() / 1000);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function prepareBars(bars, periodKey) {
|
||||
var out = [];
|
||||
var gapDay = chartOpts.gapDay;
|
||||
var seen = {};
|
||||
var gapBase = null;
|
||||
var step = PERIOD_SECONDS[periodKey] || 60;
|
||||
for (var i = 0; i < bars.length; i++) {
|
||||
var b = bars[i];
|
||||
var o = Number(b.open);
|
||||
var h = Number(b.high);
|
||||
var l = Number(b.low);
|
||||
var c = Number(b.close);
|
||||
if (!isFinite(o) || !isFinite(c)) continue;
|
||||
if (!isFinite(h)) h = Math.max(o, c);
|
||||
if (!isFinite(l)) l = Math.min(o, c);
|
||||
h = Math.max(h, o, c);
|
||||
l = Math.min(l, o, c);
|
||||
var t;
|
||||
if (gapDay) {
|
||||
if (gapBase == null) {
|
||||
gapBase = b.timestamp ? Math.floor(b.timestamp / 1000) : 946684800;
|
||||
}
|
||||
t = gapBase + out.length * step;
|
||||
} else {
|
||||
t = barUnixTime(b);
|
||||
}
|
||||
if (t == null || seen[t]) continue;
|
||||
seen[t] = true;
|
||||
out.push({
|
||||
time: t,
|
||||
open: o,
|
||||
high: h,
|
||||
low: l,
|
||||
close: c,
|
||||
volume: Number(b.volume) || 0,
|
||||
rawTime: b.time,
|
||||
});
|
||||
}
|
||||
return out;
|
||||
}
|
||||
|
||||
function clampEmaPeriod(v, fallback) {
|
||||
var n = parseInt(v, 10);
|
||||
if (isNaN(n)) return fallback;
|
||||
return Math.max(2, Math.min(500, n));
|
||||
}
|
||||
|
||||
function loadEmaPeriodsFromStorage() {
|
||||
try {
|
||||
var raw = localStorage.getItem(EMA_STORAGE_KEY);
|
||||
if (raw) {
|
||||
var o = JSON.parse(raw);
|
||||
return {
|
||||
fast: clampEmaPeriod(o.fast, DEFAULT_EMA.fast),
|
||||
slow: clampEmaPeriod(o.slow, DEFAULT_EMA.slow),
|
||||
};
|
||||
}
|
||||
} catch (e) { /* ignore */ }
|
||||
return { fast: DEFAULT_EMA.fast, slow: DEFAULT_EMA.slow };
|
||||
}
|
||||
|
||||
function saveEmaPeriods(fast, slow) {
|
||||
try {
|
||||
localStorage.setItem(EMA_STORAGE_KEY, JSON.stringify({ fast: fast, slow: slow }));
|
||||
} catch (e) { /* ignore */ }
|
||||
}
|
||||
|
||||
function getEmaPeriods() {
|
||||
var fastEl = document.getElementById('chart-ema-fast');
|
||||
var slowEl = document.getElementById('chart-ema-slow');
|
||||
var fast = clampEmaPeriod(fastEl && fastEl.value, DEFAULT_EMA.fast);
|
||||
var slow = clampEmaPeriod(slowEl && slowEl.value, DEFAULT_EMA.slow);
|
||||
if (fastEl) fastEl.value = String(fast);
|
||||
if (slowEl) slowEl.value = String(slow);
|
||||
return { fast: fast, slow: slow };
|
||||
}
|
||||
|
||||
function syncEmaInputsEnabled() {
|
||||
var fastEl = document.getElementById('chart-ema-fast');
|
||||
var slowEl = document.getElementById('chart-ema-slow');
|
||||
var on = !!chartOpts.ma;
|
||||
if (fastEl) fastEl.disabled = !on;
|
||||
if (slowEl) slowEl.disabled = !on;
|
||||
}
|
||||
|
||||
function initEmaPeriodInputs() {
|
||||
var stored = loadEmaPeriodsFromStorage();
|
||||
var fastEl = document.getElementById('chart-ema-fast');
|
||||
var slowEl = document.getElementById('chart-ema-slow');
|
||||
if (fastEl) fastEl.value = String(stored.fast);
|
||||
if (slowEl) slowEl.value = String(stored.slow);
|
||||
syncEmaInputsEnabled();
|
||||
}
|
||||
|
||||
function calcEMA(period, bars) {
|
||||
var result = [];
|
||||
if (!bars.length || period < 1) return result;
|
||||
var k = 2 / (period + 1);
|
||||
var ema = null;
|
||||
for (var i = 0; i < bars.length; i++) {
|
||||
var close = bars[i].close;
|
||||
if (ema == null) {
|
||||
if (i < period - 1) continue;
|
||||
var sum = 0;
|
||||
for (var j = i - period + 1; j <= i; j++) sum += bars[j].close;
|
||||
ema = sum / period;
|
||||
} else {
|
||||
ema = close * k + ema * (1 - k);
|
||||
}
|
||||
result.push({ time: bars[i].time, value: +ema.toFixed(4) });
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
function destroyChart() {
|
||||
if (resizeObs) {
|
||||
resizeObs.disconnect();
|
||||
resizeObs = null;
|
||||
}
|
||||
if (chart) {
|
||||
chart.remove();
|
||||
chart = null;
|
||||
}
|
||||
candleSeries = null;
|
||||
volumeSeries = null;
|
||||
areaSeries = null;
|
||||
ma21Series = null;
|
||||
ma55Series = null;
|
||||
prevCloseLine = null;
|
||||
currentChartMode = '';
|
||||
lastRenderedPrepared = null;
|
||||
}
|
||||
|
||||
function buildChart(mode) {
|
||||
destroyChart();
|
||||
if (!chartEl || !window.LightweightCharts) return;
|
||||
var c = themeColors();
|
||||
var w = chartEl.clientWidth || 600;
|
||||
var h = chartEl.clientHeight || 400;
|
||||
chart = LightweightCharts.createChart(chartEl, {
|
||||
width: w,
|
||||
height: h,
|
||||
layout: {
|
||||
background: { type: 'solid', color: c.bg },
|
||||
textColor: c.text,
|
||||
fontSize: 11,
|
||||
},
|
||||
grid: {
|
||||
vertLines: { color: c.grid, style: 1 },
|
||||
horzLines: { color: c.grid, style: 1 },
|
||||
},
|
||||
crosshair: {
|
||||
mode: LightweightCharts.CrosshairMode.Normal,
|
||||
vertLine: { width: 1, color: c.text, style: 2, labelBackgroundColor: c.grid },
|
||||
horzLine: { width: 1, color: c.text, style: 2, labelBackgroundColor: c.grid },
|
||||
},
|
||||
rightPriceScale: {
|
||||
borderColor: c.grid,
|
||||
scaleMargins: mode === 'line' ? { top: 0.08, bottom: 0.08 } : { top: 0.05, bottom: 0.22 },
|
||||
},
|
||||
timeScale: {
|
||||
borderColor: c.grid,
|
||||
timeVisible: true,
|
||||
secondsVisible: false,
|
||||
rightOffset: 8,
|
||||
barSpacing: 10,
|
||||
minBarSpacing: 4,
|
||||
fixLeftEdge: false,
|
||||
fixRightEdge: false,
|
||||
},
|
||||
handleScroll: { mouseWheel: true, pressedMouseMove: true, horzTouchDrag: true, vertTouchDrag: true },
|
||||
handleScale: { axisPressedMouseMove: true, mouseWheel: true, pinch: true },
|
||||
localization: { locale: 'zh-CN' },
|
||||
});
|
||||
|
||||
if (mode === 'line') {
|
||||
areaSeries = chart.addAreaSeries({
|
||||
lineColor: c.line,
|
||||
topColor: c.areaTop,
|
||||
bottomColor: 'rgba(0,0,0,0)',
|
||||
lineWidth: 2,
|
||||
priceLineVisible: false,
|
||||
lastValueVisible: true,
|
||||
});
|
||||
} else {
|
||||
candleSeries = chart.addCandlestickSeries({
|
||||
upColor: c.up,
|
||||
downColor: c.down,
|
||||
borderVisible: true,
|
||||
borderUpColor: c.up,
|
||||
borderDownColor: c.down,
|
||||
wickUpColor: c.up,
|
||||
wickDownColor: c.down,
|
||||
priceLineVisible: false,
|
||||
lastValueVisible: true,
|
||||
});
|
||||
volumeSeries = chart.addHistogramSeries({
|
||||
priceFormat: { type: 'volume' },
|
||||
priceScaleId: 'volume',
|
||||
lastValueVisible: false,
|
||||
priceLineVisible: false,
|
||||
});
|
||||
chart.priceScale('volume').applyOptions({
|
||||
scaleMargins: { top: 0.82, bottom: 0 },
|
||||
borderVisible: false,
|
||||
});
|
||||
if (chartOpts.ma) {
|
||||
ma21Series = chart.addLineSeries({
|
||||
color: c.ma21,
|
||||
lineWidth: 1,
|
||||
priceLineVisible: false,
|
||||
lastValueVisible: false,
|
||||
crosshairMarkerVisible: false,
|
||||
});
|
||||
ma55Series = chart.addLineSeries({
|
||||
color: c.ma55,
|
||||
lineWidth: 1,
|
||||
priceLineVisible: false,
|
||||
lastValueVisible: false,
|
||||
crosshairMarkerVisible: false,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
chart.timeScale().subscribeVisibleLogicalRangeChange(function () {
|
||||
if (!chart) return;
|
||||
var range = chart.timeScale().getVisibleLogicalRange();
|
||||
if (!range || !lastData || !lastData.preparedBars) return;
|
||||
var total = lastData.preparedBars.length;
|
||||
followingLatest = range.to >= total - 2;
|
||||
});
|
||||
|
||||
resizeObs = new ResizeObserver(function () {
|
||||
if (!chart || !chartEl) return;
|
||||
chart.applyOptions({ width: chartEl.clientWidth, height: chartEl.clientHeight });
|
||||
});
|
||||
resizeObs.observe(chartEl);
|
||||
currentChartMode = mode;
|
||||
}
|
||||
|
||||
function applyPrevCloseLine(price) {
|
||||
if (!candleSeries || currentChartMode !== 'candle') return;
|
||||
if (prevCloseLine) {
|
||||
candleSeries.removePriceLine(prevCloseLine);
|
||||
prevCloseLine = null;
|
||||
}
|
||||
if (!chartOpts.prevClose || price == null || !isFinite(Number(price))) return;
|
||||
var c = themeColors();
|
||||
prevCloseLine = candleSeries.createPriceLine({
|
||||
price: Number(price),
|
||||
color: c.prevClose,
|
||||
lineWidth: 1,
|
||||
lineStyle: LightweightCharts.LineStyle.Dashed,
|
||||
axisLabelVisible: true,
|
||||
title: '昨收',
|
||||
});
|
||||
}
|
||||
|
||||
function setVisibleRange(prepared, preserve) {
|
||||
if (!chart || !prepared.length) return;
|
||||
var ts = chart.timeScale();
|
||||
if (preserve && followingLatest) {
|
||||
var span = DEFAULT_VISIBLE_BARS;
|
||||
try {
|
||||
var cur = ts.getVisibleLogicalRange();
|
||||
if (cur) span = Math.max(20, cur.to - cur.from);
|
||||
} catch (e) { /* ignore */ }
|
||||
ts.setVisibleLogicalRange({
|
||||
from: Math.max(0, prepared.length - span),
|
||||
to: prepared.length + 4,
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (preserve) return;
|
||||
var show = Math.min(DEFAULT_VISIBLE_BARS, prepared.length);
|
||||
ts.setVisibleLogicalRange({
|
||||
from: Math.max(0, prepared.length - show),
|
||||
to: prepared.length + 4,
|
||||
});
|
||||
}
|
||||
|
||||
function shouldPreserveView() {
|
||||
return !autoFollow || !followingLatest;
|
||||
}
|
||||
|
||||
function applyBarUpdate(bar, mode, prepared) {
|
||||
if (mode === 'line') {
|
||||
areaSeries.update({ time: bar.time, value: bar.close });
|
||||
return;
|
||||
}
|
||||
candleSeries.update({
|
||||
time: bar.time,
|
||||
open: bar.open,
|
||||
high: bar.high,
|
||||
low: bar.low,
|
||||
close: bar.close,
|
||||
});
|
||||
var up = bar.close >= bar.open;
|
||||
var c = themeColors();
|
||||
volumeSeries.update({
|
||||
time: bar.time,
|
||||
value: bar.volume,
|
||||
color: up ? c.up : c.down,
|
||||
});
|
||||
if (chartOpts.ma && ma21Series && ma55Series && prepared && prepared.length) {
|
||||
var emaP = getEmaPeriods();
|
||||
var emaFast = calcEMA(emaP.fast, prepared);
|
||||
var emaSlow = calcEMA(emaP.slow, prepared);
|
||||
if (emaFast.length) ma21Series.update(emaFast[emaFast.length - 1]);
|
||||
if (emaSlow.length) ma55Series.update(emaSlow[emaSlow.length - 1]);
|
||||
}
|
||||
}
|
||||
|
||||
function tryIncrementalUpdate(prepared, mode) {
|
||||
if (!lastRenderedPrepared || !prepared.length) return false;
|
||||
var prev = lastRenderedPrepared;
|
||||
var prevLast = prev[prev.length - 1];
|
||||
var newLast = prepared[prepared.length - 1];
|
||||
|
||||
if (prepared.length === prev.length && newLast.time === prevLast.time) {
|
||||
applyBarUpdate(newLast, mode, prepared);
|
||||
return true;
|
||||
}
|
||||
if (prepared.length === prev.length + 1 && prepared[prepared.length - 2].time === prevLast.time) {
|
||||
applyBarUpdate(newLast, mode, prepared);
|
||||
if (autoFollow && followingLatest) {
|
||||
setVisibleRange(prepared, true);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function renderChartFull(prepared, data, mode, preserveRange) {
|
||||
if (mode === 'line') {
|
||||
areaSeries.setData(prepared.map(function (b) {
|
||||
return { time: b.time, value: b.close };
|
||||
}));
|
||||
} else {
|
||||
candleSeries.setData(prepared.map(function (b) {
|
||||
return { time: b.time, open: b.open, high: b.high, low: b.low, close: b.close };
|
||||
}));
|
||||
volumeSeries.setData(prepared.map(function (b) {
|
||||
var up = b.close >= b.open;
|
||||
var c = themeColors();
|
||||
return {
|
||||
time: b.time,
|
||||
value: b.volume,
|
||||
color: up ? c.up : c.down,
|
||||
};
|
||||
}));
|
||||
if (chartOpts.ma && ma21Series && ma55Series) {
|
||||
var emaP = getEmaPeriods();
|
||||
ma21Series.setData(calcEMA(emaP.fast, prepared));
|
||||
ma55Series.setData(calcEMA(emaP.slow, prepared));
|
||||
}
|
||||
applyPrevCloseLine(lastPrevClose != null ? lastPrevClose : data.prev_close);
|
||||
}
|
||||
if (!shouldPreserveView()) {
|
||||
setVisibleRange(prepared, !!preserveRange);
|
||||
}
|
||||
}
|
||||
|
||||
function renderChart(data, options) {
|
||||
options = options || {};
|
||||
if (!chartEl || !window.LightweightCharts) return;
|
||||
lastData = data;
|
||||
if (data.prev_close != null) lastPrevClose = data.prev_close;
|
||||
|
||||
var isLine = data.chart_type === 'line' || data.period === 'timeshare';
|
||||
var mode = isLine ? 'line' : 'candle';
|
||||
if (!chart || currentChartMode !== mode) buildChart(mode);
|
||||
if (!chart) return;
|
||||
|
||||
var prepared = prepareBars(data.bars || [], data.period || currentPeriod);
|
||||
data.preparedBars = prepared;
|
||||
if (!prepared.length) return;
|
||||
|
||||
if (!options.forceFull && shouldPreserveView() && tryIncrementalUpdate(prepared, mode)) {
|
||||
lastRenderedPrepared = prepared;
|
||||
return;
|
||||
}
|
||||
|
||||
renderChartFull(prepared, data, mode, options.preserveRange);
|
||||
lastRenderedPrepared = prepared;
|
||||
}
|
||||
|
||||
function periodLabel(key) {
|
||||
var tabs = document.querySelectorAll('.period-tab');
|
||||
for (var i = 0; i < tabs.length; i++) {
|
||||
if (tabs[i].getAttribute('data-period') === key) return tabs[i].textContent;
|
||||
}
|
||||
return key;
|
||||
}
|
||||
|
||||
function hideEmptyOverlay() {
|
||||
if (wrapEl) wrapEl.classList.add('has-data');
|
||||
}
|
||||
|
||||
function showEmptyOverlay(text) {
|
||||
if (emptyEl) emptyEl.textContent = text;
|
||||
if (wrapEl) wrapEl.classList.remove('has-data');
|
||||
}
|
||||
|
||||
function setLoading(on) {
|
||||
var btn = document.getElementById('market-load-btn');
|
||||
if (btn) {
|
||||
btn.disabled = on;
|
||||
btn.textContent = on ? '连接中…' : '查看';
|
||||
}
|
||||
if (!wrapEl) return;
|
||||
if (on && !lastData) {
|
||||
wrapEl.classList.add('loading');
|
||||
showEmptyOverlay('请选择合约并点击「查看」');
|
||||
} else {
|
||||
wrapEl.classList.remove('loading');
|
||||
if (lastData) hideEmptyOverlay();
|
||||
}
|
||||
}
|
||||
|
||||
function klineSourceLabel(src) {
|
||||
if (src === 'local') return '本地缓存';
|
||||
return '新浪';
|
||||
}
|
||||
|
||||
function updateRefreshHint(disconnected) {
|
||||
var el = document.getElementById('market-refresh-hint');
|
||||
if (!el) return;
|
||||
if (!getSymbol()) {
|
||||
el.textContent = '';
|
||||
return;
|
||||
}
|
||||
if (disconnected) {
|
||||
el.textContent = 'SSE 连接中断，正在重连…';
|
||||
return;
|
||||
}
|
||||
if (!streamActive) {
|
||||
el.textContent = '';
|
||||
return;
|
||||
}
|
||||
var src = '';
|
||||
if (lastData && lastData.source) {
|
||||
src = ' · ' + klineSourceLabel(lastData.source);
|
||||
}
|
||||
if (isTradingSession()) {
|
||||
el.textContent = '新浪数据 · 交易中 SSE 推送' + src;
|
||||
} else {
|
||||
el.textContent = '新浪数据 · 非交易时段低频刷新' + src;
|
||||
}
|
||||
}
|
||||
|
||||
function updatePrevCloseDisplay(val) {
|
||||
var prevEl = document.getElementById('market-quote-prev');
|
||||
if (!prevEl) return;
|
||||
if (val != null && !isNaN(Number(val))) {
|
||||
prevEl.textContent = '昨收 ' + Number(val).toFixed(2);
|
||||
} else {
|
||||
prevEl.textContent = '';
|
||||
}
|
||||
}
|
||||
|
||||
function applyQuote(data) {
|
||||
var priceEl = document.getElementById('market-quote-price');
|
||||
var nameEl = document.getElementById('market-quote-name');
|
||||
if (nameEl && data.name) nameEl.textContent = data.name + ' ' + (data.symbol || '');
|
||||
if (priceEl) {
|
||||
priceEl.textContent = data.price != null ? Number(data.price).toFixed(2) : '—';
|
||||
}
|
||||
if (data.quote_source && lastData) {
|
||||
updateQuoteMeta(Object.assign({}, lastData, { quote_source: data.quote_source }));
|
||||
}
|
||||
if (data.prev_close != null) {
|
||||
lastPrevClose = data.prev_close;
|
||||
updatePrevCloseDisplay(data.prev_close);
|
||||
if (chartOpts.prevClose && lastData) {
|
||||
applyPrevCloseLine(data.prev_close);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function stopKlineStream() {
|
||||
streamActive = false;
|
||||
if (reconnectTimer) {
|
||||
clearTimeout(reconnectTimer);
|
||||
reconnectTimer = null;
|
||||
}
|
||||
if (klineSource) {
|
||||
klineSource.close();
|
||||
klineSource = null;
|
||||
}
|
||||
}
|
||||
|
||||
function scheduleReconnect() {
|
||||
if (reconnectTimer) return;
|
||||
updateRefreshHint(true);
|
||||
reconnectTimer = setTimeout(function () {
|
||||
reconnectTimer = null;
|
||||
if (getSymbol()) startKlineStream(false);
|
||||
}, 3000);
|
||||
}
|
||||
|
||||
function startKlineStream(showLoading) {
|
||||
stopKlineStream();
|
||||
var symbol = getSymbol();
|
||||
if (!symbol) {
|
||||
alert('请先选择或输入合约代码');
|
||||
return;
|
||||
}
|
||||
if (showLoading) setLoading(true);
|
||||
|
||||
var codes = getMarketCodes();
|
||||
var q = 'symbol=' + encodeURIComponent(symbol) +
|
||||
'&period=' + encodeURIComponent(currentPeriod);
|
||||
if (codes.market_code) q += '&market_code=' + encodeURIComponent(codes.market_code);
|
||||
if (codes.sina_code) q += '&sina_code=' + encodeURIComponent(codes.sina_code);
|
||||
|
||||
klineSource = new EventSource('/api/kline/stream?' + q);
|
||||
streamActive = true;
|
||||
followingLatest = true;
|
||||
updateRefreshHint(false);
|
||||
|
||||
klineSource.addEventListener('kline', function (e) {
|
||||
try {
|
||||
var data = JSON.parse(e.data);
|
||||
if (!data.bars || !data.bars.length) return;
|
||||
hideEmptyOverlay();
|
||||
renderChart(data, { preserveRange: lastData !== null });
|
||||
updateQuoteMeta(data);
|
||||
if (data.prev_close != null) updatePrevCloseDisplay(data.prev_close);
|
||||
updateRefreshHint(false);
|
||||
setLoading(false);
|
||||
} catch (err) { /* ignore */ }
|
||||
});
|
||||
|
||||
klineSource.addEventListener('quote', function (e) {
|
||||
try {
|
||||
applyQuote(JSON.parse(e.data));
|
||||
} catch (err) { /* ignore */ }
|
||||
});
|
||||
|
||||
klineSource.onerror = function () {
|
||||
stopKlineStream();
|
||||
scheduleReconnect();
|
||||
};
|
||||
}
|
||||
|
||||
function updateQuoteMeta(data) {
|
||||
var meta = document.getElementById('market-quote-meta');
|
||||
if (meta) {
|
||||
var parts = [];
|
||||
if (data.count) parts.push('共 ' + data.count + ' 根 · ' + periodLabel(data.period));
|
||||
if (data.source) parts.push('K线 ' + klineSourceLabel(data.source));
|
||||
if (data.quote_source) {
|
||||
parts.push('报价 新浪');
|
||||
}
|
||||
meta.textContent = parts.join(' · ');
|
||||
}
|
||||
var nameEl = document.getElementById('market-quote-name');
|
||||
var hiddenName = document.getElementById('market-symbol-name');
|
||||
if (nameEl && !(nameEl.textContent && nameEl.textContent.trim())) {
|
||||
nameEl.textContent = (hiddenName && hiddenName.value) || data.symbol || '—';
|
||||
}
|
||||
}
|
||||
|
||||
function loadKline(showLoading) {
|
||||
startKlineStream(showLoading);
|
||||
}
|
||||
|
||||
function shiftDataZoom(delta) {
|
||||
if (!chart) return;
|
||||
var ts = chart.timeScale();
|
||||
var range = ts.getVisibleLogicalRange();
|
||||
if (!range) return;
|
||||
var span = range.to - range.from;
|
||||
var newSpan = Math.max(15, span + delta);
|
||||
var center = (range.from + range.to) / 2;
|
||||
ts.setVisibleLogicalRange({
|
||||
from: center - newSpan / 2,
|
||||
to: center + newSpan / 2,
|
||||
});
|
||||
}
|
||||
|
||||
function resetDataZoom() {
|
||||
if (!chart || !lastData || !lastData.preparedBars) return;
|
||||
followingLatest = true;
|
||||
setVisibleRange(lastData.preparedBars, false);
|
||||
}
|
||||
|
||||
function bindPeriodTabs() {
|
||||
var tabs = document.getElementById('market-period-tabs');
|
||||
if (!tabs) return;
|
||||
tabs.addEventListener('click', function (e) {
|
||||
var btn = e.target.closest('.period-tab');
|
||||
if (!btn) return;
|
||||
tabs.querySelectorAll('.period-tab').forEach(function (el) { el.classList.remove('active'); });
|
||||
btn.classList.add('active');
|
||||
currentPeriod = btn.getAttribute('data-period') || '15m';
|
||||
followingLatest = true;
|
||||
if (getSymbol()) loadKline(true);
|
||||
});
|
||||
}
|
||||
|
||||
function bindZoomButtons() {
|
||||
var zoomIn = document.getElementById('chart-zoom-in');
|
||||
var zoomOut = document.getElementById('chart-zoom-out');
|
||||
var zoomReset = document.getElementById('chart-zoom-reset');
|
||||
if (zoomIn) zoomIn.addEventListener('click', function () { shiftDataZoom(-20); });
|
||||
if (zoomOut) zoomOut.addEventListener('click', function () { shiftDataZoom(20); });
|
||||
if (zoomReset) zoomReset.addEventListener('click', resetDataZoom);
|
||||
}
|
||||
|
||||
function bindAutoButton() {
|
||||
var btn = document.getElementById('market-auto-btn');
|
||||
if (!btn) return;
|
||||
btn.addEventListener('click', function () {
|
||||
autoFollow = !autoFollow;
|
||||
btn.classList.toggle('is-active', autoFollow);
|
||||
if (autoFollow) {
|
||||
followingLatest = true;
|
||||
if (lastData && lastData.preparedBars) {
|
||||
setVisibleRange(lastData.preparedBars, false);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function bindChartOptions() {
|
||||
var prevCb = document.getElementById('chart-opt-prev-close');
|
||||
var maCb = document.getElementById('chart-opt-ma');
|
||||
var gapCb = document.getElementById('chart-opt-gap-day');
|
||||
var emaFastEl = document.getElementById('chart-ema-fast');
|
||||
var emaSlowEl = document.getElementById('chart-ema-slow');
|
||||
|
||||
function onEmaPeriodChange() {
|
||||
var emaP = getEmaPeriods();
|
||||
saveEmaPeriods(emaP.fast, emaP.slow);
|
||||
if (chartOpts.ma && lastData) {
|
||||
renderChart(lastData, { forceFull: true });
|
||||
}
|
||||
}
|
||||
|
||||
if (prevCb) {
|
||||
prevCb.addEventListener('change', function () {
|
||||
chartOpts.prevClose = prevCb.checked;
|
||||
if (lastData) {
|
||||
applyPrevCloseLine(lastPrevClose != null ? lastPrevClose : lastData.prev_close);
|
||||
}
|
||||
});
|
||||
}
|
||||
if (maCb) {
|
||||
maCb.addEventListener('change', function () {
|
||||
chartOpts.ma = maCb.checked;
|
||||
syncEmaInputsEnabled();
|
||||
if (lastData) {
|
||||
destroyChart();
|
||||
renderChart(lastData, { forceFull: true });
|
||||
}
|
||||
});
|
||||
}
|
||||
if (emaFastEl) {
|
||||
emaFastEl.addEventListener('change', onEmaPeriodChange);
|
||||
emaFastEl.addEventListener('keydown', function (ev) {
|
||||
if (ev.key === 'Enter') {
|
||||
ev.preventDefault();
|
||||
emaFastEl.blur();
|
||||
onEmaPeriodChange();
|
||||
}
|
||||
});
|
||||
}
|
||||
if (emaSlowEl) {
|
||||
emaSlowEl.addEventListener('change', onEmaPeriodChange);
|
||||
emaSlowEl.addEventListener('keydown', function (ev) {
|
||||
if (ev.key === 'Enter') {
|
||||
ev.preventDefault();
|
||||
emaSlowEl.blur();
|
||||
onEmaPeriodChange();
|
||||
}
|
||||
});
|
||||
}
|
||||
if (gapCb) {
|
||||
gapCb.addEventListener('change', function () {
|
||||
chartOpts.gapDay = gapCb.checked;
|
||||
followingLatest = true;
|
||||
if (lastData) renderChart(lastData, { forceFull: true });
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function cleanupMarketPage() {
|
||||
stopKlineStream();
|
||||
destroyChart();
|
||||
}
|
||||
|
||||
function bootMarketPage() {
|
||||
if (!window.LightweightCharts) {
|
||||
if (emptyEl) emptyEl.textContent = '图表库加载失败，请刷新页面';
|
||||
return;
|
||||
}
|
||||
bindPeriodTabs();
|
||||
bindZoomButtons();
|
||||
bindAutoButton();
|
||||
initEmaPeriodInputs();
|
||||
bindChartOptions();
|
||||
|
||||
var active = document.querySelector('.period-tab.active');
|
||||
if (active) currentPeriod = active.getAttribute('data-period') || '15m';
|
||||
|
||||
var loadBtn = document.getElementById('market-load-btn');
|
||||
if (loadBtn) loadBtn.addEventListener('click', function () { loadKline(true); });
|
||||
|
||||
var hidden = document.getElementById('market-symbol-hidden');
|
||||
var input = document.getElementById('market-symbol-input');
|
||||
if (input) {
|
||||
input.addEventListener('symbol-selected', function () {
|
||||
lastPrevClose = null;
|
||||
lastData = null;
|
||||
lastRenderedPrepared = null;
|
||||
destroyChart();
|
||||
updatePrevCloseDisplay(null);
|
||||
loadKline(true);
|
||||
});
|
||||
}
|
||||
if (hidden && hidden.value) {
|
||||
if (input && !input.value) input.value = hidden.value;
|
||||
loadKline(true);
|
||||
} else {
|
||||
updateRefreshHint(false);
|
||||
}
|
||||
}
|
||||
|
||||
if (!window.__QIHUO_MARKET_THEME__) {
|
||||
window.__QIHUO_MARKET_THEME__ = true;
|
||||
document.addEventListener('click', function (e) {
|
||||
if (e.target.closest('[data-theme-pick]') && lastData) {
|
||||
setTimeout(function () {
|
||||
destroyChart();
|
||||
renderChart(lastData, { forceFull: true });
|
||||
}, 80);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (window.qihuoPageBoot) window.qihuoPageBoot(bootMarketPage, '#market-chart-wrap');
|
||||
else if (window.qihuoOnPageLoad) window.qihuoOnPageLoad(bootMarketPage);
|
||||
else document.addEventListener('DOMContentLoaded', bootMarketPage);
|
||||
if (window.qihuoOnPageLeave) window.qihuoOnPageLeave(cleanupMarketPage);
|
||||
window.addEventListener('pagehide', cleanupMarketPage);
|
||||
})();
|
||||
@@ -0,0 +1,86 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var toggle = document.getElementById('nav-toggle');
|
||||
var nav = document.getElementById('site-nav');
|
||||
var backdrop = document.getElementById('nav-backdrop');
|
||||
if (!toggle || !nav) return;
|
||||
|
||||
function openNav() {
|
||||
nav.classList.add('open');
|
||||
if (backdrop) {
|
||||
backdrop.hidden = false;
|
||||
backdrop.classList.add('show');
|
||||
}
|
||||
toggle.setAttribute('aria-expanded', 'true');
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
|
||||
function closeNav() {
|
||||
nav.classList.remove('open');
|
||||
if (backdrop) {
|
||||
backdrop.classList.remove('show');
|
||||
backdrop.hidden = true;
|
||||
}
|
||||
toggle.setAttribute('aria-expanded', 'false');
|
||||
document.body.style.overflow = '';
|
||||
}
|
||||
|
||||
function isMobileNav() {
|
||||
if (window.qihuoLayout && window.qihuoLayout.isPhone()) return true;
|
||||
return document.documentElement.dataset.mobile === '1'
|
||||
|| window.matchMedia('(max-width: 767px)').matches;
|
||||
}
|
||||
|
||||
toggle.addEventListener('click', function () {
|
||||
if (nav.classList.contains('open')) closeNav();
|
||||
else openNav();
|
||||
});
|
||||
|
||||
if (backdrop) {
|
||||
backdrop.addEventListener('click', closeNav);
|
||||
}
|
||||
|
||||
function prefetchNav(href) {
|
||||
if (!href || href.indexOf(window.location.origin) !== 0) return;
|
||||
if (href === window.location.href) return;
|
||||
var links = document.head.querySelectorAll('link[rel="prefetch"]');
|
||||
for (var i = 0; i < links.length; i++) {
|
||||
if (links[i].href === href) return;
|
||||
}
|
||||
var link = document.createElement('link');
|
||||
link.rel = 'prefetch';
|
||||
link.href = href;
|
||||
document.head.appendChild(link);
|
||||
}
|
||||
|
||||
nav.querySelectorAll('a[href]').forEach(function (link) {
|
||||
link.addEventListener('click', function () {
|
||||
if (isMobileNav()) closeNav();
|
||||
});
|
||||
link.addEventListener('mouseenter', function () {
|
||||
prefetchNav(link.href);
|
||||
});
|
||||
link.addEventListener('touchstart', function () {
|
||||
prefetchNav(link.href);
|
||||
}, { passive: true });
|
||||
});
|
||||
|
||||
window.addEventListener('resize', function () {
|
||||
if (!isMobileNav()) closeNav();
|
||||
});
|
||||
|
||||
if (window.qihuoLayout) {
|
||||
window.addEventListener('orientationchange', function () {
|
||||
setTimeout(function () {
|
||||
if (!isMobileNav()) closeNav();
|
||||
}, 150);
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener('keydown', function (e) {
|
||||
if (e.key === 'Escape') closeNav();
|
||||
});
|
||||
})();
|
||||
@@ -0,0 +1,102 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
function isCoarsePointer() {
|
||||
return window.matchMedia('(hover: none) and (pointer: coarse)').matches;
|
||||
}
|
||||
|
||||
function isTabletUa() {
|
||||
var ua = navigator.userAgent || '';
|
||||
if (/iPad/i.test(ua)) return true;
|
||||
if (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1) return true;
|
||||
if (/Android/i.test(ua) && !/Mobile/i.test(ua)) return true;
|
||||
if (/Tablet|PlayBook|Silk/i.test(ua)) return true;
|
||||
return false;
|
||||
}
|
||||
|
||||
function isPhoneUa() {
|
||||
var ua = navigator.userAgent || '';
|
||||
if (isTabletUa()) return false;
|
||||
if (/iPhone|iPod/i.test(ua)) return true;
|
||||
if (/Android/i.test(ua) && /Mobile/i.test(ua)) return true;
|
||||
if (/HarmonyOS|OpenHarmony/i.test(ua) && !/Tablet/i.test(ua)) return true;
|
||||
if (/Mobile|Windows Phone|IEMobile|BlackBerry/i.test(ua)) return true;
|
||||
return false;
|
||||
}
|
||||
|
||||
function screenShortSide() {
|
||||
return Math.min(window.screen.width || 0, window.screen.height || 0);
|
||||
}
|
||||
|
||||
function detectLayout() {
|
||||
var shortSide = screenShortSide();
|
||||
var coarse = isCoarsePointer();
|
||||
|
||||
if (isPhoneUa()) return 'phone';
|
||||
if (isTabletUa()) return 'tablet';
|
||||
|
||||
if (shortSide > 0 && shortSide < 600) return 'phone';
|
||||
if (shortSide >= 600 && shortSide <= 1100 && coarse) return 'tablet';
|
||||
if (window.innerWidth <= 767) return 'phone';
|
||||
if (window.innerWidth <= 1100 && coarse) return 'tablet';
|
||||
return 'desktop';
|
||||
}
|
||||
|
||||
function updateLayoutState() {
|
||||
var root = document.documentElement;
|
||||
var layout = detectLayout();
|
||||
var isPhone = layout === 'phone';
|
||||
var landscape = window.innerWidth > window.innerHeight;
|
||||
|
||||
root.dataset.layout = layout;
|
||||
root.dataset.mobile = isPhone ? '1' : '0';
|
||||
root.dataset.orientation = isPhone ? 'portrait' : (landscape ? 'landscape' : 'portrait');
|
||||
root.classList.toggle('layout-phone', isPhone);
|
||||
root.classList.toggle('layout-tablet', layout === 'tablet');
|
||||
|
||||
var nav = document.getElementById('site-nav');
|
||||
var userBar = document.querySelector('.user-bar');
|
||||
if (nav && userBar && isPhone) {
|
||||
nav.setAttribute('data-user-label', (userBar.textContent || '').replace(/\s+/g, ' ').trim());
|
||||
}
|
||||
|
||||
var overlay = document.getElementById('orientation-lock');
|
||||
var msg = document.getElementById('orientation-lock-msg');
|
||||
if (!overlay) return;
|
||||
|
||||
if (isPhone) {
|
||||
if (landscape) {
|
||||
overlay.hidden = false;
|
||||
if (msg) msg.textContent = '请竖屏使用';
|
||||
} else {
|
||||
overlay.hidden = true;
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (layout === 'tablet' && root.dataset.orientation === 'portrait') {
|
||||
overlay.hidden = false;
|
||||
if (msg) msg.textContent = '平板请旋转至横屏使用';
|
||||
return;
|
||||
}
|
||||
|
||||
overlay.hidden = true;
|
||||
}
|
||||
|
||||
window.qihuoLayout = {
|
||||
isPhone: function () { return document.documentElement.dataset.mobile === '1'; },
|
||||
isTablet: function () { return document.documentElement.dataset.layout === 'tablet'; },
|
||||
refresh: updateLayoutState,
|
||||
};
|
||||
|
||||
updateLayoutState();
|
||||
window.addEventListener('resize', updateLayoutState);
|
||||
window.addEventListener('orientationchange', function () {
|
||||
setTimeout(updateLayoutState, 150);
|
||||
});
|
||||
document.addEventListener('visibilitychange', function () {
|
||||
if (!document.hidden) updateLayoutState();
|
||||
});
|
||||
})();
|
||||
@@ -0,0 +1,27 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function (global) {
|
||||
global.qihuoOnPageLoad = function (fn) {
|
||||
global.addEventListener('qihuo:page-load', fn);
|
||||
};
|
||||
|
||||
global.qihuoOnPageLeave = function (fn) {
|
||||
global.addEventListener('qihuo:page-leave', fn);
|
||||
};
|
||||
|
||||
global.qihuoEmitPageLoad = function () {
|
||||
global.dispatchEvent(new Event('qihuo:page-load'));
|
||||
};
|
||||
|
||||
/** Register page boot + run now if the page marker is already in DOM (turbo nav). */
|
||||
global.qihuoPageBoot = function (fn, selector) {
|
||||
function run() {
|
||||
if (selector && !global.document.querySelector(selector)) return;
|
||||
fn();
|
||||
}
|
||||
global.addEventListener('qihuo:page-load', run);
|
||||
run();
|
||||
};
|
||||
})();
|
||||
@@ -0,0 +1,59 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var timer = null;
|
||||
|
||||
function fmtDist(v) {
|
||||
if (v === null || v === undefined) return '--';
|
||||
return v.toFixed(2);
|
||||
}
|
||||
|
||||
function pollPrices() {
|
||||
var list = document.getElementById('plan-monitor-list');
|
||||
if (!list || !list.querySelector('.plan-item')) return;
|
||||
|
||||
fetch('/api/plan_prices')
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (rows) {
|
||||
rows.forEach(function (row) {
|
||||
var el = list.querySelector('.plan-item[data-plan-id="' + row.id + '"]');
|
||||
if (!el) return;
|
||||
var priceEl = el.querySelector('.live-price');
|
||||
var distEl = el.querySelector('.live-dist');
|
||||
var upEl = el.querySelector('.dist-up');
|
||||
var downEl = el.querySelector('.dist-down');
|
||||
if (priceEl) {
|
||||
priceEl.textContent = row.price != null ? row.price : '--';
|
||||
}
|
||||
if (row.in_zone && distEl) {
|
||||
distEl.innerHTML = '<span class="text-profit" style="font-weight:600">在区间内</span>';
|
||||
} else if (distEl) {
|
||||
distEl.innerHTML =
|
||||
'距上<span class="dist-up">' + fmtDist(row.dist_upper) + '</span> ' +
|
||||
'距下<span class="dist-down">' + fmtDist(row.dist_lower) + '</span>';
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(function () { /* ignore */ });
|
||||
}
|
||||
|
||||
function stopPolling() {
|
||||
if (timer) {
|
||||
clearInterval(timer);
|
||||
timer = null;
|
||||
}
|
||||
}
|
||||
|
||||
function startPolling() {
|
||||
stopPolling();
|
||||
pollPrices();
|
||||
timer = setInterval(pollPrices, 1000);
|
||||
}
|
||||
|
||||
if (window.qihuoPageBoot) window.qihuoPageBoot(startPolling, '#plan-monitor-list');
|
||||
else if (window.qihuoOnPageLoad) window.qihuoOnPageLoad(startPolling);
|
||||
else document.addEventListener('DOMContentLoaded', startPolling);
|
||||
if (window.qihuoOnPageLeave) window.qihuoOnPageLeave(stopPolling);
|
||||
})();
|
||||
@@ -0,0 +1,91 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var posTimer = null;
|
||||
|
||||
function fmtNum(v, digits) {
|
||||
if (v === null || v === undefined) return '--';
|
||||
return Number(v).toFixed(digits === undefined ? 2 : digits);
|
||||
}
|
||||
|
||||
function buildPosCard(row) {
|
||||
var pnlClass = '';
|
||||
if (row.float_pnl > 0) pnlClass = 'pnl-pos';
|
||||
if (row.float_pnl < 0) pnlClass = 'pnl-neg';
|
||||
var pnlText = '--';
|
||||
if (row.float_pnl != null) {
|
||||
var sign = row.float_pnl >= 0 ? '+' : '';
|
||||
pnlText = sign + fmtNum(row.float_pnl) + '元';
|
||||
if (row.float_pct != null) {
|
||||
pnlText += ' (' + sign + fmtNum(row.float_pct) + '%)';
|
||||
}
|
||||
}
|
||||
var rr = row.rr_ratio != null ? row.rr_ratio + ':1' : '--';
|
||||
var openT = (row.open_time || '').replace('T', ' ').slice(0, 16);
|
||||
|
||||
return (
|
||||
'<div class="pos-card" data-pos-id="' + row.id + '">' +
|
||||
'<div class="pos-card-head">' +
|
||||
'<div><div class="title">' + row.symbol + ' <span class="badge dir">' + row.direction + '</span></div></div>' +
|
||||
'<form method="post" action="/close_position/' + row.id + '" style="display:inline" onsubmit="return confirm(\'确认平仓？\')">' +
|
||||
'<button type="submit" class="btn-del pos-del">平仓</button></form>' +
|
||||
'</div>' +
|
||||
'<div class="pos-card-meta">来源 <strong>手动输入</strong> · 风险 <strong>' +
|
||||
fmtNum(row.risk_pct) + '%≈' + fmtNum(row.risk_amount) + '元</strong></div>' +
|
||||
'<div class="pos-metrics">' +
|
||||
'<div class="cell"><label>成交价</label><div>' + fmtNum(row.entry_price) + '</div></div>' +
|
||||
'<div class="cell"><label>止损</label><div>' + fmtNum(row.stop_loss) + '</div></div>' +
|
||||
'<div class="cell"><label>止盈</label><div>' + fmtNum(row.take_profit) + '</div></div>' +
|
||||
'<div class="cell"><label>盈亏比</label><div>' + rr + '</div></div>' +
|
||||
'<div class="cell"><label>标记价</label><div>' + (row.mark_price != null ? fmtNum(row.mark_price) : '--') + '</div></div>' +
|
||||
'<div class="cell ' + pnlClass + '"><label>浮盈亏</label><div>' + pnlText + '</div></div>' +
|
||||
'<div class="cell"><label>预估手续费</label><div>' + fmtNum(row.est_fee) + '元</div></div>' +
|
||||
'<div class="cell ' + (row.est_pnl_net > 0 ? 'pnl-pos' : (row.est_pnl_net < 0 ? 'pnl-neg' : '')) + '">' +
|
||||
'<label>扣费后</label><div>' + (row.est_pnl_net != null ? fmtNum(row.est_pnl_net) + '元' : '--') + '</div></div>' +
|
||||
'</div>' +
|
||||
'<div class="pos-footer">' +
|
||||
'<span>保证金 ' + fmtNum(row.margin) + '元</span>' +
|
||||
'<span>仓位占比 ' + fmtNum(row.position_pct) + '%</span>' +
|
||||
'<span>开仓 ' + (openT || '--') + '</span>' +
|
||||
'<span>持仓 ' + (row.holding_duration || '--') + '</span>' +
|
||||
'<span>张数 ' + row.lots + '</span>' +
|
||||
'<span>手续费(估) ' + fmtNum(row.est_fee) + '元 (' + (row.est_fee_close_type || '') + ')</span>' +
|
||||
'</div></div>'
|
||||
);
|
||||
}
|
||||
|
||||
function pollPositions() {
|
||||
var list = document.getElementById('position-live-list');
|
||||
if (!list) return;
|
||||
|
||||
fetch('/api/position_live')
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (rows) {
|
||||
if (!rows.length) {
|
||||
list.innerHTML = '<div class="empty-hint">暂无持仓，左侧录入后显示</div>';
|
||||
return;
|
||||
}
|
||||
list.innerHTML = rows.map(buildPosCard).join('');
|
||||
})
|
||||
.catch(function () { /* ignore */ });
|
||||
}
|
||||
|
||||
function stopPolling() {
|
||||
if (posTimer) {
|
||||
clearInterval(posTimer);
|
||||
posTimer = null;
|
||||
}
|
||||
}
|
||||
|
||||
function startPolling() {
|
||||
stopPolling();
|
||||
pollPositions();
|
||||
posTimer = setInterval(pollPositions, 1000);
|
||||
}
|
||||
|
||||
if (window.qihuoOnPageLoad) window.qihuoOnPageLoad(startPolling);
|
||||
else document.addEventListener('DOMContentLoaded', startPolling);
|
||||
if (window.qihuoOnPageLeave) window.qihuoOnPageLeave(stopPolling);
|
||||
})();
|
||||
@@ -0,0 +1,93 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var deferredPrompt = null;
|
||||
var installBtn = document.getElementById('pwa-install-btn');
|
||||
var iosHint = document.getElementById('pwa-ios-hint');
|
||||
|
||||
function isStandalone() {
|
||||
return window.matchMedia('(display-mode: standalone)').matches
|
||||
|| window.navigator.standalone === true;
|
||||
}
|
||||
|
||||
function isIOS() {
|
||||
return /iPad|iPhone|iPod/.test(navigator.userAgent)
|
||||
&& !window.MSStream;
|
||||
}
|
||||
|
||||
function isTouchDevice() {
|
||||
return window.matchMedia('(hover: none) and (pointer: coarse)').matches
|
||||
|| window.matchMedia('(max-width: 1024px)').matches;
|
||||
}
|
||||
|
||||
function updateThemeColor() {
|
||||
var meta = document.getElementById('meta-theme-color');
|
||||
if (!meta) return;
|
||||
var theme = document.documentElement.getAttribute('data-theme');
|
||||
meta.setAttribute('content', theme === 'light' ? '#e8eef8' : '#050508');
|
||||
}
|
||||
|
||||
function showInstallBtn() {
|
||||
if (installBtn && !isStandalone()) {
|
||||
installBtn.hidden = false;
|
||||
}
|
||||
}
|
||||
|
||||
function showIosHint() {
|
||||
if (iosHint && isIOS() && !isStandalone()) {
|
||||
iosHint.classList.add('show');
|
||||
}
|
||||
}
|
||||
|
||||
if ('serviceWorker' in navigator) {
|
||||
window.addEventListener('load', function () {
|
||||
navigator.serviceWorker.register('/sw.js', { scope: '/' }).catch(function () { /* ignore */ });
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener('beforeinstallprompt', function (e) {
|
||||
e.preventDefault();
|
||||
deferredPrompt = e;
|
||||
showInstallBtn();
|
||||
});
|
||||
|
||||
if (installBtn) {
|
||||
installBtn.addEventListener('click', function () {
|
||||
if (!deferredPrompt) {
|
||||
if (isIOS()) showIosHint();
|
||||
return;
|
||||
}
|
||||
deferredPrompt.prompt();
|
||||
deferredPrompt.userChoice.then(function () {
|
||||
deferredPrompt = null;
|
||||
installBtn.hidden = true;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener('appinstalled', function () {
|
||||
deferredPrompt = null;
|
||||
if (installBtn) installBtn.hidden = true;
|
||||
if (iosHint) iosHint.classList.remove('show');
|
||||
});
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
updateThemeColor();
|
||||
showIosHint();
|
||||
if (isStandalone()) {
|
||||
if (installBtn) installBtn.hidden = true;
|
||||
if (iosHint) iosHint.classList.remove('show');
|
||||
return;
|
||||
}
|
||||
if (isTouchDevice() && installBtn && deferredPrompt) {
|
||||
showInstallBtn();
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('click', function (e) {
|
||||
var pick = e.target.closest('[data-theme-pick]');
|
||||
if (pick) setTimeout(updateThemeColor, 80);
|
||||
});
|
||||
})();
|
||||
@@ -0,0 +1,132 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 交易记录 — 手机/平板简洁列表与详情弹窗
|
||||
*/
|
||||
(function () {
|
||||
function esc(v) {
|
||||
if (v === null || v === undefined || v === '') return '-';
|
||||
return String(v);
|
||||
}
|
||||
|
||||
function fmtTime(v) {
|
||||
if (!v) return '-';
|
||||
return String(v).replace('T', ' ').slice(0, 16);
|
||||
}
|
||||
|
||||
function showTradeModal(data) {
|
||||
var mask = document.getElementById('trade-detail-modal');
|
||||
var body = document.getElementById('trade-detail-modal-body');
|
||||
if (!mask || !body) return;
|
||||
|
||||
var fields = [
|
||||
{ label: '品种', value: esc(data.symbol), wide: false },
|
||||
{ label: '合约', value: esc(data.symbol_code), wide: false },
|
||||
{ label: '类型', value: esc(data.monitor_type) + ' · ' + esc(data.source), wide: false },
|
||||
{ label: '方向', value: esc(data.direction), wide: false },
|
||||
{ label: '开仓价', value: esc(data.entry_price), wide: false },
|
||||
{ label: '平仓价', value: esc(data.close_price), wide: false },
|
||||
{ label: '手数', value: esc(data.lots), wide: false },
|
||||
{ label: '止损', value: esc(data.stop_loss), wide: false },
|
||||
{ label: '止盈', value: esc(data.take_profit), wide: false },
|
||||
{ label: '保证金', value: data.margin != null ? esc(data.margin) : '-', wide: false },
|
||||
{ label: '保证金占比', value: data.margin_pct != null ? esc(data.margin_pct) + '%' : '-', wide: false },
|
||||
{ label: '持仓分钟', value: esc(data.holding_minutes), wide: false },
|
||||
{ label: '开仓时间', value: fmtTime(data.open_time), wide: false },
|
||||
{ label: '平仓时间', value: fmtTime(data.close_time), wide: false },
|
||||
{ label: '盈亏(元)', value: esc(data.pnl), wide: false },
|
||||
{ label: '手续费', value: esc(data.fee), wide: false },
|
||||
{ label: '净盈亏', value: esc(data.pnl_net), wide: false },
|
||||
{ label: '最新资金', value: esc(data.equity_after), wide: false },
|
||||
{ label: '结果', value: esc(data.result) + (data.verified ? ' · 已核对' : ''), wide: true }
|
||||
];
|
||||
|
||||
var html = '<div class="records-detail-grid">';
|
||||
fields.forEach(function (f) {
|
||||
html += '<div class="records-detail-item' + (f.wide ? ' wide' : '') + '">';
|
||||
html += '<label>' + f.label + '</label><div>' + f.value + '</div></div>';
|
||||
});
|
||||
html += '</div>';
|
||||
|
||||
html += '<div class="records-detail-actions">';
|
||||
if (data.id) {
|
||||
html += '<button type="button" class="btn-records-action review-edit-btn" disabled>核对修改</button>';
|
||||
}
|
||||
if (data.fill_review_url) {
|
||||
html += '<a href="' + data.fill_review_url + '" class="btn-fill">填入复盘</a>';
|
||||
}
|
||||
if (data.del_url) {
|
||||
html += '<a href="' + data.del_url + '" class="btn-del" onclick="return confirm(\'删除？\')">删除</a>';
|
||||
}
|
||||
html += '</div>';
|
||||
|
||||
body.innerHTML = html;
|
||||
var reviewBtn = body.querySelector('.review-edit-btn');
|
||||
if (reviewBtn && data.id) {
|
||||
reviewBtn.setAttribute('data-trade-edit', JSON.stringify({
|
||||
id: data.id,
|
||||
symbol_name: data.symbol_name || data.symbol,
|
||||
monitor_type: data.monitor_type,
|
||||
direction: data.direction_code || (data.direction === '做多' ? 'long' : 'short'),
|
||||
entry_price: data.entry_price,
|
||||
close_price: data.close_price,
|
||||
stop_loss: data.stop_loss,
|
||||
take_profit: data.take_profit,
|
||||
lots: data.lots,
|
||||
margin: data.margin,
|
||||
holding_minutes: data.holding_minutes,
|
||||
open_time: data.open_time,
|
||||
close_time: data.close_time,
|
||||
pnl: data.pnl,
|
||||
result: data.result
|
||||
}));
|
||||
}
|
||||
if (typeof window.toggleTradeReviewMode === 'function') {
|
||||
window.toggleTradeReviewMode();
|
||||
}
|
||||
mask.classList.add('show');
|
||||
}
|
||||
|
||||
function openRowDetail(row) {
|
||||
if (!row) return;
|
||||
try {
|
||||
showTradeModal(JSON.parse(row.getAttribute('data-trade')));
|
||||
} catch (err) { /* ignore */ }
|
||||
}
|
||||
|
||||
function bindTradeModal() {
|
||||
var mask = document.getElementById('trade-detail-modal');
|
||||
if (!mask) return;
|
||||
var closeBtn = mask.querySelector('.modal-close');
|
||||
if (closeBtn) {
|
||||
closeBtn.addEventListener('click', function () {
|
||||
mask.classList.remove('show');
|
||||
});
|
||||
}
|
||||
mask.addEventListener('click', function (e) {
|
||||
if (e.target === mask) mask.classList.remove('show');
|
||||
});
|
||||
|
||||
var phoneList = document.getElementById('records-trade-mobile');
|
||||
if (phoneList) {
|
||||
phoneList.addEventListener('click', function (e) {
|
||||
openRowDetail(e.target.closest('.records-trade-row'));
|
||||
});
|
||||
}
|
||||
|
||||
var tabletWrap = document.querySelector('.records-trade-table-wrap');
|
||||
if (tabletWrap) {
|
||||
tabletWrap.addEventListener('click', function (e) {
|
||||
if (!e.target.closest('.records-tablet-detail-btn')) return;
|
||||
openRowDetail(e.target.closest('tr[data-trade]'));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function bootRecordsPage() {
|
||||
if (!document.querySelector('.records-page')) return;
|
||||
bindTradeModal();
|
||||
}
|
||||
|
||||
if (window.qihuoPageBoot) window.qihuoPageBoot(bootRecordsPage, '.records-page');
|
||||
else if (window.qihuoOnPageLoad) window.qihuoOnPageLoad(bootRecordsPage);
|
||||
else document.addEventListener('DOMContentLoaded', bootRecordsPage);
|
||||
})();
|
||||
@@ -0,0 +1,177 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
function parseNum(v) {
|
||||
var n = parseFloat(v);
|
||||
return isNaN(n) ? null : n;
|
||||
}
|
||||
|
||||
function calcRR(direction, entry, stop, target) {
|
||||
if (!entry || !stop || !target) return '';
|
||||
var risk, reward;
|
||||
if (direction === 'long') {
|
||||
risk = entry - stop;
|
||||
reward = target - entry;
|
||||
} else if (direction === 'short') {
|
||||
risk = stop - entry;
|
||||
reward = entry - target;
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
if (risk <= 0) return '';
|
||||
return (reward / risk).toFixed(2);
|
||||
}
|
||||
|
||||
function calcDuration(openVal, closeVal) {
|
||||
if (!openVal || !closeVal) return '';
|
||||
var o = new Date(openVal);
|
||||
var c = new Date(closeVal);
|
||||
var secs = Math.floor((c - o) / 1000);
|
||||
if (secs < 0) return '';
|
||||
var h = Math.floor(secs / 3600);
|
||||
var m = Math.floor((secs % 3600) / 60);
|
||||
return h ? h + '小时' + m + '分钟' : m + '分钟';
|
||||
}
|
||||
|
||||
function recalc() {
|
||||
var form = document.getElementById('review-form');
|
||||
if (!form) return;
|
||||
var dir = form.querySelector('[name="direction"]').value;
|
||||
var entry = parseNum(form.querySelector('[name="entry_price"]').value);
|
||||
var sl = parseNum(form.querySelector('[name="stop_loss"]').value);
|
||||
var tp = parseNum(form.querySelector('[name="take_profit"]').value);
|
||||
var close = parseNum(form.querySelector('[name="close_price"]').value);
|
||||
var openT = form.querySelector('[name="open_time"]').value;
|
||||
var closeT = form.querySelector('[name="close_time"]').value;
|
||||
|
||||
var hold = document.getElementById('holding_duration');
|
||||
var initR = document.getElementById('initial_rr');
|
||||
var actR = document.getElementById('actual_rr');
|
||||
if (hold) hold.value = calcDuration(openT, closeT);
|
||||
if (initR) initR.value = calcRR(dir, entry, sl, tp);
|
||||
if (actR) actR.value = calcRR(dir, entry, sl, close);
|
||||
}
|
||||
|
||||
function bindForm() {
|
||||
var form = document.getElementById('review-form');
|
||||
if (!form) return;
|
||||
form.querySelectorAll('input, select').forEach(function (el) {
|
||||
el.addEventListener('input', recalc);
|
||||
el.addEventListener('change', recalc);
|
||||
});
|
||||
}
|
||||
|
||||
function esc(v) {
|
||||
if (v === null || v === undefined || v === '') return '-';
|
||||
return String(v);
|
||||
}
|
||||
|
||||
function fmtTime(v) {
|
||||
if (!v) return '-';
|
||||
return String(v).replace('T', ' ').slice(0, 16);
|
||||
}
|
||||
|
||||
function fmtRR(data) {
|
||||
var init = data.initial_pnl;
|
||||
var act = data.actual_pnl;
|
||||
if (init && act) return init + ' / ' + act;
|
||||
return act || init || '-';
|
||||
}
|
||||
|
||||
function fmtTags(data) {
|
||||
var tags = data.behavior_tags || '';
|
||||
if (data.is_emotion && tags.indexOf('情绪') === -1) {
|
||||
return tags ? '情绪单 · ' + tags : '情绪单';
|
||||
}
|
||||
return tags || '-';
|
||||
}
|
||||
|
||||
function showModal(data) {
|
||||
var mask = document.getElementById('review-modal');
|
||||
var body = document.getElementById('review-modal-body');
|
||||
if (!mask || !body) return;
|
||||
|
||||
var labels = [
|
||||
'品种', '合约', '方向', '张数', '周期',
|
||||
'成交价', '止损', '止盈', '平仓价',
|
||||
'开仓时间', '平仓时间', '持仓时长', '盈利金额', '手续费', '净盈亏', '盈亏比',
|
||||
'开仓类型', '行为标签'
|
||||
];
|
||||
var values = [
|
||||
esc(data.symbol),
|
||||
esc(data.symbol_code),
|
||||
esc(data.direction),
|
||||
esc(data.lots),
|
||||
esc(data.timeframe),
|
||||
esc(data.entry_price),
|
||||
esc(data.stop_loss),
|
||||
esc(data.take_profit),
|
||||
esc(data.close_price),
|
||||
fmtTime(data.open_time),
|
||||
fmtTime(data.close_time),
|
||||
esc(data.holding_duration),
|
||||
esc(data.pnl),
|
||||
esc(data.fee),
|
||||
esc(data.pnl_net),
|
||||
fmtRR(data),
|
||||
esc(data.open_type),
|
||||
fmtTags(data)
|
||||
];
|
||||
|
||||
var html = '<div class="review-detail-table">';
|
||||
html += '<div class="review-detail-headers">';
|
||||
labels.forEach(function (lb) {
|
||||
html += '<span>' + lb + '</span>';
|
||||
});
|
||||
html += '</div><div class="review-detail-values">';
|
||||
values.forEach(function (val, i) {
|
||||
var cls = '';
|
||||
if (i === 17 && data.is_emotion) cls = ' class="emotion-val"';
|
||||
html += '<span' + cls + '>' + val + '</span>';
|
||||
});
|
||||
html += '</div></div>';
|
||||
|
||||
html += '<div class="review-detail-image">';
|
||||
if (data.screenshot) {
|
||||
html += '<img src="/uploads/' + data.screenshot + '" alt="复盘截图">';
|
||||
} else {
|
||||
html += '<div class="no-img">暂无截图 / K线图</div>';
|
||||
}
|
||||
html += '</div>';
|
||||
|
||||
body.innerHTML = html;
|
||||
mask.classList.add('show');
|
||||
}
|
||||
|
||||
function bindModal() {
|
||||
var mask = document.getElementById('review-modal');
|
||||
if (!mask) return;
|
||||
mask.querySelector('.modal-close').addEventListener('click', function () {
|
||||
mask.classList.remove('show');
|
||||
});
|
||||
mask.addEventListener('click', function (e) {
|
||||
if (e.target === mask) mask.classList.remove('show');
|
||||
});
|
||||
document.querySelectorAll('.review-view-btn').forEach(function (btn) {
|
||||
btn.addEventListener('click', function () {
|
||||
try {
|
||||
showModal(JSON.parse(btn.getAttribute('data-review')));
|
||||
} catch (e) { /* ignore */ }
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function bootReviewPage() {
|
||||
bindForm();
|
||||
bindModal();
|
||||
recalc();
|
||||
}
|
||||
|
||||
if (window.qihuoPageBoot) window.qihuoPageBoot(bootReviewPage, '#review-form');
|
||||
else if (window.qihuoOnPageLoad) window.qihuoOnPageLoad(bootReviewPage);
|
||||
else document.addEventListener('DOMContentLoaded', bootReviewPage);
|
||||
|
||||
window.recalc = recalc;
|
||||
})();
|
||||
@@ -0,0 +1,144 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
function bootSettingsPage() {
|
||||
if (!document.querySelector('.settings-page')) return;
|
||||
|
||||
var sel = document.getElementById('position-sizing-mode');
|
||||
var lotsField = document.getElementById('field-fixed-lots');
|
||||
var amountField = document.getElementById('field-fixed-amount');
|
||||
function syncSizingFields() {
|
||||
if (!sel) return;
|
||||
var isAmount = sel.value === 'amount';
|
||||
if (lotsField) lotsField.hidden = isAmount;
|
||||
if (amountField) amountField.hidden = !isAmount;
|
||||
}
|
||||
if (sel && !sel.dataset.settingsBound) {
|
||||
sel.dataset.settingsBound = '1';
|
||||
sel.addEventListener('change', syncSizingFields);
|
||||
}
|
||||
syncSizingFields();
|
||||
|
||||
var aiProviderSel = document.getElementById('ai-provider-select');
|
||||
function syncAiProviderCards() {
|
||||
if (!aiProviderSel) return;
|
||||
var val = aiProviderSel.value;
|
||||
document.querySelectorAll('.settings-ai-card[data-ai-provider]').forEach(function (card) {
|
||||
var active = card.getAttribute('data-ai-provider') === val;
|
||||
card.classList.toggle('is-active', active);
|
||||
var badge = card.querySelector('.settings-ai-card-head .badge');
|
||||
if (badge) badge.style.display = active ? '' : 'none';
|
||||
});
|
||||
}
|
||||
if (aiProviderSel && !aiProviderSel.dataset.settingsBound) {
|
||||
aiProviderSel.dataset.settingsBound = '1';
|
||||
aiProviderSel.addEventListener('change', syncAiProviderCards);
|
||||
}
|
||||
syncAiProviderCards();
|
||||
|
||||
var SETTINGS_FOLD_KEY = 'qihuo_settings_fold';
|
||||
function setSettingsFold(el, collapsed) {
|
||||
if (!el) return;
|
||||
el.classList.toggle('is-collapsed', collapsed);
|
||||
var head = el.querySelector('.settings-fold-head');
|
||||
if (head) head.setAttribute('aria-expanded', collapsed ? 'false' : 'true');
|
||||
}
|
||||
function saveSettingsFoldState() {
|
||||
var state = {};
|
||||
document.querySelectorAll('[data-settings-fold]').forEach(function (el) {
|
||||
state[el.getAttribute('data-settings-fold')] = el.classList.contains('is-collapsed');
|
||||
});
|
||||
try { localStorage.setItem(SETTINGS_FOLD_KEY, JSON.stringify(state)); } catch (e) { /* ignore */ }
|
||||
}
|
||||
function loadSettingsFoldState() {
|
||||
try {
|
||||
var raw = localStorage.getItem(SETTINGS_FOLD_KEY);
|
||||
if (!raw) return;
|
||||
var state = JSON.parse(raw);
|
||||
document.querySelectorAll('[data-settings-fold]').forEach(function (el) {
|
||||
var key = el.getAttribute('data-settings-fold');
|
||||
if (Object.prototype.hasOwnProperty.call(state, key)) {
|
||||
setSettingsFold(el, !!state[key]);
|
||||
}
|
||||
});
|
||||
} catch (e) { /* ignore */ }
|
||||
}
|
||||
document.querySelectorAll('.settings-fold-head').forEach(function (btn) {
|
||||
if (btn.dataset.settingsBound) return;
|
||||
btn.dataset.settingsBound = '1';
|
||||
btn.addEventListener('click', function () {
|
||||
var panel = btn.closest('[data-settings-fold]');
|
||||
if (!panel) return;
|
||||
setSettingsFold(panel, !panel.classList.contains('is-collapsed'));
|
||||
saveSettingsFoldState();
|
||||
});
|
||||
});
|
||||
loadSettingsFoldState();
|
||||
|
||||
var CTP_FOLD_KEY = 'qihuo_ctp_fold';
|
||||
function setCtpFold(el, collapsed) {
|
||||
if (!el) return;
|
||||
el.classList.toggle('is-collapsed', collapsed);
|
||||
var head = el.querySelector('.settings-ctp-fold-head');
|
||||
if (head) head.setAttribute('aria-expanded', collapsed ? 'false' : 'true');
|
||||
}
|
||||
function saveCtpFoldState() {
|
||||
var state = {};
|
||||
document.querySelectorAll('[data-ctp-fold]').forEach(function (el) {
|
||||
state[el.getAttribute('data-ctp-fold')] = el.classList.contains('is-collapsed');
|
||||
});
|
||||
try { localStorage.setItem(CTP_FOLD_KEY, JSON.stringify(state)); } catch (e) { /* ignore */ }
|
||||
}
|
||||
function loadCtpFoldState() {
|
||||
try {
|
||||
var raw = localStorage.getItem(CTP_FOLD_KEY);
|
||||
if (!raw) return;
|
||||
var state = JSON.parse(raw);
|
||||
document.querySelectorAll('[data-ctp-fold]').forEach(function (el) {
|
||||
var key = el.getAttribute('data-ctp-fold');
|
||||
if (Object.prototype.hasOwnProperty.call(state, key)) {
|
||||
setCtpFold(el, !!state[key]);
|
||||
}
|
||||
});
|
||||
} catch (e) { /* ignore */ }
|
||||
}
|
||||
document.querySelectorAll('.settings-ctp-fold-head').forEach(function (btn) {
|
||||
if (btn.dataset.settingsBound) return;
|
||||
btn.dataset.settingsBound = '1';
|
||||
btn.addEventListener('click', function () {
|
||||
var panel = btn.closest('[data-ctp-fold]');
|
||||
if (!panel) return;
|
||||
setCtpFold(panel, !panel.classList.contains('is-collapsed'));
|
||||
saveCtpFoldState();
|
||||
});
|
||||
});
|
||||
loadCtpFoldState();
|
||||
|
||||
var ctpForm = document.getElementById('ctp-settings-form');
|
||||
if (ctpForm && !ctpForm.dataset.settingsBound) {
|
||||
ctpForm.dataset.settingsBound = '1';
|
||||
ctpForm.addEventListener('submit', function (ev) {
|
||||
var ctpCard = document.querySelector('[data-settings-fold="ctp"]');
|
||||
if (ctpCard) setSettingsFold(ctpCard, false);
|
||||
var simnowFold = document.querySelector('[data-ctp-fold="simnow"]');
|
||||
if (simnowFold) setCtpFold(simnowFold, false);
|
||||
var pwd = document.getElementById('simnow_password');
|
||||
var pwdVal = pwd && pwd.value ? pwd.value.trim() : '';
|
||||
var pwdWasSet = ctpForm.getAttribute('data-simnow-pwd-set') === '1';
|
||||
if (pwdWasSet && !pwdVal) {
|
||||
var ok = window.confirm(
|
||||
'SimNow 交易密码为空，保存后不会更新密码（仍用旧密码）。\n\n'
|
||||
+ '若快期已改密，请取消后在「交易密码」框手打新密码再保存。\n\n仍要保存其他项？'
|
||||
);
|
||||
if (!ok) ev.preventDefault();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if (window.qihuoPageBoot) window.qihuoPageBoot(bootSettingsPage, '.settings-page');
|
||||
else if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', bootSettingsPage);
|
||||
else bootSettingsPage();
|
||||
})();
|
||||
@@ -0,0 +1,178 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var cache = null;
|
||||
|
||||
function fmtNum(v, suffix) {
|
||||
if (v === null || v === undefined || v === '') return '-';
|
||||
var n = Number(v);
|
||||
if (isNaN(n)) return String(v);
|
||||
var s = Number.isInteger(n) ? String(n) : n.toFixed(2);
|
||||
return suffix ? s + suffix : s;
|
||||
}
|
||||
|
||||
function fmtMoney(v) {
|
||||
if (v === null || v === undefined) return '-';
|
||||
return fmtNum(v) + ' 元';
|
||||
}
|
||||
|
||||
function fmtPct(v) {
|
||||
if (v === null || v === undefined) return '-';
|
||||
return fmtNum(v) + '%';
|
||||
}
|
||||
|
||||
function setSummary(s) {
|
||||
var map = {
|
||||
total_trades: function () { return fmtNum(s.total_trades); },
|
||||
win_rate: function () { return fmtPct(s.win_rate); },
|
||||
avg_profit: function () { return fmtMoney(s.avg_profit); },
|
||||
avg_loss: function () { return fmtMoney(s.avg_loss); },
|
||||
profit_loss_ratio: function () { return fmtNum(s.profit_loss_ratio); },
|
||||
consecutive_losses: function () { return fmtNum(s.consecutive_losses); },
|
||||
max_drawdown: function () {
|
||||
var amt = fmtMoney(s.max_drawdown);
|
||||
var pct = s.max_drawdown_pct ? ' (' + fmtPct(s.max_drawdown_pct) + ')' : '';
|
||||
return amt + pct;
|
||||
},
|
||||
max_loss_amount: function () { return fmtMoney(s.max_loss_amount); },
|
||||
max_loss_pct: function () { return fmtPct(s.max_loss_pct); },
|
||||
max_profit_amount: function () { return fmtMoney(s.max_profit_amount); },
|
||||
max_profit_pct: function () { return fmtPct(s.max_profit_pct); },
|
||||
total_fee: function () { return fmtMoney(s.total_fee); },
|
||||
emotion_count: function () { return fmtNum(s.emotion_count); },
|
||||
emotion_ratio: function () { return fmtPct(s.emotion_ratio); },
|
||||
};
|
||||
document.querySelectorAll('#stats-summary [data-k]').forEach(function (el) {
|
||||
var key = el.getAttribute('data-k');
|
||||
el.textContent = map[key] ? map[key]() : '-';
|
||||
});
|
||||
}
|
||||
|
||||
function fillViewSelect(views, selected) {
|
||||
var sel = document.getElementById('stats-view-select');
|
||||
if (!sel) return;
|
||||
sel.innerHTML = '';
|
||||
views.forEach(function (v) {
|
||||
var opt = document.createElement('option');
|
||||
opt.value = v.key;
|
||||
opt.textContent = v.label;
|
||||
if (v.key === selected) opt.selected = true;
|
||||
sel.appendChild(opt);
|
||||
});
|
||||
}
|
||||
|
||||
function cellClass(key, val) {
|
||||
if (key === 'max_loss' || key === 'max_profit') {
|
||||
if (val === 0) return 'text-muted';
|
||||
}
|
||||
if (key === 'total_net' || key === 'max_profit' || key === 'avg_profit') {
|
||||
if (val > 0) return 'text-profit';
|
||||
if (val < 0) return 'text-loss';
|
||||
}
|
||||
if (key === 'max_loss' || key === 'avg_loss' || key === 'total_fee') {
|
||||
if (val < 0) return 'text-loss';
|
||||
}
|
||||
return '';
|
||||
}
|
||||
|
||||
function fmtBreakdownVal(key, val) {
|
||||
if ((key === 'max_loss' || key === 'max_profit') && (val === 0 || val === 0.0)) {
|
||||
return '-';
|
||||
}
|
||||
return fmtNum(val);
|
||||
}
|
||||
|
||||
function renderBreakdown(key) {
|
||||
if (!cache || !cache.breakdowns) return;
|
||||
var block = cache.breakdowns[key];
|
||||
var head = document.getElementById('stats-breakdown-head');
|
||||
var body = document.getElementById('stats-breakdown-body');
|
||||
if (!block || !head || !body) return;
|
||||
|
||||
head.innerHTML = '';
|
||||
block.columns.forEach(function (col) {
|
||||
var th = document.createElement('th');
|
||||
th.textContent = col.label;
|
||||
head.appendChild(th);
|
||||
});
|
||||
|
||||
body.innerHTML = '';
|
||||
if (!block.rows || !block.rows.length) {
|
||||
var tr = document.createElement('tr');
|
||||
var td = document.createElement('td');
|
||||
td.colSpan = block.columns.length;
|
||||
td.className = 'text-muted';
|
||||
td.textContent = '暂无数据';
|
||||
tr.appendChild(td);
|
||||
body.appendChild(tr);
|
||||
return;
|
||||
}
|
||||
|
||||
block.rows.forEach(function (row) {
|
||||
var tr = document.createElement('tr');
|
||||
block.columns.forEach(function (col) {
|
||||
var td = document.createElement('td');
|
||||
var val = row[col.key];
|
||||
if (col.key === 'win_rate') {
|
||||
td.textContent = fmtPct(val);
|
||||
} else if (col.key === 'label') {
|
||||
td.textContent = val || '-';
|
||||
} else if (typeof val === 'number') {
|
||||
td.textContent = fmtBreakdownVal(col.key, val);
|
||||
td.className = cellClass(col.key, val);
|
||||
} else {
|
||||
td.textContent = val != null ? val : '-';
|
||||
}
|
||||
tr.appendChild(td);
|
||||
});
|
||||
body.appendChild(tr);
|
||||
});
|
||||
}
|
||||
|
||||
function applyData(data) {
|
||||
cache = data;
|
||||
setSummary(data.summary || {});
|
||||
var views = data.views || [];
|
||||
var sel = document.getElementById('stats-view-select');
|
||||
var current = sel && sel.value ? sel.value : (views[0] && views[0].key);
|
||||
fillViewSelect(views, current);
|
||||
renderBreakdown(current);
|
||||
var updated = document.getElementById('stats-updated');
|
||||
if (updated) {
|
||||
updated.textContent = data.updated_at
|
||||
? '统计更新于 ' + data.updated_at.replace('T', ' ')
|
||||
: '统计已加载';
|
||||
}
|
||||
}
|
||||
|
||||
function loadStats() {
|
||||
fetch('/api/stats', { credentials: 'same-origin' })
|
||||
.then(function (r) {
|
||||
if (!r.ok) throw new Error('HTTP ' + r.status);
|
||||
return r.json();
|
||||
})
|
||||
.then(applyData)
|
||||
.catch(function () {
|
||||
var updated = document.getElementById('stats-updated');
|
||||
if (updated) updated.textContent = '加载失败，请刷新页面';
|
||||
});
|
||||
}
|
||||
|
||||
function bootStatsPage() {
|
||||
if (!document.getElementById('stats-summary')) return;
|
||||
var viewSel = document.getElementById('stats-view-select');
|
||||
if (viewSel && !viewSel.dataset.statsBound) {
|
||||
viewSel.dataset.statsBound = '1';
|
||||
viewSel.addEventListener('change', function () {
|
||||
renderBreakdown(this.value);
|
||||
});
|
||||
}
|
||||
loadStats();
|
||||
}
|
||||
|
||||
if (window.qihuoPageBoot) window.qihuoPageBoot(bootStatsPage, '#stats-summary');
|
||||
else if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', bootStatsPage);
|
||||
else bootStatsPage();
|
||||
})();
|
||||
@@ -0,0 +1,278 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var trendPayload = null;
|
||||
|
||||
function jsonPost(url, body) {
|
||||
return fetch(url, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(body || {})
|
||||
}).then(function (r) { return r.json(); });
|
||||
}
|
||||
|
||||
function formData(form) {
|
||||
var fd = new FormData(form);
|
||||
var o = {};
|
||||
fd.forEach(function (v, k) { o[k] = v; });
|
||||
return o;
|
||||
}
|
||||
|
||||
function esc(s) {
|
||||
return String(s == null ? '' : s)
|
||||
.replace(/&/g, '&')
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>');
|
||||
}
|
||||
|
||||
function showPreview(el, content, ok, isHtml) {
|
||||
if (!el) return;
|
||||
if (!content) {
|
||||
el.hidden = true;
|
||||
el.textContent = '';
|
||||
el.innerHTML = '';
|
||||
return;
|
||||
}
|
||||
el.hidden = false;
|
||||
el.style.color = ok === false ? 'var(--loss)' : '';
|
||||
if (isHtml) {
|
||||
el.innerHTML = content;
|
||||
} else {
|
||||
el.innerHTML = '';
|
||||
el.textContent = content;
|
||||
}
|
||||
}
|
||||
|
||||
function fmtNum(v) {
|
||||
if (v == null || v === '') return '—';
|
||||
return String(v);
|
||||
}
|
||||
|
||||
function renderTrendPlanHtml(plan) {
|
||||
if (!plan) return '';
|
||||
var summary = plan.summary_line || (
|
||||
(plan.symbol_name || plan.symbol || '') + ' ' +
|
||||
(plan.direction_label || '') + ' ' + (plan.period_label || '')
|
||||
);
|
||||
var detail = plan.detail_line || '';
|
||||
var rows = plan.preview_rows || [];
|
||||
var html = '<div class="trend-summary">' + esc(summary) + '</div>';
|
||||
if (detail) {
|
||||
html += '<div class="trend-detail">' + esc(detail) + '</div>';
|
||||
}
|
||||
if (rows.length) {
|
||||
html += '<table class="strategy-preview-table"><thead><tr>' +
|
||||
'<th>档位</th><th>触发/参考价</th><th>手数</th><th>加仓后均价</th>' +
|
||||
'<th>止盈盈利(元)</th><th>止损(元)</th><th>盈亏比</th>' +
|
||||
'</tr></thead><tbody>';
|
||||
rows.forEach(function (row) {
|
||||
html += '<tr><td>' + esc(row.level) + '</td>' +
|
||||
'<td>' + fmtNum(row.price) + '</td>' +
|
||||
'<td>' + fmtNum(row.lots) + '</td>' +
|
||||
'<td>' + fmtNum(row.avg_after) + '</td>' +
|
||||
'<td>' + fmtNum(row.profit_at_tp) + '</td>' +
|
||||
'<td>' + fmtNum(row.loss_at_sl) + '</td>' +
|
||||
'<td>' + fmtNum(row.rr_ratio) + '</td></tr>';
|
||||
});
|
||||
html += '</tbody></table>';
|
||||
} else {
|
||||
html += '<div class="trend-detail">目标手数 ' + fmtNum(plan.target_lots) +
|
||||
' · 首仓 ' + fmtNum(plan.first_lots) + ' 手</div>';
|
||||
}
|
||||
return html;
|
||||
}
|
||||
|
||||
function formatRoll(preview) {
|
||||
if (!preview) return '';
|
||||
var lines = [];
|
||||
if (preview.add_mode_label) lines.push('方式：' + preview.add_mode_label);
|
||||
if (preview.add_lots != null) lines.push('加仓手数：' + preview.add_lots);
|
||||
if (preview.qty_after != null) lines.push('合计手数：' + preview.qty_after);
|
||||
if (preview.avg_entry_after != null) lines.push('加仓后均价：' + preview.avg_entry_after);
|
||||
if (preview.new_stop_loss != null) lines.push('新止损：' + preview.new_stop_loss);
|
||||
if (preview.trigger_price != null) lines.push('触发价：' + preview.trigger_price);
|
||||
if (preview.risk_budget != null) lines.push('风险预算（固定金额）：' + preview.risk_budget + ' 元');
|
||||
if (preview.loss_at_sl != null) lines.push('打到止损亏损：' + preview.loss_at_sl + ' 元');
|
||||
if (preview.reward_at_tp != null) lines.push('止盈盈利：' + preview.reward_at_tp + ' 元');
|
||||
if (preview.margin_usage_pct != null) {
|
||||
lines.push('滚仓后保证金占用：' + preview.margin_usage_pct + '%');
|
||||
}
|
||||
if (preview.margin_cap_note) lines.push(preview.margin_cap_note);
|
||||
if (preview.is_pending) lines.push('（提交后为程序监控，触价后自动市价加仓）');
|
||||
return lines.length ? lines.join('\n') : JSON.stringify(preview, null, 2);
|
||||
}
|
||||
|
||||
function syncRollModeUi() {
|
||||
var modeEl = document.getElementById('roll-add-mode');
|
||||
var breakEl = document.getElementById('roll-break-price');
|
||||
var execHint = document.getElementById('roll-exec-hint');
|
||||
var btnExec = document.getElementById('btn-roll-exec');
|
||||
var btnPreview = document.getElementById('btn-roll-preview');
|
||||
if (!modeEl) return;
|
||||
var mode = modeEl.value || 'market';
|
||||
var isBreak = mode === 'breakout';
|
||||
if (breakEl) {
|
||||
breakEl.hidden = !isBreak;
|
||||
breakEl.required = isBreak;
|
||||
}
|
||||
if (execHint) execHint.hidden = false;
|
||||
if (btnExec) {
|
||||
btnExec.textContent = mode === 'market' ? '执行滚仓' : '提交监控';
|
||||
}
|
||||
if (btnPreview) {
|
||||
btnPreview.disabled = !inTradingSession && !isBreak;
|
||||
btnPreview.title = (!inTradingSession && !isBreak)
|
||||
? '休盘期间请切换为突破加仓'
|
||||
: '';
|
||||
}
|
||||
}
|
||||
|
||||
function syncRollRiskHint() {
|
||||
/* 固定金额由服务端渲染在 #roll-risk-budget，切换监控单无需变更 */
|
||||
}
|
||||
|
||||
var rollCountdownTimer = null;
|
||||
|
||||
function startRollCountdown(btn, payload) {
|
||||
var sec = 10;
|
||||
btn.disabled = true;
|
||||
function tick() {
|
||||
btn.textContent = '确认执行 (' + sec + 's)';
|
||||
if (sec <= 0) {
|
||||
clearInterval(rollCountdownTimer);
|
||||
rollCountdownTimer = null;
|
||||
jsonPost('/api/strategy/roll/execute', payload).then(function (d) {
|
||||
if (!d.ok) { alert(d.error || d.message || '失败'); btn.disabled = false; btn.textContent = '执行滚仓'; return; }
|
||||
alert(d.message || '已提交');
|
||||
location.reload();
|
||||
}).catch(function () {
|
||||
btn.disabled = false;
|
||||
btn.textContent = '执行滚仓';
|
||||
});
|
||||
return;
|
||||
}
|
||||
sec -= 1;
|
||||
}
|
||||
tick();
|
||||
rollCountdownTimer = setInterval(tick, 1000);
|
||||
}
|
||||
|
||||
var trendForm = document.getElementById('trend-form');
|
||||
var btnPreview = document.getElementById('btn-trend-preview');
|
||||
var btnExec = document.getElementById('btn-trend-exec');
|
||||
var previewEl = document.getElementById('trend-preview');
|
||||
|
||||
if (btnPreview && trendForm) {
|
||||
btnPreview.addEventListener('click', function () {
|
||||
btnPreview.disabled = true;
|
||||
jsonPost('/api/strategy/trend/preview', formData(trendForm)).then(function (d) {
|
||||
if (!d.ok) {
|
||||
showPreview(previewEl, d.error || '预览失败', false, false);
|
||||
btnExec.hidden = true;
|
||||
return;
|
||||
}
|
||||
trendPayload = formData(trendForm);
|
||||
showPreview(previewEl, renderTrendPlanHtml(d.plan), true, true);
|
||||
btnExec.hidden = false;
|
||||
}).finally(function () {
|
||||
btnPreview.disabled = false;
|
||||
});
|
||||
});
|
||||
}
|
||||
if (btnExec) {
|
||||
btnExec.addEventListener('click', function () {
|
||||
if (!trendPayload) return;
|
||||
btnExec.disabled = true;
|
||||
btnExec.textContent = '执行中…';
|
||||
jsonPost('/api/strategy/trend/execute', trendPayload).then(function (d) {
|
||||
if (!d.ok) { alert(d.error); return; }
|
||||
location.reload();
|
||||
}).finally(function () {
|
||||
btnExec.disabled = false;
|
||||
btnExec.textContent = '确认执行首仓';
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
var rollForm = document.getElementById('roll-form');
|
||||
var btnRollP = document.getElementById('btn-roll-preview');
|
||||
var btnRollE = document.getElementById('btn-roll-exec');
|
||||
var rollPrev = document.getElementById('roll-preview');
|
||||
var rollPayload = null;
|
||||
var rollMonitorSel = document.getElementById('roll-monitor-select');
|
||||
var rollModeSel = document.getElementById('roll-add-mode');
|
||||
var inTradingSession = {{ 'true' if trading_session else 'false' }};
|
||||
|
||||
if (rollModeSel) rollModeSel.addEventListener('change', syncRollModeUi);
|
||||
if (rollMonitorSel) rollMonitorSel.addEventListener('change', syncRollRiskHint);
|
||||
syncRollModeUi();
|
||||
syncRollRiskHint();
|
||||
|
||||
if (btnRollP && rollForm) {
|
||||
btnRollP.addEventListener('click', function () {
|
||||
btnRollP.disabled = true;
|
||||
rollPayload = formData(rollForm);
|
||||
jsonPost('/api/strategy/roll/preview', rollPayload).then(function (d) {
|
||||
if (!d.ok) {
|
||||
showPreview(rollPrev, d.error, false, false);
|
||||
btnRollE.hidden = true;
|
||||
return;
|
||||
}
|
||||
showPreview(rollPrev, formatRoll(d.preview), true, false);
|
||||
btnRollE.hidden = false;
|
||||
syncRollModeUi();
|
||||
}).finally(function () {
|
||||
btnRollP.disabled = false;
|
||||
});
|
||||
});
|
||||
}
|
||||
if (btnRollE && rollForm) {
|
||||
btnRollE.addEventListener('click', function () {
|
||||
var payload = rollPayload || formData(rollForm);
|
||||
var mode = (payload.add_mode || 'market');
|
||||
if (mode === 'market') {
|
||||
if (!inTradingSession) {
|
||||
alert('休盘期间请切换为「突破加仓」后提交监控');
|
||||
return;
|
||||
}
|
||||
if (!confirm('确认执行市价滚仓？')) return;
|
||||
startRollCountdown(btnRollE, payload);
|
||||
return;
|
||||
}
|
||||
btnRollE.disabled = true;
|
||||
btnRollE.textContent = '提交中…';
|
||||
jsonPost('/api/strategy/roll/execute', payload).then(function (d) {
|
||||
if (!d.ok) { alert(d.error || '失败'); return; }
|
||||
alert(d.message || '已提交监控');
|
||||
location.reload();
|
||||
}).finally(function () {
|
||||
btnRollE.disabled = false;
|
||||
syncRollModeUi();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
document.querySelectorAll('.roll-cancel-leg').forEach(function (btn) {
|
||||
btn.addEventListener('click', function () {
|
||||
var legId = btn.getAttribute('data-leg-id');
|
||||
if (!legId || !confirm('删除该监控腿？')) return;
|
||||
jsonPost('/api/strategy/roll/cancel/' + legId, {}).then(function (d) {
|
||||
if (!d.ok) { alert(d.error); return; }
|
||||
location.reload();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
var btnStop = document.getElementById('btn-trend-stop');
|
||||
if (btnStop) {
|
||||
btnStop.addEventListener('click', function () {
|
||||
var pid = document.querySelector('#trend-stop-form input[name=plan_id]');
|
||||
jsonPost('/api/strategy/trend/stop', { plan_id: pid ? pid.value : 0 }).then(function (d) {
|
||||
if (!d.ok) { alert(d.error); return; }
|
||||
location.reload();
|
||||
});
|
||||
});
|
||||
}
|
||||
})();
|
||||
@@ -0,0 +1,314 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var recommendedGroupsCache = null;
|
||||
var recommendedGroupsPromise = null;
|
||||
|
||||
function loadRecommendedGroups() {
|
||||
if (recommendedGroupsCache) {
|
||||
return Promise.resolve(recommendedGroupsCache);
|
||||
}
|
||||
if (recommendedGroupsPromise) {
|
||||
return recommendedGroupsPromise;
|
||||
}
|
||||
recommendedGroupsPromise = fetch('/api/symbols/recommended')
|
||||
.then(function (r) {
|
||||
if (!r.ok) {
|
||||
throw new Error('HTTP ' + r.status);
|
||||
}
|
||||
return r.json();
|
||||
})
|
||||
.then(function (groups) {
|
||||
recommendedGroupsCache = Array.isArray(groups) ? groups : [];
|
||||
return recommendedGroupsCache;
|
||||
})
|
||||
.catch(function () {
|
||||
recommendedGroupsCache = null;
|
||||
throw new Error('load failed');
|
||||
})
|
||||
.finally(function () {
|
||||
recommendedGroupsPromise = null;
|
||||
});
|
||||
return recommendedGroupsPromise;
|
||||
}
|
||||
|
||||
function formatSub(item) {
|
||||
var sub = '同花顺 ' + item.ths_code +
|
||||
(item.market_code ? ' · ' + item.market_code : '') +
|
||||
' · ' + (item.exchange || '');
|
||||
if (item.max_lots != null && item.max_lots > 0) {
|
||||
sub += ' · 最大 ' + item.max_lots + ' 手';
|
||||
}
|
||||
return sub;
|
||||
}
|
||||
|
||||
function formatInputLabel(item) {
|
||||
return item.input_label || (item.name + ' ' + item.ths_code);
|
||||
}
|
||||
|
||||
function itemMatchesQuery(item, qLower) {
|
||||
if (!qLower) return true;
|
||||
var hay = (
|
||||
item.name + ' ' + item.ths_code + ' ' +
|
||||
(item.display || '') + ' ' + (item.contract || '') + ' ' +
|
||||
(item.exchange || '')
|
||||
).toLowerCase();
|
||||
return hay.indexOf(qLower) >= 0;
|
||||
}
|
||||
|
||||
function groupedHasMatch(groups, qLower) {
|
||||
if (!qLower) return true;
|
||||
return groups.some(function (group) {
|
||||
return group.items.some(function (item) {
|
||||
return itemMatchesQuery(item, qLower);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setupSymbolMetaPlacement(wrapper, selectedEl) {
|
||||
if (!selectedEl || wrapper.classList.contains('market-symbol-wrap')) {
|
||||
return;
|
||||
}
|
||||
var label = wrapper.querySelector('label.text-label, label.symbol-field-label');
|
||||
if (!label) {
|
||||
label = document.createElement('label');
|
||||
label.className = 'text-label symbol-field-label';
|
||||
label.appendChild(document.createTextNode('品种'));
|
||||
var input = wrapper.querySelector('.symbol-input');
|
||||
if (input) {
|
||||
wrapper.insertBefore(label, input);
|
||||
}
|
||||
}
|
||||
if (selectedEl.parentElement !== label) {
|
||||
label.appendChild(selectedEl);
|
||||
}
|
||||
}
|
||||
|
||||
function initSymbolInput(wrapper) {
|
||||
const input = wrapper.querySelector('.symbol-input');
|
||||
const hiddenThs = wrapper.querySelector('input[name="symbol"]')
|
||||
|| wrapper.querySelector('.symbol-ths-code');
|
||||
const hiddenName = wrapper.querySelector('input[name="symbol_name"]');
|
||||
const hiddenMarket = wrapper.querySelector('input[name="market_code"]');
|
||||
const hiddenSina = wrapper.querySelector('input[name="sina_code"]');
|
||||
const dropdown = wrapper.querySelector('.symbol-dropdown');
|
||||
const selectedEl = wrapper.querySelector('.symbol-selected');
|
||||
setupSymbolMetaPlacement(wrapper, selectedEl);
|
||||
const isMarketPicker = wrapper.classList.contains('market-symbol-wrap');
|
||||
const useMainsPicker = isMarketPicker || wrapper.classList.contains('symbol-mains');
|
||||
let timer = null;
|
||||
let abortCtrl = null;
|
||||
const cache = new Map();
|
||||
let mainsCache = null;
|
||||
|
||||
function hideDropdown() {
|
||||
dropdown.classList.remove('show');
|
||||
}
|
||||
|
||||
function selectItem(item) {
|
||||
const label = formatInputLabel(item);
|
||||
input.value = label;
|
||||
if (hiddenThs) hiddenThs.value = item.ths_code;
|
||||
if (hiddenName) hiddenName.value = item.name;
|
||||
if (hiddenMarket) hiddenMarket.value = item.market_code || '';
|
||||
if (hiddenSina) hiddenSina.value = item.sina_code || '';
|
||||
if (selectedEl) selectedEl.textContent = formatSub(item);
|
||||
hideDropdown();
|
||||
input.dispatchEvent(new CustomEvent('symbol-selected', { detail: item, bubbles: true }));
|
||||
}
|
||||
|
||||
function buildOptionEl(item) {
|
||||
const div = document.createElement('div');
|
||||
div.className = 'symbol-option';
|
||||
if (item.near_expiry) {
|
||||
div.classList.add('near-expiry');
|
||||
}
|
||||
var label = item.display || (item.name + ' ' + item.ths_code);
|
||||
if (item.near_expiry) {
|
||||
label += ' <span class="near-expiry-tag">临期</span>';
|
||||
}
|
||||
if (item.has_night_session) {
|
||||
label += ' <span class="night-session-tag">夜盘</span>';
|
||||
}
|
||||
div.innerHTML = label +
|
||||
'<div class="sub">' + formatSub(item) + '</div>';
|
||||
div.addEventListener('mousedown', function (e) {
|
||||
e.preventDefault();
|
||||
selectItem(item);
|
||||
});
|
||||
return div;
|
||||
}
|
||||
|
||||
function renderItems(items) {
|
||||
dropdown.innerHTML = '';
|
||||
if (!items.length) {
|
||||
dropdown.innerHTML = '<div class="symbol-option">无匹配，可输入同花顺代码如 ag2608</div>';
|
||||
} else {
|
||||
items.forEach(function (item) {
|
||||
dropdown.appendChild(buildOptionEl(item));
|
||||
});
|
||||
}
|
||||
dropdown.classList.add('show');
|
||||
}
|
||||
|
||||
function renderGrouped(groups, filterQ) {
|
||||
dropdown.innerHTML = '';
|
||||
const qLower = (filterQ || '').trim().toLowerCase();
|
||||
let any = false;
|
||||
groups.forEach(function (group) {
|
||||
const items = group.items.filter(function (item) {
|
||||
return itemMatchesQuery(item, qLower);
|
||||
});
|
||||
if (!items.length) return;
|
||||
any = true;
|
||||
const head = document.createElement('div');
|
||||
head.className = 'symbol-group-head';
|
||||
head.textContent = group.category;
|
||||
dropdown.appendChild(head);
|
||||
items.forEach(function (item) {
|
||||
dropdown.appendChild(buildOptionEl(item));
|
||||
});
|
||||
});
|
||||
if (!any) {
|
||||
dropdown.innerHTML = '<div class="symbol-option">无匹配品种，可输入合约代码如 ag2608</div>';
|
||||
}
|
||||
dropdown.classList.add('show');
|
||||
}
|
||||
|
||||
function showMarketMains(filterQ, onEmpty) {
|
||||
const q = (filterQ || '').trim();
|
||||
const qLower = q.toLowerCase();
|
||||
if (mainsCache) {
|
||||
if (!q || groupedHasMatch(mainsCache, qLower)) {
|
||||
renderGrouped(mainsCache, q);
|
||||
return;
|
||||
}
|
||||
if (typeof onEmpty === 'function') {
|
||||
onEmpty(q);
|
||||
return;
|
||||
}
|
||||
renderGrouped(mainsCache, q);
|
||||
return;
|
||||
}
|
||||
dropdown.innerHTML = '<div class="symbol-option">正在加载推荐品种…</div>';
|
||||
dropdown.classList.add('show');
|
||||
loadRecommendedGroups()
|
||||
.then(function (groups) {
|
||||
mainsCache = groups;
|
||||
if (!groups.length) {
|
||||
dropdown.innerHTML =
|
||||
'<div class="symbol-option">当前资金下暂无推荐品种，可输入合约代码搜索</div>';
|
||||
dropdown.classList.add('show');
|
||||
return;
|
||||
}
|
||||
showMarketMains(filterQ, onEmpty);
|
||||
})
|
||||
.catch(function () {
|
||||
dropdown.innerHTML =
|
||||
'<div class="symbol-option">推荐品种加载失败，请刷新页面或输入合约代码搜索</div>';
|
||||
dropdown.classList.add('show');
|
||||
});
|
||||
}
|
||||
|
||||
function search(q) {
|
||||
if (cache.has(q)) {
|
||||
renderItems(cache.get(q));
|
||||
return;
|
||||
}
|
||||
if (abortCtrl) {
|
||||
abortCtrl.abort();
|
||||
}
|
||||
abortCtrl = new AbortController();
|
||||
fetch('/api/symbols/search?q=' + encodeURIComponent(q), {
|
||||
signal: abortCtrl.signal,
|
||||
})
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (items) {
|
||||
cache.set(q, items);
|
||||
renderItems(items);
|
||||
})
|
||||
.catch(function (err) {
|
||||
if (err && err.name === 'AbortError') return;
|
||||
hideDropdown();
|
||||
});
|
||||
}
|
||||
|
||||
function handleQuery(q) {
|
||||
if (useMainsPicker) {
|
||||
showMarketMains(q, function (query) {
|
||||
search(query);
|
||||
});
|
||||
} else {
|
||||
search(q);
|
||||
}
|
||||
}
|
||||
|
||||
input.addEventListener('input', function () {
|
||||
if (hiddenThs && hiddenThs !== input) hiddenThs.value = '';
|
||||
if (hiddenName) hiddenName.value = '';
|
||||
if (hiddenMarket) hiddenMarket.value = '';
|
||||
if (hiddenSina) hiddenSina.value = '';
|
||||
if (selectedEl) selectedEl.textContent = '';
|
||||
const q = input.value.trim();
|
||||
if (!q) {
|
||||
if (useMainsPicker) {
|
||||
showMarketMains('');
|
||||
} else {
|
||||
hideDropdown();
|
||||
}
|
||||
return;
|
||||
}
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(function () {
|
||||
handleQuery(q);
|
||||
}, 120);
|
||||
});
|
||||
|
||||
input.addEventListener('blur', function () {
|
||||
setTimeout(hideDropdown, 150);
|
||||
});
|
||||
|
||||
input.addEventListener('focus', function () {
|
||||
const q = input.value.trim();
|
||||
if (useMainsPicker) {
|
||||
showMarketMains(q, function (query) {
|
||||
if (query) search(query);
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (q && hiddenThs && !hiddenThs.value) {
|
||||
search(q);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function initSymbolForms() {
|
||||
document.querySelectorAll('.symbol-wrap').forEach(initSymbolInput);
|
||||
|
||||
document.querySelectorAll('form').forEach(function (form) {
|
||||
if (!form.querySelector('.symbol-wrap')) return;
|
||||
if (form.id === 'market-form') return;
|
||||
if (form.dataset.symbolGuard) return;
|
||||
form.dataset.symbolGuard = '1';
|
||||
form.addEventListener('submit', function (e) {
|
||||
const ths = form.querySelector('input[name="symbol"]')
|
||||
|| form.querySelector('.symbol-ths-code');
|
||||
const market = form.querySelector('input[name="market_code"]');
|
||||
if (ths && !ths.value.trim()) {
|
||||
e.preventDefault();
|
||||
alert('请从下拉列表选择品种');
|
||||
return;
|
||||
}
|
||||
if (market && !market.value.trim()) {
|
||||
e.preventDefault();
|
||||
alert('请从下拉列表选择品种（需含同花顺行情代码）');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
if (window.qihuoOnPageLoad) window.qihuoOnPageLoad(initSymbolForms);
|
||||
else document.addEventListener('DOMContentLoaded', initSymbolForms);
|
||||
})();
|
||||
@@ -0,0 +1,61 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
(function () {
|
||||
var KEY = 'qihuo-theme';
|
||||
|
||||
function updateButtons(theme) {
|
||||
document.querySelectorAll('[data-theme-pick]').forEach(function (btn) {
|
||||
var pick = btn.getAttribute('data-theme-pick');
|
||||
var on = pick === theme;
|
||||
btn.classList.toggle('active', on);
|
||||
btn.setAttribute('aria-pressed', on ? 'true' : 'false');
|
||||
});
|
||||
}
|
||||
|
||||
function apply(theme) {
|
||||
if (theme !== 'light' && theme !== 'dark') {
|
||||
theme = 'dark';
|
||||
}
|
||||
document.documentElement.setAttribute('data-theme', theme);
|
||||
document.documentElement.style.colorScheme = theme;
|
||||
document.documentElement.style.background = theme === 'light' ? '#e8eef8' : '#050508';
|
||||
try {
|
||||
localStorage.setItem(KEY, theme);
|
||||
} catch (e) { /* ignore */ }
|
||||
updateButtons(theme);
|
||||
var meta = document.getElementById('meta-theme-color');
|
||||
if (meta) meta.setAttribute('content', theme === 'light' ? '#e8eef8' : '#050508');
|
||||
}
|
||||
|
||||
var saved = null;
|
||||
try {
|
||||
saved = localStorage.getItem(KEY);
|
||||
} catch (e) { /* ignore */ }
|
||||
|
||||
if (saved === 'light' || saved === 'dark') {
|
||||
apply(saved);
|
||||
} else {
|
||||
var prefersLight = window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches;
|
||||
apply(prefersLight ? 'light' : 'dark');
|
||||
}
|
||||
|
||||
document.addEventListener('click', function (e) {
|
||||
var btn = e.target.closest('[data-theme-pick]');
|
||||
if (!btn) return;
|
||||
e.preventDefault();
|
||||
apply(btn.getAttribute('data-theme-pick'));
|
||||
});
|
||||
|
||||
function syncButtons() {
|
||||
var cur = document.documentElement.getAttribute('data-theme') || 'dark';
|
||||
updateButtons(cur);
|
||||
}
|
||||
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', syncButtons);
|
||||
} else {
|
||||
syncButtons();
|
||||
}
|
||||
})();
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,99 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 交易记录核对修改 — 与币安实例一致：开关启用后，逐条弹窗核对
|
||||
*/
|
||||
(function () {
|
||||
var switchEl = document.getElementById('trade-edit-switch');
|
||||
if (!switchEl) return;
|
||||
|
||||
function syncReviewEditButtons() {
|
||||
var on = !!switchEl.checked;
|
||||
document.querySelectorAll('.review-edit-btn').forEach(function (btn) {
|
||||
btn.disabled = !on;
|
||||
});
|
||||
}
|
||||
|
||||
function normalizeDatetime(v) {
|
||||
var raw = String(v || '').trim().replace('T', ' ');
|
||||
var m = raw.match(/^(\d{4}-\d{2}-\d{2})[ ](\d{2}:\d{2})(:\d{2})?/);
|
||||
if (!m) return raw.slice(0, 19);
|
||||
return m[1] + ' ' + m[2] + ':' + (m[3] ? m[3].slice(1) : '00');
|
||||
}
|
||||
|
||||
function fmtPrice(v) {
|
||||
if (v === null || v === undefined || v === '') return '';
|
||||
return String(v);
|
||||
}
|
||||
|
||||
function editTradeRecordReview(t) {
|
||||
if (!t || !t.id) return;
|
||||
|
||||
var opened = prompt('开仓时间(YYYY-MM-DD HH:MM:SS)', normalizeDatetime(t.open_time));
|
||||
if (opened === null) return;
|
||||
var closed = prompt('平仓时间(YYYY-MM-DD HH:MM:SS)', normalizeDatetime(t.close_time));
|
||||
if (closed === null) return;
|
||||
var entry = prompt('开仓价(核对后用于统计)', fmtPrice(t.entry_price));
|
||||
if (entry === null) return;
|
||||
var closePx = prompt('平仓价(跨日持仓请以柜台成交为准)', fmtPrice(t.close_price));
|
||||
if (closePx === null) return;
|
||||
var stopLoss = prompt('止损价格(核对后用于统计)', fmtPrice(t.stop_loss));
|
||||
if (stopLoss === null) return;
|
||||
var takeProfit = prompt('止盈价格(核对后用于统计)', fmtPrice(t.take_profit));
|
||||
if (takeProfit === null) return;
|
||||
var pnl = prompt('盈亏(元，可手工核对后填写)', String(t.pnl != null ? t.pnl : ''));
|
||||
if (pnl === null) return;
|
||||
var result = prompt(
|
||||
'结果(止盈/止损/保本止盈/移动止盈/手动平仓/CTP同步)',
|
||||
String(t.result || '手动平仓')
|
||||
);
|
||||
if (result === null) return;
|
||||
|
||||
var form = document.createElement('form');
|
||||
form.method = 'POST';
|
||||
form.action = '/update_trade/' + t.id;
|
||||
var fields = {
|
||||
symbol_name: t.symbol_name || t.symbol || '',
|
||||
monitor_type: t.monitor_type || '',
|
||||
direction: t.direction || 'long',
|
||||
entry_price: entry,
|
||||
close_price: closePx,
|
||||
stop_loss: stopLoss,
|
||||
take_profit: takeProfit,
|
||||
lots: t.lots != null ? t.lots : '',
|
||||
margin: t.margin != null ? t.margin : '',
|
||||
holding_minutes: t.holding_minutes != null ? t.holding_minutes : 0,
|
||||
open_time: normalizeDatetime(opened),
|
||||
close_time: normalizeDatetime(closed),
|
||||
pnl: pnl,
|
||||
result: String(result || '').trim() || '手动平仓',
|
||||
};
|
||||
Object.keys(fields).forEach(function (name) {
|
||||
var input = document.createElement('input');
|
||||
input.type = 'hidden';
|
||||
input.name = name;
|
||||
input.value = fields[name];
|
||||
form.appendChild(input);
|
||||
});
|
||||
document.body.appendChild(form);
|
||||
form.submit();
|
||||
}
|
||||
|
||||
window.editTradeRecordReview = editTradeRecordReview;
|
||||
window.toggleTradeReviewMode = syncReviewEditButtons;
|
||||
|
||||
switchEl.addEventListener('change', syncReviewEditButtons);
|
||||
switchEl.addEventListener('input', syncReviewEditButtons);
|
||||
syncReviewEditButtons();
|
||||
window.addEventListener('pageshow', syncReviewEditButtons);
|
||||
|
||||
document.addEventListener('click', function (e) {
|
||||
var btn = e.target.closest('.review-edit-btn');
|
||||
if (!btn || btn.disabled) return;
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
var raw = btn.getAttribute('data-trade-edit');
|
||||
if (!raw) return;
|
||||
try {
|
||||
editTradeRecordReview(JSON.parse(raw));
|
||||
} catch (err) { /* ignore */ }
|
||||
});
|
||||
})();
|
||||
@@ -0,0 +1,35 @@
|
||||
{
|
||||
"id": "/",
|
||||
"name": "国内期货 · 交易复盘系统",
|
||||
"short_name": "交易复盘",
|
||||
"description": "Position Management · Disciplined Execution",
|
||||
"start_url": "/login",
|
||||
"scope": "/",
|
||||
"display": "standalone",
|
||||
"display_override": ["standalone", "browser"],
|
||||
"orientation": "any",
|
||||
"background_color": "#e8eef8",
|
||||
"theme_color": "#2563eb",
|
||||
"lang": "zh-CN",
|
||||
"categories": ["finance", "productivity"],
|
||||
"icons": [
|
||||
{
|
||||
"src": "/static/icons/icon-192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "any"
|
||||
},
|
||||
{
|
||||
"src": "/static/icons/icon-512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "any"
|
||||
},
|
||||
{
|
||||
"src": "/static/icons/icon-512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
/* Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
* 专有软件 — 未经授权禁止复制、传播、转售。
|
||||
* 详见 LICENSE.zh-CN.txt
|
||||
*/
|
||||
var CACHE_VERSION = 'qihuo-v10';
|
||||
var STATIC_CACHE = CACHE_VERSION + '-static';
|
||||
var STATIC_ASSETS = [
|
||||
'/static/css/base.css',
|
||||
'/static/css/tech.css',
|
||||
'/static/css/responsive.css',
|
||||
'/static/css/trade.css',
|
||||
'/static/js/theme.js',
|
||||
'/static/js/nav.js',
|
||||
'/static/js/pwa.js',
|
||||
'/static/js/symbol.js',
|
||||
'/static/js/trade.js',
|
||||
'/static/js/stats.js',
|
||||
'/static/js/settings.js',
|
||||
'/static/icons/icon-192.png',
|
||||
'/static/icons/icon-512.png',
|
||||
'/static/icons/icon.svg',
|
||||
'/static/manifest.json',
|
||||
'/login'
|
||||
];
|
||||
|
||||
self.addEventListener('install', function (event) {
|
||||
event.waitUntil(
|
||||
caches.open(STATIC_CACHE).then(function (cache) {
|
||||
return cache.addAll(STATIC_ASSETS).catch(function () { /* ignore partial */ });
|
||||
}).then(function () { return self.skipWaiting(); })
|
||||
);
|
||||
});
|
||||
|
||||
self.addEventListener('activate', function (event) {
|
||||
event.waitUntil(
|
||||
caches.keys().then(function (keys) {
|
||||
return Promise.all(keys.filter(function (k) {
|
||||
return k.startsWith('qihuo-') && k !== STATIC_CACHE;
|
||||
}).map(function (k) { return caches.delete(k); }));
|
||||
}).then(function () { return self.clients.claim(); })
|
||||
);
|
||||
});
|
||||
|
||||
self.addEventListener('fetch', function (event) {
|
||||
var req = event.request;
|
||||
if (req.method !== 'GET') return;
|
||||
|
||||
var url = new URL(req.url);
|
||||
if (url.origin !== self.location.origin) return;
|
||||
|
||||
if (url.pathname.indexOf('/static/') === 0) {
|
||||
event.respondWith(
|
||||
caches.match(req).then(function (cached) {
|
||||
return cached || fetch(req).then(function (res) {
|
||||
var copy = res.clone();
|
||||
caches.open(STATIC_CACHE).then(function (cache) { cache.put(req, copy); });
|
||||
return res;
|
||||
});
|
||||
})
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
if (req.mode === 'navigate' || (req.headers.get('accept') || '').indexOf('text/html') !== -1) {
|
||||
event.respondWith(
|
||||
fetch(req).catch(function () {
|
||||
return caches.match('/login');
|
||||
})
|
||||
);
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user