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,5 @@
|
||||
# Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
|
||||
from modules.web.routes import register
|
||||
|
||||
__all__ = ["register"]
|
||||
@@ -0,0 +1,108 @@
|
||||
# Copyright (c) 2025-2026 马建军. All rights reserved.
|
||||
"""HTTP routes for web module."""
|
||||
|
||||
from __future__ import annotations
|
||||
|
||||
from datetime import date, datetime
|
||||
|
||||
from flask import (
|
||||
Response,
|
||||
flash,
|
||||
jsonify,
|
||||
redirect,
|
||||
render_template,
|
||||
request,
|
||||
send_file,
|
||||
session,
|
||||
stream_with_context,
|
||||
url_for,
|
||||
)
|
||||
|
||||
|
||||
def register(deps) -> None:
|
||||
app = deps.app
|
||||
login_required = deps.login_required
|
||||
require_nav = deps.require_nav
|
||||
get_db = deps.get_db
|
||||
get_setting = deps.get_setting
|
||||
set_setting = deps.set_setting
|
||||
fetch_price = deps.fetch_price
|
||||
send_wechat_msg = deps.send_wechat_msg
|
||||
touch_stats_cache = deps.touch_stats_cache
|
||||
get_stats_data = deps.get_stats_data
|
||||
build_market_quote_payload = deps.build_market_quote_payload
|
||||
today_str = deps.today_str
|
||||
expire_old_plans = deps.expire_old_plans
|
||||
TZ = deps.tz
|
||||
DB_PATH = deps.db_path
|
||||
UPLOAD_DIR = deps.upload_dir
|
||||
OPEN_TYPES = deps.open_types
|
||||
EXIT_TRIGGERS = deps.exit_triggers
|
||||
BEHAVIOR_TAGS = deps.behavior_tags
|
||||
KLINE_PERIODS = deps.kline_periods
|
||||
KLINE_CUTOFFS = deps.kline_cutoffs
|
||||
calc_holding_duration = deps.calc_holding_duration
|
||||
holding_to_minutes = deps.holding_to_minutes
|
||||
classify_close_result = deps.classify_close_result
|
||||
calc_rr_ratio = deps.calc_rr_ratio
|
||||
calc_theoretical_pnl = deps.calc_theoretical_pnl
|
||||
parse_review_date_filter = deps.parse_review_date_filter
|
||||
_trading_mode = deps.trading_mode
|
||||
_ua_is_phone = deps.ua_is_phone
|
||||
_static_asset_v = deps.static_asset_v
|
||||
|
||||
from werkzeug.security import check_password_hash
|
||||
import json
|
||||
|
||||
|
||||
@app.route("/")
|
||||
def index():
|
||||
if session.get("logged_in"):
|
||||
return redirect(url_for("positions"))
|
||||
return redirect(url_for("login"))
|
||||
|
||||
|
||||
@app.route("/manifest.webmanifest")
|
||||
def web_manifest():
|
||||
import json
|
||||
|
||||
manifest_path = os.path.join(app.static_folder, "manifest.json")
|
||||
with open(manifest_path, encoding="utf-8") as fh:
|
||||
data = json.load(fh)
|
||||
if _ua_is_phone(request.headers.get("User-Agent", "")):
|
||||
data["orientation"] = "portrait-primary"
|
||||
else:
|
||||
data["orientation"] = "any"
|
||||
response = app.make_response(json.dumps(data, ensure_ascii=False))
|
||||
response.mimetype = "application/manifest+json"
|
||||
response.headers["Cache-Control"] = "no-cache"
|
||||
return response
|
||||
|
||||
|
||||
@app.route("/sw.js")
|
||||
def service_worker():
|
||||
response = app.send_static_file("sw.js")
|
||||
response.headers["Cache-Control"] = "no-cache"
|
||||
response.headers["Service-Worker-Allowed"] = "/"
|
||||
return response
|
||||
|
||||
|
||||
@app.route("/login", methods=["GET", "POST"])
|
||||
def login():
|
||||
if request.method == "POST":
|
||||
u = request.form.get("username", "").strip()
|
||||
p = request.form.get("password", "")
|
||||
admin_u = get_setting("admin_username")
|
||||
admin_hash = get_setting("admin_password_hash")
|
||||
if u == admin_u and check_password_hash(admin_hash, p):
|
||||
session["logged_in"] = True
|
||||
session["username"] = u
|
||||
return redirect(url_for("positions"))
|
||||
flash("账号或密码错误")
|
||||
return render_template("login.html")
|
||||
|
||||
|
||||
@app.route("/logout")
|
||||
def logout():
|
||||
session.clear()
|
||||
return redirect(url_for("login"))
|
||||
@@ -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');
|
||||
})
|
||||
);
|
||||
}
|
||||
});
|
||||
@@ -0,0 +1,39 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}AI 消息 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/ai_messages.css') }}">
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card ai-page">
|
||||
<h2>AI 分析 · 使用说明</h2>
|
||||
<div class="card-body">
|
||||
<details class="ai-usage" open>
|
||||
<summary>使用说明</summary>
|
||||
<div class="ai-usage-body">
|
||||
<ul>
|
||||
<li>在 <a href="{{ url_for('settings') }}">系统设置</a> →「AI 分析 · 使用说明」中配置 Ollama 或 OpenAI 并启用</li>
|
||||
<li><strong>开仓 / 平仓</strong>：成交后自动生成简要复盘（本页下方列表）</li>
|
||||
<li><strong>日终报告</strong>：每个交易日按设定时刻汇总当日盈亏与持仓</li>
|
||||
<li>配置企业微信后，日终报告摘要会同步推送到群</li>
|
||||
</ul>
|
||||
</div>
|
||||
</details>
|
||||
<h3 class="ai-section-label">分析消息</h3>
|
||||
<div class="ai-msg-list card-scroll">
|
||||
{% for m in messages %}
|
||||
<article class="ai-msg" data-kind="{{ m.kind }}">
|
||||
<header class="ai-msg-head">
|
||||
<span class="ai-msg-kind">{{ m.kind }}</span>
|
||||
<time>{{ m.created_at }}</time>
|
||||
</header>
|
||||
{% if m.title %}<h3 class="ai-msg-title">{{ m.title }}</h3>{% endif %}
|
||||
<pre class="ai-msg-body">{{ m.content }}</pre>
|
||||
</article>
|
||||
{% else %}
|
||||
<p class="text-muted empty-hint">暂无 AI 消息。开启 AI 并完成一笔交易，或等待日终报告后此处会显示分析。</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,115 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
||||
<meta name="theme-color" content="#050508" id="meta-theme-color">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="apple-mobile-web-app-title" content="期货监控">
|
||||
<meta name="application-name" content="期货监控">
|
||||
<link rel="manifest" href="{{ url_for('web_manifest') }}">
|
||||
<link rel="icon" href="{{ url_for('static', filename='icons/icon.svg') }}" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="{{ url_for('static', filename='icons/icon-192.png') }}">
|
||||
<title>{% block title %}国内期货 · 交易复盘系统{% endblock %}</title>
|
||||
<script>
|
||||
try {
|
||||
var _t = localStorage.getItem('qihuo-theme');
|
||||
if (_t === 'light' || _t === 'dark') {
|
||||
document.documentElement.setAttribute('data-theme', _t);
|
||||
document.documentElement.style.colorScheme = _t;
|
||||
document.documentElement.style.background = _t === 'light' ? '#e8eef8' : '#050508';
|
||||
}
|
||||
} catch (e) { /* ignore */ }
|
||||
</script>
|
||||
<script>
|
||||
(function () {
|
||||
var ua = navigator.userAgent || '';
|
||||
var isIpad = /iPad/i.test(ua) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
|
||||
var isTabletUa = isIpad || (/Android/i.test(ua) && !/Mobile/i.test(ua));
|
||||
var isPhoneUa = !isTabletUa && (/iPhone|iPod|Android.*Mobile|HarmonyOS|OpenHarmony|Mobile/i.test(ua));
|
||||
var s = Math.min(window.screen.width || 0, window.screen.height || 0);
|
||||
var coarse = window.matchMedia('(hover: none) and (pointer: coarse)').matches;
|
||||
var layout = 'desktop';
|
||||
if (isPhoneUa || (s > 0 && s < 600)) layout = 'phone';
|
||||
else if (isTabletUa || (s >= 600 && s <= 1100 && coarse)) layout = 'tablet';
|
||||
else if (window.innerWidth <= 767) layout = 'phone';
|
||||
var root = document.documentElement;
|
||||
root.dataset.layout = layout;
|
||||
root.dataset.mobile = layout === 'phone' ? '1' : '0';
|
||||
root.dataset.orientation = layout === 'phone' ? 'portrait' : (window.innerWidth >= window.innerHeight ? 'landscape' : 'portrait');
|
||||
if (layout === 'phone') root.classList.add('layout-phone');
|
||||
else if (layout === 'tablet') root.classList.add('layout-tablet');
|
||||
})();
|
||||
</script>
|
||||
<script src="{{ url_for('static', filename='js/theme.js') }}?v={{ asset_v }}"></script>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/base.css') }}?v={{ asset_v }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/tech.css') }}?v={{ asset_v }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/responsive.css') }}?v={{ asset_v }}">
|
||||
{% block extra_css %}{% endblock %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/mobile.css') }}?v={{ asset_v }}">
|
||||
</head>
|
||||
<body>
|
||||
<div class="tech-bg" aria-hidden="true">
|
||||
<div class="tech-grid"></div>
|
||||
<div class="tech-glow"></div>
|
||||
<div class="tech-glow-2"></div>
|
||||
<div class="tech-scanline"></div>
|
||||
</div>
|
||||
<div class="page-wrap">
|
||||
<header class="site-header">
|
||||
<div class="header-bar">
|
||||
<button type="button" class="nav-toggle" id="nav-toggle" aria-label="打开菜单" aria-expanded="false" aria-controls="site-nav">
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
<h1 class="site-title">
|
||||
<span class="site-title-mobile">期货监控</span>
|
||||
<span class="site-title-desktop">国内期货 · 交易复盘系统<span class="site-title-sub">Position Management · Disciplined Execution</span></span>
|
||||
</h1>
|
||||
<div class="header-tools">
|
||||
<div class="theme-switch" role="group" aria-label="主题模式">
|
||||
<button type="button" class="theme-switch-btn" data-theme-pick="dark">深色</button>
|
||||
<button type="button" class="theme-switch-btn" data-theme-pick="light">浅色</button>
|
||||
</div>
|
||||
<button type="button" class="pwa-install-btn" id="pwa-install-btn" hidden>安装 App</button>
|
||||
</div>
|
||||
<div class="user-bar">{{ session.username or '用户' }}<a href="{{ url_for('logout') }}">退出</a></div>
|
||||
</div>
|
||||
<p class="pwa-ios-hint" id="pwa-ios-hint">iOS 安装：Safari 浏览器点击底部分享按钮，选择「添加到主屏幕」。</p>
|
||||
<button type="button" class="nav-backdrop" id="nav-backdrop" aria-label="关闭菜单" hidden></button>
|
||||
<nav class="site-nav" id="site-nav">
|
||||
<a href="{{ url_for('positions') }}" class="{% if request.endpoint in ('positions', 'trade_page', 'recommend_page') %}active{% endif %}">下单监控</a>
|
||||
{% if nav_items.dashboard %}<a href="{{ url_for('dashboard') }}" class="{% if request.endpoint == 'dashboard' %}active{% endif %}">数据看板</a>{% endif %}
|
||||
{% if nav_items.risk_guide %}<a href="{{ url_for('risk_guide') }}" class="{% if request.endpoint == 'risk_guide' %}active{% endif %}">风控说明</a>{% endif %}
|
||||
{% if nav_items.strategy %}<a href="{{ url_for('strategy_page') }}" class="{% if request.endpoint in ('strategy_page', 'strategy_records_page') %}active{% endif %}">策略交易</a>{% endif %}
|
||||
{% if nav_items.plans %}<a href="{{ url_for('plans') }}" class="{% if request.endpoint == 'plans' %}active{% endif %}">开单计划</a>{% endif %}
|
||||
<a href="{{ url_for('keys') }}" class="{% if request.endpoint == 'keys' %}active{% endif %}">关键位监控</a>
|
||||
{% if nav_items.ai %}<a href="{{ url_for('ai_messages_page') }}" class="{% if request.endpoint == 'ai_messages_page' %}active{% endif %}">AI 分析</a>{% endif %}
|
||||
{% if nav_items.market %}<a href="{{ url_for('market_page') }}" class="{% if request.endpoint == 'market_page' %}active{% endif %}">行情K线</a>{% endif %}
|
||||
<a href="{{ url_for('records') }}" class="{% if request.endpoint in ('records', 'trades') %}active{% endif %}">交易记录与复盘</a>
|
||||
<a href="{{ url_for('trade_calendar') }}" class="{% if request.endpoint == 'trade_calendar' %}active{% endif %}">交易日历</a>
|
||||
<a href="{{ url_for('stats') }}" class="{% if request.endpoint == 'stats' %}active{% endif %}">统计分析</a>
|
||||
{% if nav_items.fees %}<a href="{{ url_for('fees') }}" class="{% if request.endpoint == 'fees' %}active{% endif %}">手续费配置</a>{% endif %}
|
||||
<a href="{{ url_for('settings') }}" class="{% if request.endpoint == 'settings' %}active{% endif %}">系统设置</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="main">
|
||||
{% with msg=get_flashed_messages() %}{% if msg %}<div class="flash">{{ msg[0] }}</div>{% endif %}{% endwith %}
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
</div>
|
||||
<div id="orientation-lock" class="orientation-lock" hidden>
|
||||
<div class="orientation-lock-box">
|
||||
<div class="orientation-lock-icon" aria-hidden="true">↻</div>
|
||||
<p id="orientation-lock-msg">请旋转设备</p>
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ url_for('static', filename='js/orientation.js') }}?v={{ asset_v }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/symbol.js') }}?v={{ asset_v }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/nav.js') }}?v={{ asset_v }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/pwa.js') }}?v={{ asset_v }}"></script>
|
||||
{% block extra_js %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,148 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}交易日历 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<style>
|
||||
.trade-cal-page .trade-cal-card{margin-bottom:0}
|
||||
.trade-cal-head{
|
||||
display:flex;align-items:center;justify-content:space-between;gap:.75rem;
|
||||
flex-wrap:wrap;margin-bottom:.85rem;
|
||||
}
|
||||
.trade-cal-head h2{margin:0}
|
||||
.trade-cal-nav{display:flex;align-items:center;gap:.5rem}
|
||||
.trade-cal-nav button{
|
||||
border:1px solid var(--card-border);background:var(--card-inner);color:var(--text-title);
|
||||
border-radius:8px;padding:.35rem .65rem;cursor:pointer;font:inherit;font-size:.85rem;
|
||||
}
|
||||
.trade-cal-nav button:hover{border-color:var(--accent)}
|
||||
.trade-cal-title{font-size:1rem;font-weight:600;color:var(--text-title);min-width:10rem;text-align:center;line-height:1.35}
|
||||
.trade-cal-weekdays{
|
||||
display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;margin-bottom:.4rem;
|
||||
}
|
||||
.trade-cal-weekdays span{
|
||||
text-align:center;font-size:.78rem;color:var(--text-muted);padding:.2rem 0;
|
||||
}
|
||||
.trade-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}
|
||||
.trade-cal-cell{
|
||||
min-height:5.1rem;border:1px solid var(--card-border);border-radius:10px;
|
||||
background:var(--card-inner);padding:.42rem .48rem;text-align:left;cursor:default;
|
||||
transition:border-color .2s,box-shadow .2s;
|
||||
}
|
||||
.trade-cal-cell.is-empty{background:transparent;border-color:transparent}
|
||||
.trade-cal-cell.is-clickable{cursor:pointer}
|
||||
.trade-cal-cell.is-clickable:hover{border-color:var(--accent)}
|
||||
.trade-cal-cell.is-selected{
|
||||
border-color:var(--accent);box-shadow:0 0 0 1px rgba(56,189,248,.25);
|
||||
}
|
||||
.trade-cal-cell.is-today .trade-cal-day-solar{color:var(--accent);font-weight:700}
|
||||
.trade-cal-cell.is-emotion{
|
||||
border-color:rgba(251,146,60,.65);
|
||||
background:linear-gradient(145deg,rgba(251,146,60,.12),var(--card-inner));
|
||||
}
|
||||
.trade-cal-cell.is-emotion.is-selected{
|
||||
border-color:rgba(251,146,60,.9);
|
||||
box-shadow:0 0 0 1px rgba(251,146,60,.35);
|
||||
}
|
||||
.trade-cal-day-head{
|
||||
display:flex;align-items:baseline;justify-content:space-between;gap:.3rem;line-height:1.25;
|
||||
}
|
||||
.trade-cal-day-solar{font-size:.95rem;font-weight:600;color:var(--text-title)}
|
||||
.trade-cal-day-lunar{
|
||||
font-size:.72rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;
|
||||
}
|
||||
.trade-cal-day-lunar.is-month-start{color:#c4a35a;font-weight:600;font-size:.74rem}
|
||||
.trade-cal-cell.is-today .trade-cal-day-lunar{color:var(--accent);opacity:.85}
|
||||
.trade-cal-meta{margin-top:.25rem;font-size:.72rem;line-height:1.4;color:var(--text-muted)}
|
||||
.trade-cal-count{font-variant-numeric:tabular-nums}
|
||||
.trade-cal-pnl{font-weight:600;font-size:.76rem;font-variant-numeric:tabular-nums;margin-top:.1rem}
|
||||
.trade-cal-pnl.is-profit{color:var(--profit)}
|
||||
.trade-cal-pnl.is-loss{color:var(--loss)}
|
||||
.trade-cal-emotion{
|
||||
display:inline-block;margin-top:.14rem;padding:.06rem .32rem;border-radius:4px;
|
||||
font-size:.65rem;font-weight:600;color:#fb923c;background:rgba(251,146,60,.15);
|
||||
}
|
||||
.trade-cal-day-detail{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--table-border)}
|
||||
.trade-cal-day-detail-head{
|
||||
display:flex;align-items:center;justify-content:space-between;gap:.75rem;
|
||||
flex-wrap:wrap;margin-bottom:.65rem;
|
||||
}
|
||||
.trade-cal-day-detail-head h3{margin:0;font-size:.95rem}
|
||||
.trade-cal-day-summary{font-size:.78rem;color:var(--text-muted)}
|
||||
.trade-cal-day-list{display:flex;flex-direction:column;gap:.55rem}
|
||||
.trade-cal-day-item{
|
||||
border:1px solid var(--card-border);border-radius:12px;background:var(--card-inner);
|
||||
padding:.65rem .75rem;
|
||||
}
|
||||
.trade-cal-day-item.is-emotion{
|
||||
border-color:rgba(251,146,60,.55);
|
||||
background:linear-gradient(145deg,rgba(251,146,60,.1),var(--card-inner));
|
||||
}
|
||||
.trade-cal-day-item-head{
|
||||
display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem;
|
||||
}
|
||||
.trade-cal-day-item-symbol{font-weight:600;font-size:.88rem;color:var(--text-title)}
|
||||
.trade-cal-day-item-pnl{font-weight:600;font-size:.88rem;font-variant-numeric:tabular-nums}
|
||||
.trade-cal-day-item-pnl.is-profit{color:var(--profit)}
|
||||
.trade-cal-day-item-pnl.is-loss{color:var(--loss)}
|
||||
.trade-cal-day-item-meta{
|
||||
display:flex;flex-wrap:wrap;gap:.35rem .55rem;font-size:.72rem;color:var(--text-muted);
|
||||
}
|
||||
.trade-cal-badge{
|
||||
display:inline-block;padding:.08rem .35rem;border-radius:4px;font-size:.65rem;font-weight:600;
|
||||
}
|
||||
.trade-cal-badge.review{background:rgba(56,189,248,.15);color:var(--accent)}
|
||||
.trade-cal-badge.emotion{background:rgba(251,146,60,.18);color:#fb923c}
|
||||
.trade-cal-day-item-notes{
|
||||
margin-top:.4rem;font-size:.72rem;color:var(--text-muted);line-height:1.45;
|
||||
}
|
||||
.trade-cal-day-item-shot{margin-top:.45rem}
|
||||
.trade-cal-day-item-shot img{
|
||||
max-width:100%;max-height:180px;border-radius:8px;border:1px solid var(--card-border);
|
||||
}
|
||||
@media (min-width:768px){
|
||||
.trade-cal-cell{min-height:5.6rem;padding:.5rem .55rem}
|
||||
.trade-cal-day-solar{font-size:1.05rem}
|
||||
.trade-cal-day-lunar{font-size:.78rem}
|
||||
.trade-cal-day-lunar.is-month-start{font-size:.8rem}
|
||||
.trade-cal-meta{font-size:.76rem}
|
||||
.trade-cal-pnl{font-size:.8rem}
|
||||
.trade-cal-weekdays span{font-size:.82rem}
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="trade-cal-page">
|
||||
<div class="card trade-cal-card">
|
||||
<div class="trade-cal-head">
|
||||
<h2>交易日历</h2>
|
||||
<div class="trade-cal-nav">
|
||||
<button type="button" id="trade-cal-prev" aria-label="上个月">‹</button>
|
||||
<span class="trade-cal-title" id="trade-cal-title">—</span>
|
||||
<button type="button" id="trade-cal-next" aria-label="下个月">›</button>
|
||||
<button type="button" id="trade-cal-today">本月</button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hint" style="margin:0 0 .75rem">公历与农历对照；按平仓日汇总笔数与净盈亏。橙色日期含情绪单复盘，点击日期查看当日记录（已复盘优先）。</p>
|
||||
<div class="trade-cal-weekdays">
|
||||
<span>一</span><span>二</span><span>三</span><span>四</span><span>五</span><span>六</span><span>日</span>
|
||||
</div>
|
||||
<div class="trade-cal-grid" id="trade-cal-grid">
|
||||
<div class="text-muted" style="grid-column:1/-1;padding:.5rem 0">加载日历…</div>
|
||||
</div>
|
||||
<div class="trade-cal-day-detail" id="trade-cal-day-detail" hidden>
|
||||
<div class="trade-cal-day-detail-head">
|
||||
<h3 id="trade-cal-day-detail-title">当日交易</h3>
|
||||
<span class="trade-cal-day-summary" id="trade-cal-day-summary"></span>
|
||||
</div>
|
||||
<div class="trade-cal-day-list" id="trade-cal-day-list"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block extra_js %}
|
||||
<script src="{{ url_for('static', filename='js/lunar.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/calendar.js') }}"></script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,48 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}品种简介 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card profile-page">
|
||||
<h2>品种简介</h2>
|
||||
<div class="card-body">
|
||||
<form id="contract-search-form" class="form-row" method="get" action="{{ url_for('contract_profile_page') }}">
|
||||
<div class="symbol-wrap" style="flex:1;min-width:220px;max-width:360px">
|
||||
<input type="text" class="symbol-input" id="contract-symbol-input"
|
||||
placeholder="输入品种或合约，如 螺纹钢 / rb2510" autocomplete="off" required>
|
||||
<input type="hidden" name="symbol" id="contract-symbol-hidden" value="{{ symbol or '' }}">
|
||||
<div class="symbol-dropdown"></div>
|
||||
<div class="symbol-selected"></div>
|
||||
</div>
|
||||
<button type="submit" class="btn-primary">查询</button>
|
||||
</form>
|
||||
<p class="hint">展示交易所合约规格：交易单位、最小变动、保证金、交割规则等（数据来源：东方财富 / 新浪）。</p>
|
||||
|
||||
{% if error %}
|
||||
<div class="flash" style="margin-top:1rem">{{ error }}</div>
|
||||
{% elif profile %}
|
||||
<div class="profile-head">
|
||||
<strong>{{ profile.symbol_name or profile.ths_code }}</strong>
|
||||
<span class="text-muted">{{ profile.ths_code }}</span>
|
||||
{% if profile.exchange %}<span class="badge active">{{ profile.exchange }}</span>{% endif %}
|
||||
<span class="profile-source">来源：{{ profile.source }}</span>
|
||||
</div>
|
||||
<div class="profile-spec">
|
||||
{% for row in profile.rows %}
|
||||
<div class="profile-row">
|
||||
<div class="profile-label">{{ row.label }}</div>
|
||||
<div class="profile-value">
|
||||
{{ row.value }}
|
||||
{% if row.hint %}<div class="profile-hint">{{ row.hint }}</div>{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% elif symbol %}
|
||||
<p class="text-muted" style="margin-top:1rem">未查询到该合约简介，请检查合约代码是否正确。</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script src="{{ url_for('static', filename='js/contract.js') }}"></script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,138 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}数据看板 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/dashboard.css') }}?v={{ asset_v }}">
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="dashboard-page">
|
||||
<div class="dashboard-top">
|
||||
<div class="dashboard-top-left">
|
||||
<span class="badge planned" id="dash-mode-badge">—</span>
|
||||
<span class="badge planned" id="dash-ctp-badge">CTP 检测中…</span>
|
||||
<span class="text-muted dash-updated" id="dash-updated">正在加载…</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card dashboard-account-card">
|
||||
<div class="stat-grid stat-grid-summary dashboard-account-grid">
|
||||
<div class="stat-item">
|
||||
<div class="label">账户权益</div>
|
||||
<div class="value" id="dash-equity">—</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="label">占用保证金</div>
|
||||
<div class="value" id="dash-margin">—</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="label">可用权益</div>
|
||||
<div class="value" id="dash-available">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card dashboard-section dashboard-risk-card" id="dash-risk-card">
|
||||
<h2 class="dashboard-risk-heading dash-section-toggle" id="dash-risk-toggle" role="button" tabindex="0" aria-expanded="false" aria-controls="dash-risk-body">
|
||||
<span class="dash-section-toggle-label">风控说明</span>
|
||||
{% if nav_items.risk_guide %}
|
||||
<a class="dash-risk-doc-link" href="{{ url_for('risk_guide') }}" onclick="event.stopPropagation()">完整说明</a>
|
||||
{% else %}
|
||||
<span class="text-muted dash-risk-doc-ref">· 详见 <code>docs/风控说明.md</code></span>
|
||||
{% endif %}
|
||||
<span class="dash-toggle-icon" aria-hidden="true">▼</span>
|
||||
</h2>
|
||||
<div class="dash-risk-body" id="dash-risk-body">
|
||||
<p class="dashboard-risk-reason" id="dash-risk-reason">加载中…</p>
|
||||
<div class="stat-grid stat-grid-summary dashboard-risk-grid" id="dash-risk-grid"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card dashboard-section">
|
||||
<h2>持仓信息</h2>
|
||||
<div class="dash-mobile-list" id="dash-pos-mobile-list"></div>
|
||||
<div class="dash-pos-table-wrap card-scroll">
|
||||
<table class="dashboard-table" id="dash-positions-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>品种</th>
|
||||
<th>方向</th>
|
||||
<th>手数</th>
|
||||
<th>均价</th>
|
||||
<th>现价</th>
|
||||
<th>浮盈亏</th>
|
||||
<th>保证金</th>
|
||||
<th>止损</th>
|
||||
<th>止盈</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="dash-positions-body">
|
||||
<tr><td colspan="9" class="text-muted">加载中…</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card dashboard-section">
|
||||
<h2>关键位监控</h2>
|
||||
<div class="dash-mobile-list" id="dash-keys-mobile-list"></div>
|
||||
<div class="dash-keys-table-wrap card-scroll">
|
||||
<table class="dashboard-table" id="dash-keys-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>品种</th>
|
||||
<th>类型</th>
|
||||
<th>周期</th>
|
||||
<th>上沿</th>
|
||||
<th>下沿</th>
|
||||
<th>现价</th>
|
||||
<th>距上沿</th>
|
||||
<th>距下沿</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="dash-keys-body">
|
||||
<tr><td colspan="8" class="text-muted">加载中…</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card dashboard-section">
|
||||
<h2>平仓记录</h2>
|
||||
<div class="dash-mobile-list" id="dash-closes-mobile-list"></div>
|
||||
<div class="card-scroll dash-closes-table-wrap">
|
||||
<table class="dashboard-table" id="dash-closes-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>品种</th>
|
||||
<th>方向</th>
|
||||
<th>手数</th>
|
||||
<th>开仓</th>
|
||||
<th>平仓</th>
|
||||
<th>盈亏</th>
|
||||
<th>净盈亏</th>
|
||||
<th>平仓时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="dash-closes-body">
|
||||
<tr><td colspan="8" class="text-muted">加载中…</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-mask" id="dash-detail-modal" hidden>
|
||||
<div class="modal-box dash-detail-modal">
|
||||
<h3 id="dash-detail-title">详情</h3>
|
||||
<div class="modal-grid" id="dash-detail-grid"></div>
|
||||
<div class="modal-actions">
|
||||
<button type="button" class="btn-primary" id="dash-detail-close">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script src="{{ url_for('static', filename='js/dashboard.js') }}?v={{ asset_v }}"></script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,121 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}手续费配置 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<style>
|
||||
.fees-status-card .card-body{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center}
|
||||
.fees-status-card .fees-meta{font-size:.85rem;color:var(--text-muted)}
|
||||
.fees-table-card .card-body{padding:.75rem 1rem 1rem}
|
||||
.fees-table-card .trade-table-wrap{
|
||||
max-height:min(70vh,560px);
|
||||
width:100%;
|
||||
overflow:auto;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
border:1px solid var(--table-border);
|
||||
border-radius:10px;
|
||||
background:var(--card-inner);
|
||||
}
|
||||
.fees-table-card .trade-table{
|
||||
width:100%;
|
||||
min-width:0;
|
||||
table-layout:fixed;
|
||||
font-size:.8rem;
|
||||
}
|
||||
.fees-table-card .trade-table thead th{
|
||||
position:sticky;
|
||||
top:0;
|
||||
z-index:2;
|
||||
background:var(--card-inner);
|
||||
box-shadow:0 1px 0 var(--table-border);
|
||||
}
|
||||
.fees-table-card .trade-table th,
|
||||
.fees-table-card .trade-table td{
|
||||
padding:.5rem .4rem;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
.fees-table-card .trade-table th:last-child,
|
||||
.fees-table-card .trade-table td:last-child{
|
||||
position:static;
|
||||
box-shadow:none;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card fees-status-card">
|
||||
<h2>CTP 手续费</h2>
|
||||
<div class="card-body">
|
||||
<p class="fees-meta" style="margin:0;flex:1;min-width:220px">
|
||||
费率由后台从 <strong>CTP 柜台</strong> 同步写入数据库，<strong>每日自动更新一次</strong>，本页只读展示。
|
||||
</p>
|
||||
{% if ctp_connected %}
|
||||
<span class="badge profit">CTP 已连接</span>
|
||||
{% else %}
|
||||
<span class="badge planned">CTP 未连接</span>
|
||||
{% endif %}
|
||||
{% if fee_synced_today %}
|
||||
<span class="badge profit">今日已同步</span>
|
||||
{% else %}
|
||||
<span class="badge planned">今日未同步</span>
|
||||
{% endif %}
|
||||
{% if fee_last_sync %}
|
||||
<span class="text-muted" style="font-size:.8rem">上次：{{ fee_last_sync[:16] }}</span>
|
||||
{% endif %}
|
||||
{% if fee_sync_running %}
|
||||
<span class="badge planned">同步中…</span>
|
||||
{% endif %}
|
||||
{% if fee_counts.get('ctp') %}
|
||||
<span class="text-muted" style="font-size:.8rem">共 {{ fee_counts.ctp }} 个品种</span>
|
||||
{% endif %}
|
||||
<form action="{{ url_for('fees') }}" method="post" style="display:inline">
|
||||
<input type="hidden" name="action" value="sync_ctp">
|
||||
<input type="hidden" name="force" value="1">
|
||||
<button type="submit" class="btn-primary" {% if not ctp_connected %}disabled title="请先连接 CTP"{% endif %}>立即同步</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card fees-table-card">
|
||||
<h2>品种费率表</h2>
|
||||
<div class="card-body">
|
||||
<div class="trade-table-wrap">
|
||||
<table class="trade-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>品种</th><th>交易所</th><th>乘数</th>
|
||||
<th>开仓(元/手)</th><th>开仓(比例)</th>
|
||||
<th>平昨(元/手)</th><th>平昨(比例)</th>
|
||||
<th>平今(元/手)</th><th>平今(比例)</th>
|
||||
<th>更新</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for r in rates %}
|
||||
<tr>
|
||||
<td><strong>{{ r.product }}</strong></td>
|
||||
<td class="cell-readonly">{{ r.exchange or '—' }}</td>
|
||||
<td class="cell-readonly">{{ r.mult }}</td>
|
||||
<td class="cell-readonly">{{ r.open_fixed }}</td>
|
||||
<td class="cell-readonly">{{ r.open_ratio }}</td>
|
||||
<td class="cell-readonly">{{ r.close_yesterday_fixed }}</td>
|
||||
<td class="cell-readonly">{{ r.close_yesterday_ratio }}</td>
|
||||
<td class="cell-readonly">{{ r.close_today_fixed }}</td>
|
||||
<td class="cell-readonly">{{ r.close_today_ratio }}</td>
|
||||
<td class="text-muted" style="font-size:.72rem">{{ (r.updated_at or '')[:16] }}</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr><td colspan="10" class="text-muted">暂无 CTP 费率，请连接 CTP 后等待自动同步或点击「立即同步」</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hint" style="margin-top:.75rem;padding:0 1rem 1rem">
|
||||
公式：单边 = 固定(元/手)×手数 + 比例×价格×乘数×手数；往返 = 开仓 + 平仓（平今/平昨自动判断）。
|
||||
{% if ctp_connected and not fee_counts.get('ctp') %}
|
||||
<br><strong class="text-loss">数据库尚无 CTP 费率，请点击「立即同步」或等待后台每日任务。</strong>
|
||||
{% endif %}
|
||||
</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,175 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}关键位监控 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/keys.css') }}">
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="split-grid">
|
||||
<div class="card">
|
||||
<h2>新增监控</h2>
|
||||
<div class="card-body">
|
||||
<details class="module-rules">
|
||||
<summary>规则说明</summary>
|
||||
<div class="module-rules-body">
|
||||
<p><strong>箱体突破 / 收敛突破（自动单）</strong></p>
|
||||
<ul>
|
||||
<li>触发：<strong>上周期 K 线收盘</strong>收在上沿或下沿之外（默认 5 分）</li>
|
||||
<li>箱体突破须选<strong>上方向</strong>，仅当突破后下单方向一致时才自动开仓</li>
|
||||
<li>顺势：上破做多、下破做空；反转：上破做空、下破做多</li>
|
||||
<li>自动<strong>市价开仓</strong>；止损 = 突破 K 线极值 ± 2 跳</li>
|
||||
<li>盈亏比默认 2（可改）；开启移动保本时默认 3，达目标价自动止盈</li>
|
||||
</ul>
|
||||
<p><strong>关键支阻区（仅提醒）</strong></p>
|
||||
<ul>
|
||||
<li>上沿 = 阻力，下沿 = 支撑，合并为一个区间</li>
|
||||
<li>上周期 K 线收盘突破 → 微信推送（最多 3 次，间隔约 5 分钟）</li>
|
||||
<li>推送完毕后自动结案，<strong>不参与自动开仓</strong></li>
|
||||
</ul>
|
||||
</div>
|
||||
</details>
|
||||
<form action="{{ url_for('add_key') }}" method="post" id="key-add-form">
|
||||
<div class="key-form-rows">
|
||||
<div class="key-form-line line-3">
|
||||
<div class="key-field symbol-wrap symbol-mains">
|
||||
<label class="text-label">品种</label>
|
||||
<input type="text" class="symbol-input" placeholder="输入中文或代码，选择主力合约" autocomplete="off" required>
|
||||
<input type="hidden" name="symbol" required>
|
||||
<input type="hidden" name="symbol_name">
|
||||
<input type="hidden" name="market_code" required>
|
||||
<input type="hidden" name="sina_code">
|
||||
<div class="symbol-dropdown"></div>
|
||||
<div class="symbol-selected"></div>
|
||||
</div>
|
||||
<div class="key-field">
|
||||
<label class="text-label">类型</label>
|
||||
<select name="type" id="key-type" required>
|
||||
<option value="箱体突破">箱体突破</option>
|
||||
<option value="收敛突破">收敛突破</option>
|
||||
<option value="关键支阻区">关键支阻区</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="key-field">
|
||||
<label class="text-label">上周期</label>
|
||||
<select name="bar_period" id="key-bar-period">
|
||||
{% for p in key_periods %}
|
||||
<option value="{{ p.key }}"{% if p.key == '5m' %} selected{% endif %}>{{ p.label }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="key-form-line line-3" id="key-row-auto">
|
||||
<div class="key-field" id="key-trade-mode-wrap">
|
||||
<label class="text-label">模式</label>
|
||||
<select name="trade_mode" id="key-trade-mode">
|
||||
<option value="顺势">顺势</option>
|
||||
<option value="反转">反转</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="key-field" id="key-direction-wrap">
|
||||
<label class="text-label">上方向</label>
|
||||
<select name="direction" id="key-direction">
|
||||
<option value="long">做多</option>
|
||||
<option value="short">做空</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="key-field" id="key-rr-wrap">
|
||||
<label class="text-label">盈亏比</label>
|
||||
<input name="risk_reward" id="key-rr" type="number" step="0.1" min="0.5" max="10" value="2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="key-form-line line-2" id="key-row-prices">
|
||||
<div class="key-field">
|
||||
<label class="text-label">上沿（阻力）</label>
|
||||
<input name="upper" type="number" step="0.0001" required>
|
||||
</div>
|
||||
<div class="key-field">
|
||||
<label class="text-label">下沿（支撑）</label>
|
||||
<input name="lower" type="number" step="0.0001" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="key-action-row" id="key-row-actions">
|
||||
<label class="trailing-be-toggle" id="key-trailing-wrap">
|
||||
<input type="checkbox" name="trailing_be" id="key-trailing" value="1">
|
||||
<span>移动保本</span>
|
||||
</label>
|
||||
<p class="hint key-trailing-hint" id="key-trailing-hint">开启后盈亏比默认 3，达 3R 自动止盈并启用移动止损</p>
|
||||
<button type="submit" class="btn-primary key-submit-btn">添加</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<h3 class="section-label">监控列表</h3>
|
||||
<div class="list card-scroll" id="key-monitor-list">
|
||||
{% for k in keys %}
|
||||
<div class="list-item key-item" data-key-id="{{ k.id }}" style="padding:.75rem;font-size:.85rem">
|
||||
<div>
|
||||
<strong>{{ k.symbol_name or k.symbol }}</strong> {{ k.monitor_type }}
|
||||
<span class="badge planned">{{ k.bar_period or '5m' }}</span>
|
||||
{% if k.monitor_type in ('箱体突破', '收敛突破') %}
|
||||
<span class="badge planned">{{ k.trade_mode or '顺势' }}</span>
|
||||
{% if k.monitor_type == '箱体突破' and k.direction %}
|
||||
<span class="badge profit">{{ '做多' if k.direction == 'long' else '做空' }}</span>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if k.trailing_be %}
|
||||
<span class="badge profit">移动保本</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="key-live">
|
||||
<span class="live-price-line">现价：<span class="live-price">--</span></span>
|
||||
<span class="live-dist">距上<span class="dist-up">--</span> 距下<span class="dist-down">--</span></span>
|
||||
</div>
|
||||
<div>上沿 {{ k.upper }} · 下沿 {{ k.lower }}
|
||||
{% if k.monitor_type in ('箱体突破', '收敛突破') %}
|
||||
· 盈亏比 {{ k.risk_reward or 2 }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<a href="{{ url_for('del_key', pid=k.id) }}" class="btn-del" onclick="return confirm('移入历史？')">删</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="empty-hint">暂无监控</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>监控历史</h2>
|
||||
<div class="card-body card-scroll">
|
||||
<table>
|
||||
<thead><tr><th>品种</th><th>类型</th><th>周期</th><th>模式</th><th>上沿</th><th>下沿</th><th>归档</th></tr></thead>
|
||||
<tbody>
|
||||
{% for k in history %}
|
||||
<tr>
|
||||
<td>{{ k.symbol_name or k.symbol }}</td>
|
||||
<td>{{ k.monitor_type }}</td>
|
||||
<td>{{ k.bar_period or '5m' }}</td>
|
||||
<td>
|
||||
{% if k.monitor_type in ('箱体突破', '收敛突破') %}
|
||||
{{ k.trade_mode or '顺势' }}
|
||||
{% if k.monitor_type == '箱体突破' and k.direction %}
|
||||
· {{ '做多' if k.direction == 'long' else '做空' }}
|
||||
{% endif %}
|
||||
{% if k.trailing_be %} · 移动保本{% endif %}
|
||||
{% elif k.monitor_type in ('关键阻力位', '关键支撑位') %}
|
||||
支阻区
|
||||
{% else %}
|
||||
提醒
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>{{ k.upper }}</td>
|
||||
<td>{{ k.lower }}</td>
|
||||
<td>{{ k.archived_at[:16] if k.archived_at else '' }}</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr><td colspan="7" class="text-muted">暂无历史</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script src="{{ url_for('static', filename='js/keys.js') }}"></script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,206 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
||||
<meta name="theme-color" content="#050508" id="meta-theme-color">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="apple-mobile-web-app-title" content="期货监控">
|
||||
<link rel="manifest" href="{{ url_for('web_manifest') }}">
|
||||
<link rel="icon" href="{{ url_for('static', filename='icons/icon.svg') }}" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="{{ url_for('static', filename='icons/icon-192.png') }}">
|
||||
<title>系统登录</title>
|
||||
<script>
|
||||
try {
|
||||
var _t = localStorage.getItem('qihuo-theme');
|
||||
if (_t === 'light' || _t === 'dark') document.documentElement.setAttribute('data-theme', _t);
|
||||
} catch (e) { /* ignore */ }
|
||||
</script>
|
||||
<script src="{{ url_for('static', filename='js/theme.js') }}"></script>
|
||||
<style>
|
||||
html:not([data-theme="light"]){
|
||||
--bg-page:#050508;
|
||||
--bg-grid:rgba(76,194,255,.045);
|
||||
--card-bg:rgba(10,12,22,.88);
|
||||
--card-border:rgba(76,194,255,.25);
|
||||
--card-border-hover:rgba(76,194,255,.45);
|
||||
--card-glow:rgba(76,194,255,.12);
|
||||
--ambient-glow:rgba(76,194,255,.14);
|
||||
--ambient-glow-2:rgba(123,66,255,.1);
|
||||
--scanline:rgba(76,194,255,.03);
|
||||
--text-primary:#e8eaf6;
|
||||
--text-label:#a8b4ff;
|
||||
--text-muted:#7a82a0;
|
||||
--accent:#4cc2ff;
|
||||
--accent-2:#9d6bff;
|
||||
--input-bg:rgba(12,14,26,.95);
|
||||
--input-border:rgba(76,194,255,.2);
|
||||
--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);
|
||||
--loss-bg:rgba(255,107,122,.12);
|
||||
--loss:#ff6b7a;
|
||||
--shadow:0 16px 48px rgba(0,0,0,.5),0 0 24px var(--card-glow);
|
||||
--toggle-bg:rgba(14,16,28,.9);
|
||||
--toggle-border:rgba(76,194,255,.2);
|
||||
--nav-hover-glow:rgba(76,194,255,.15);
|
||||
}
|
||||
[data-theme="light"]{
|
||||
--bg-page:#e8eef8;
|
||||
--bg-grid:rgba(37,99,235,.07);
|
||||
--card-bg:rgba(255,255,255,.94);
|
||||
--card-border:rgba(37,99,235,.22);
|
||||
--card-border-hover:rgba(37,99,235,.4);
|
||||
--card-glow:rgba(37,99,235,.1);
|
||||
--ambient-glow:rgba(37,99,235,.12);
|
||||
--ambient-glow-2:rgba(124,58,237,.08);
|
||||
--scanline:rgba(37,99,235,.04);
|
||||
--text-primary:#1a2233;
|
||||
--text-label:#1d4ed8;
|
||||
--text-muted:#5c6578;
|
||||
--accent:#2563eb;
|
||||
--accent-2:#7c3aed;
|
||||
--input-bg:#ffffff;
|
||||
--input-border:#b8c5d6;
|
||||
--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);
|
||||
--loss-bg:#fee2e2;
|
||||
--loss:#dc2626;
|
||||
--shadow:0 16px 40px rgba(15,23,42,.12),0 0 20px var(--card-glow);
|
||||
--toggle-bg:#ffffff;
|
||||
--toggle-border:#c5d0dc;
|
||||
--nav-hover-glow:rgba(37,99,235,.12);
|
||||
}
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{
|
||||
background:var(--bg-page);
|
||||
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
|
||||
display:flex;align-items:center;justify-content:center;
|
||||
min-height:100vh;color:var(--text-primary);
|
||||
padding:1rem;
|
||||
}
|
||||
.login-wrap{width:100%;max-width:400px;position:relative;z-index:1}
|
||||
.theme-row{display:flex;justify-content:flex-end;margin-bottom:.75rem}
|
||||
.theme-switch{
|
||||
display:inline-flex;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;width:auto;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.login-box{
|
||||
background:var(--card-bg);
|
||||
padding:2.5rem 2rem 2rem;border-radius:14px;
|
||||
border:1px solid var(--card-border);
|
||||
box-shadow:var(--shadow);
|
||||
position:relative;overflow:hidden;
|
||||
backdrop-filter:blur(12px);
|
||||
transition:border-color .25s,box-shadow .25s;
|
||||
}
|
||||
.login-box:hover{
|
||||
border-color:var(--card-border-hover);
|
||||
}
|
||||
.login-box::after{
|
||||
content:"";position:absolute;top:0;left:12%;right:12%;height:1px;
|
||||
background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);
|
||||
opacity:.75;
|
||||
}
|
||||
.login-box h2{
|
||||
margin-bottom:.35rem;text-align:center;font-size:1.45rem;font-weight:700;
|
||||
letter-spacing:.04em;
|
||||
background:linear-gradient(135deg,var(--text-primary),var(--accent),var(--accent-2));
|
||||
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
|
||||
filter:drop-shadow(0 0 20px var(--focus-glow));
|
||||
}
|
||||
.login-sub{
|
||||
text-align:center;font-size:.68rem;letter-spacing:.12em;
|
||||
text-transform:uppercase;color:var(--text-muted);margin-bottom:2rem;
|
||||
}
|
||||
.form-group{margin-bottom:1.25rem}
|
||||
.form-group label{
|
||||
display:block;margin-bottom:.5rem;font-size:.85rem;
|
||||
color:var(--text-label);letter-spacing:.03em;
|
||||
}
|
||||
.form-group input{
|
||||
width:100%;padding:.85rem 1rem;border-radius:10px;
|
||||
border:1px solid var(--input-border);
|
||||
background:var(--input-bg);color:var(--text-primary);
|
||||
font-size:.95rem;outline:none;
|
||||
transition:border-color .2s,box-shadow .2s;
|
||||
}
|
||||
.form-group input:focus{
|
||||
border-color:var(--accent);
|
||||
box-shadow:0 0 0 3px var(--focus-ring),0 0 16px var(--focus-glow);
|
||||
}
|
||||
button[type="submit"]{
|
||||
width:100%;padding:.9rem;border-radius:10px;border:none;
|
||||
background:linear-gradient(135deg,var(--accent),var(--accent-2));
|
||||
color:#fff;font-size:1rem;font-weight:600;cursor:pointer;
|
||||
letter-spacing:.06em;
|
||||
box-shadow:0 4px 24px var(--btn-glow);
|
||||
transition:transform .15s,box-shadow .2s;
|
||||
}
|
||||
button[type="submit"]:hover{
|
||||
transform:translateY(-1px);
|
||||
box-shadow:0 6px 28px var(--btn-glow-strong);
|
||||
}
|
||||
.flash{
|
||||
padding:.8rem;margin-bottom:1rem;
|
||||
background:var(--loss-bg);color:var(--loss);
|
||||
border-radius:8px;text-align:center;font-size:.85rem;
|
||||
border:1px solid rgba(255,107,122,.25);
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/tech.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/responsive.css') }}">
|
||||
</head>
|
||||
<body class="login-page">
|
||||
<div class="tech-bg" aria-hidden="true">
|
||||
<div class="tech-grid"></div>
|
||||
<div class="tech-glow"></div>
|
||||
<div class="tech-glow-2"></div>
|
||||
<div class="tech-scanline"></div>
|
||||
</div>
|
||||
<div class="login-wrap">
|
||||
<div class="theme-row">
|
||||
<div class="theme-switch" role="group" aria-label="主题模式">
|
||||
<button type="button" class="theme-switch-btn" data-theme-pick="dark">深色</button>
|
||||
<button type="button" class="theme-switch-btn" data-theme-pick="light">浅色</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-box">
|
||||
<h2>国内期货 · 交易复盘系统</h2>
|
||||
<p class="login-sub">Position Management · Disciplined Execution</p>
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}<div class="flash">{{ messages[0] }}</div>{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST">
|
||||
<div class="form-group">
|
||||
<label>账号</label>
|
||||
<input type="text" name="username" required placeholder="请输入账号">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>密码</label>
|
||||
<input type="password" name="password" required placeholder="请输入密码">
|
||||
</div>
|
||||
<button type="submit">登录系统</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ url_for('static', filename='js/pwa.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,172 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}行情K线 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="card market-card">
|
||||
<h2>行情 K 线</h2>
|
||||
<form class="market-toolbar" id="market-form" onsubmit="return false;">
|
||||
<div class="symbol-wrap market-symbol-wrap">
|
||||
<input type="text" class="symbol-input" id="market-symbol-input" placeholder="点击选择主力合约，或输入搜索" autocomplete="off" value="{{ symbol }}">
|
||||
<input type="hidden" name="symbol" id="market-symbol-hidden" value="{{ symbol }}">
|
||||
<input type="hidden" name="symbol_name" id="market-symbol-name">
|
||||
<input type="hidden" name="market_code" id="market-market-code">
|
||||
<input type="hidden" name="sina_code" id="market-sina-code">
|
||||
<div class="symbol-dropdown"></div>
|
||||
<div class="symbol-selected" id="market-symbol-selected"></div>
|
||||
</div>
|
||||
<div class="market-period-tabs" id="market-period-tabs">
|
||||
{% for p in market_periods %}
|
||||
<button type="button" class="period-tab{% if p.key == period %} active{% endif %}" data-period="{{ p.key }}">{{ p.label }}</button>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<button type="button" class="btn-primary" id="market-load-btn">查看</button>
|
||||
</form>
|
||||
<div class="market-quote" id="market-quote">
|
||||
<span class="market-quote-name" id="market-quote-name">—</span>
|
||||
<span class="market-quote-price" id="market-quote-price">—</span>
|
||||
<span class="market-quote-prev text-muted" id="market-quote-prev"></span>
|
||||
<span class="market-quote-meta text-muted" id="market-quote-meta"></span>
|
||||
</div>
|
||||
<div class="market-chart-toolbar">
|
||||
<div class="market-chart-options">
|
||||
<label class="chart-opt"><input type="checkbox" id="chart-opt-prev-close">昨收线</label>
|
||||
<label class="chart-opt"><input type="checkbox" id="chart-opt-ma">EMA</label>
|
||||
<span class="chart-ema-periods" id="chart-ema-periods">
|
||||
<input type="number" class="chart-ema-input" id="chart-ema-fast" value="21" min="2" max="500" step="1" title="快线周期" aria-label="EMA快线周期">
|
||||
<span class="chart-ema-sep">/</span>
|
||||
<input type="number" class="chart-ema-input" id="chart-ema-slow" value="55" min="2" max="500" step="1" title="慢线周期" aria-label="EMA慢线周期">
|
||||
</span>
|
||||
<label class="chart-opt"><input type="checkbox" id="chart-opt-gap-day">间隔日</label>
|
||||
</div>
|
||||
<div class="market-chart-zoom">
|
||||
<button type="button" class="chart-zoom-btn" id="chart-zoom-in" title="放大">＋</button>
|
||||
<button type="button" class="chart-zoom-btn" id="chart-zoom-out" title="缩小">－</button>
|
||||
<button type="button" class="chart-zoom-btn chart-zoom-reset" id="chart-zoom-reset">重置</button>
|
||||
</div>
|
||||
<span class="market-refresh-hint text-muted" id="market-refresh-hint"></span>
|
||||
</div>
|
||||
<div class="market-chart-auto-row">
|
||||
<button type="button" class="chart-auto-btn is-active" id="market-auto-btn" title="开启后自动跟随最新 K 线">自动</button>
|
||||
<span class="hint market-auto-hint">关闭后可自由拖动查看历史，刷新时只更新最新 K 线，不重置视图</span>
|
||||
</div>
|
||||
<div class="market-chart-wrap" id="market-chart-wrap">
|
||||
<div id="market-chart" class="market-chart" aria-label="K线图"></div>
|
||||
<div class="market-chart-empty" id="market-chart-empty">请选择合约并点击「查看」</div>
|
||||
<div class="market-chart-loading" id="market-chart-loading">连接中…</div>
|
||||
</div>
|
||||
<p class="hint">图表引擎：TradingView Lightweight Charts（红跌绿涨）。K 线与报价均使用<strong>新浪</strong>数据。滚轮缩放、拖拽平移；关闭「自动」后拖动查看历史时，推送更新不会重置画面。</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.market-card{overflow:visible}
|
||||
.market-card h2{margin-bottom:.75rem}
|
||||
.market-toolbar{
|
||||
display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end;
|
||||
margin-bottom:.75rem;position:relative;z-index:2;
|
||||
min-height:2.5rem;
|
||||
}
|
||||
.market-symbol-wrap{flex:1;min-width:200px;max-width:360px;z-index:3}
|
||||
.market-symbol-wrap .symbol-dropdown{max-height:min(70vh,420px)}
|
||||
.market-symbol-wrap .symbol-selected{display:none}
|
||||
.market-period-tabs{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
|
||||
.period-tab{
|
||||
padding:.4rem .65rem;border-radius:999px;
|
||||
border:1px solid var(--input-border);
|
||||
background:var(--toggle-bg);color:var(--text-muted);
|
||||
font-size:.78rem;cursor:pointer;width:auto;white-space:nowrap;
|
||||
}
|
||||
.period-tab:hover{border-color:var(--accent);color:var(--accent)}
|
||||
.period-tab.active{
|
||||
background:linear-gradient(135deg,var(--accent),var(--accent-2));
|
||||
border-color:transparent;color:#fff;
|
||||
}
|
||||
#market-load-btn{width:auto;padding:.55rem 1.25rem;font-size:.85rem}
|
||||
.market-quote{
|
||||
display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;
|
||||
margin-bottom:.75rem;padding:.65rem .85rem;
|
||||
background:var(--card-inner);border-radius:10px;border:1px solid var(--card-border);
|
||||
min-height:2.75rem;
|
||||
}
|
||||
.market-quote-name{font-weight:600;color:var(--text-title)}
|
||||
.market-quote-price{font-size:1.35rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
|
||||
.market-quote-prev{font-size:.78rem}
|
||||
.market-chart-toolbar{
|
||||
display:flex;align-items:center;justify-content:space-between;gap:.75rem;
|
||||
margin-bottom:.5rem;flex-wrap:wrap;
|
||||
min-height:2rem;
|
||||
}
|
||||
.market-chart-options{display:flex;flex-wrap:wrap;gap:.5rem .85rem;align-items:center}
|
||||
.chart-opt{
|
||||
display:flex;align-items:center;gap:.35rem;font-size:.78rem;
|
||||
color:var(--text-muted);cursor:pointer;user-select:none;
|
||||
}
|
||||
.chart-opt input{width:auto;margin:0;cursor:pointer}
|
||||
.chart-ema-periods{display:flex;align-items:center;gap:.25rem;font-size:.78rem;color:var(--text-muted)}
|
||||
.chart-ema-input{
|
||||
width:3.1rem;padding:.28rem .35rem;border-radius:6px;
|
||||
border:1px solid var(--input-border);background:var(--toggle-bg);
|
||||
color:var(--text-primary);font-size:.78rem;font-variant-numeric:tabular-nums;
|
||||
}
|
||||
.chart-ema-input:disabled{opacity:.45;cursor:not-allowed}
|
||||
.chart-ema-sep{opacity:.6}
|
||||
.market-chart-zoom{display:flex;gap:.35rem;align-items:center}
|
||||
.chart-zoom-btn{
|
||||
width:32px;height:32px;padding:0;border-radius:8px;
|
||||
border:1px solid var(--input-border);background:var(--toggle-bg);
|
||||
color:var(--text-primary);font-size:1rem;line-height:1;cursor:pointer;
|
||||
}
|
||||
.chart-zoom-btn:hover{border-color:var(--accent);color:var(--accent)}
|
||||
.chart-zoom-reset{width:auto;padding:0 .65rem;font-size:.75rem}
|
||||
.market-refresh-hint{font-size:.72rem}
|
||||
.market-chart-auto-row{
|
||||
display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;
|
||||
margin-bottom:.5rem;
|
||||
}
|
||||
.chart-auto-btn{
|
||||
padding:.38rem .85rem;border-radius:999px;
|
||||
border:1px solid var(--input-border);background:var(--toggle-bg);
|
||||
color:var(--text-muted);font-size:.78rem;cursor:pointer;width:auto;
|
||||
}
|
||||
.chart-auto-btn:hover{border-color:var(--accent);color:var(--accent)}
|
||||
.chart-auto-btn.is-active{
|
||||
background:linear-gradient(135deg,var(--accent),var(--accent-2));
|
||||
border-color:transparent;color:#fff;
|
||||
}
|
||||
.market-auto-hint{font-size:.72rem;margin:0}
|
||||
.market-chart-wrap{
|
||||
position:relative;border-radius:12px;border:1px solid var(--card-border);
|
||||
background:var(--card-inner);
|
||||
height:min(68vh,560px);min-height:420px;
|
||||
}
|
||||
.market-chart{width:100%;height:100%}
|
||||
.market-chart-empty,
|
||||
.market-chart-loading{
|
||||
position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
|
||||
color:var(--text-muted);font-size:.9rem;pointer-events:none;
|
||||
}
|
||||
.market-chart-loading{display:none}
|
||||
html[data-theme="light"] .market-chart-loading{background:rgba(244,247,252,.75)}
|
||||
.market-chart-wrap.has-data .market-chart-empty{display:none}
|
||||
.market-chart-wrap.loading .market-chart-loading{
|
||||
display:flex;background:rgba(10,12,20,.35);
|
||||
}
|
||||
html[data-theme="light"] .market-chart-wrap.loading .market-chart-loading{background:rgba(244,247,252,.75)}
|
||||
.market-chart-wrap.loading .market-chart-empty{display:none}
|
||||
@media(max-width:767px){
|
||||
.market-toolbar{align-items:stretch}
|
||||
.market-symbol-wrap{max-width:none}
|
||||
.market-period-tabs{order:3;width:100%}
|
||||
#market-load-btn{order:4;width:100%}
|
||||
.market-chart-wrap{min-height:300px;height:50vh}
|
||||
.market-chart-toolbar{flex-direction:column;align-items:stretch}
|
||||
.market-chart-options{order:1}
|
||||
.market-chart-zoom{order:2}
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block extra_js %}
|
||||
<script src="https://unpkg.com/lightweight-charts@4.2.0/dist/lightweight-charts.standalone.production.js"></script>
|
||||
<script src="{{ url_for('static', filename='js/market.js') }}"></script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,102 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}开单计划 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block content %}
|
||||
<div class="split-grid">
|
||||
<div class="card">
|
||||
<h2>今日计划 <span class="text-muted" style="font-size:.8rem;font-weight:normal">今日 {{ today }}</span></h2>
|
||||
<div class="card-body">
|
||||
<p class="hint" style="margin-bottom:.75rem">开盘前制定，当日有效；请先选择<strong>主力合约</strong>，下方为进行中计划。</p>
|
||||
<form action="{{ url_for('add_plan') }}" method="post" class="form-compact">
|
||||
<div class="form-line line-plan-1">
|
||||
<div class="symbol-wrap symbol-mains">
|
||||
<input type="text" class="symbol-input" placeholder="主力合约" autocomplete="off" required>
|
||||
<input type="hidden" name="symbol" required>
|
||||
<input type="hidden" name="symbol_name">
|
||||
<input type="hidden" name="market_code" required>
|
||||
<input type="hidden" name="sina_code">
|
||||
<div class="symbol-dropdown"></div>
|
||||
<div class="symbol-selected"></div>
|
||||
</div>
|
||||
<select name="direction" class="field-short" required>
|
||||
<option value="">方向</option>
|
||||
<option value="long">做多</option>
|
||||
<option value="short">做空</option>
|
||||
</select>
|
||||
<input name="decision_reason" type="text" placeholder="决策理由">
|
||||
</div>
|
||||
<div class="form-line line-plan-2">
|
||||
<input name="zone_lower" type="number" step="0.0001" placeholder="决策区间下限" required>
|
||||
<input name="zone_upper" type="number" step="0.0001" placeholder="决策区间上限" required>
|
||||
<input name="stop_loss" type="number" step="0.0001" placeholder="止损" required>
|
||||
<input name="take_profit" type="number" step="0.0001" placeholder="止盈" required>
|
||||
<button type="submit" class="btn-primary">添加</button>
|
||||
</div>
|
||||
</form>
|
||||
<h3 class="section-label">进行中</h3>
|
||||
<div class="list card-scroll" id="plan-monitor-list">
|
||||
{% for p in plans %}
|
||||
<div class="list-item key-item plan-item" data-plan-id="{{ p.id }}" style="padding:.75rem;font-size:.85rem">
|
||||
<div>
|
||||
<strong>{{ p.symbol_name or p.symbol }}</strong>
|
||||
<span class="badge dir">{{ '多' if p.direction == 'long' else '空' }}</span>
|
||||
{% if p.status == 'planned' %}<span class="badge planned">待触发</span>
|
||||
{% else %}<span class="badge active">已激活</span>{% endif %}
|
||||
</div>
|
||||
<div class="key-live">
|
||||
<span class="live-price-line">现价：<span class="live-price">--</span></span>
|
||||
<span class="live-dist">距上<span class="dist-up">--</span> 距下<span class="dist-down">--</span></span>
|
||||
</div>
|
||||
<div>
|
||||
区间{{ p.zone_lower }}~{{ p.zone_upper }}
|
||||
{% if p.decision_reason %} · {{ p.decision_reason }}{% endif %}
|
||||
· 损{{ p.stop_loss }} 盈{{ p.take_profit }}
|
||||
</div>
|
||||
<a href="{{ url_for('del_plan', pid=p.id) }}" class="btn-del" onclick="return confirm('删除？')">删</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="empty-hint">今日暂无进行中的计划</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>历史计划</h2>
|
||||
<div class="card-body">
|
||||
<form method="get" class="filter-row">
|
||||
<div class="field"><label>开始</label><input type="date" name="start" value="{{ start }}"></div>
|
||||
<div class="field"><label>结束</label><input type="date" name="end" value="{{ end }}"></div>
|
||||
<button type="submit" class="btn-primary">筛选</button>
|
||||
<a href="{{ url_for('plans') }}" class="text-muted" style="font-size:.85rem;padding:.7rem">重置</a>
|
||||
</form>
|
||||
<div class="card-scroll">
|
||||
<table>
|
||||
<thead><tr><th>日期</th><th>品种</th><th>方向</th><th>决策区间</th><th>决策理由</th><th>状态</th></tr></thead>
|
||||
<tbody>
|
||||
{% for p in history %}
|
||||
<tr>
|
||||
<td>{{ p.plan_date or '' }}</td>
|
||||
<td>{{ p.symbol_name or p.symbol }}</td>
|
||||
<td><span class="badge dir">{{ '多' if p.direction == 'long' else '空' }}</span></td>
|
||||
<td>{{ p.zone_lower }}~{{ p.zone_upper }}</td>
|
||||
<td>{{ p.decision_reason or '—' }}</td>
|
||||
<td>
|
||||
{% if p.status == 'closed' %}<span class="badge profit">完成</span>
|
||||
{% elif p.status == 'expired' %}<span class="badge expired">失效</span>
|
||||
{% else %}{{ p.status }}{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr><td colspan="6" class="text-muted">暂无历史</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script src="{{ url_for('static', filename='js/plans.js') }}"></script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,48 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}持仓监控 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block content %}
|
||||
<div class="split-grid">
|
||||
<div class="card">
|
||||
<h2>持仓录入</h2>
|
||||
<div class="card-body">
|
||||
<form action="{{ url_for('add_position') }}" method="post" class="form-compact">
|
||||
<div class="form-line line-3">
|
||||
<div class="symbol-wrap">
|
||||
<input type="text" class="symbol-input" placeholder="主力合约" autocomplete="off" required>
|
||||
<input type="hidden" name="symbol" required>
|
||||
<input type="hidden" name="symbol_name">
|
||||
<input type="hidden" name="market_code" required>
|
||||
<input type="hidden" name="sina_code">
|
||||
<div class="symbol-dropdown"></div>
|
||||
<div class="symbol-selected"></div>
|
||||
</div>
|
||||
<input type="datetime-local" name="open_time" required title="开仓时间">
|
||||
<input name="lots" type="number" step="1" min="1" value="1" placeholder="张数" required>
|
||||
</div>
|
||||
<div class="form-line line-3">
|
||||
<input name="entry_price" type="number" step="0.0001" placeholder="成交价格" required>
|
||||
<input name="stop_loss" type="number" step="0.0001" placeholder="止损" required>
|
||||
<input name="take_profit" type="number" step="0.0001" placeholder="止盈" required>
|
||||
</div>
|
||||
<div class="form-line line-btn">
|
||||
<button type="submit" class="btn-primary">添加持仓</button>
|
||||
</div>
|
||||
</form>
|
||||
<p class="hint" style="margin-top:.5rem">方向根据止损与成交价自动判断；风险比例依赖系统设置中的实盘资金。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>实时持仓</h2>
|
||||
<div class="card-body card-scroll" id="position-live-list">
|
||||
{% if not positions %}
|
||||
<div class="empty-hint">暂无持仓，左侧录入后显示</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script src="{{ url_for('static', filename='js/positions.js') }}"></script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,33 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}可开仓品种 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card">
|
||||
<h2>可开仓品种 · 按资金筛选</h2>
|
||||
<p class="hint">当前权益 <strong class="text-accent">{{ '%.2f'|format(capital) }}</strong> 元（{{ trading_mode_label }}）。
|
||||
优先展示可开 1 手且 1% 风险规则下较友好的品种；灰色为保证金不足。</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="trade-table-wrap">
|
||||
<table class="trade-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>品种</th><th>交易所</th><th>参考价</th><th>1手保证金</th><th>建议最低资金</th><th>状态</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for r in rows %}
|
||||
<tr class="rec-{{ r.status }}">
|
||||
<td><strong>{{ r.name }}</strong> <span class="text-muted">{{ r.ths }}</span></td>
|
||||
<td>{{ r.exchange }}</td>
|
||||
<td>{% if r.price %}{{ r.price }}{% else %}—{% endif %}</td>
|
||||
<td>{% if r.margin_one_lot %}{{ r.margin_one_lot }}{% else %}—{% endif %}</td>
|
||||
<td>{% if r.min_capital_one_lot %}{{ r.min_capital_one_lot }}{% else %}—{% endif %}</td>
|
||||
<td><span class="badge {% if r.status=='ok' %}profit{% elif r.status=='blocked' %}loss{% else %}planned{% endif %}">{{ r.status_label }}</span></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,529 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}交易记录与复盘 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/records.css') }}?v={{ asset_v }}">
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
{% macro trade_detail_json(t) -%}
|
||||
{{ {
|
||||
"id": t.id,
|
||||
"symbol": t.symbol_name or t.symbol,
|
||||
"symbol_code": t.symbol,
|
||||
"symbol_name": t.symbol_name or t.symbol,
|
||||
"monitor_type": t.monitor_type,
|
||||
"source": "柜台" if t.source == "ctp" else "本地",
|
||||
"direction": "做多" if t.direction == "long" else "做空",
|
||||
"direction_code": t.direction,
|
||||
"entry_price": t.entry_price,
|
||||
"close_price": t.close_price,
|
||||
"stop_loss": t.stop_loss,
|
||||
"take_profit": t.take_profit,
|
||||
"lots": t.lots,
|
||||
"margin": t.margin,
|
||||
"margin_pct": t.margin_pct,
|
||||
"holding_minutes": t.holding_minutes or 0,
|
||||
"open_time": t.open_time,
|
||||
"close_time": t.close_time,
|
||||
"pnl": t.pnl,
|
||||
"fee": t.fee,
|
||||
"pnl_net": t.pnl_net,
|
||||
"equity_after": t.equity_after,
|
||||
"result": t.result,
|
||||
"verified": t.verified,
|
||||
"fill_review_url": url_for("fill_review_from_trade", tid=t.id),
|
||||
"del_url": url_for("del_trade", tid=t.id)
|
||||
} | tojson }}
|
||||
{%- endmacro %}
|
||||
{% macro trade_symbol_cell(t) %}
|
||||
<div class="dash-symbol-cell">
|
||||
<div class="dash-symbol-title">
|
||||
{{ t.symbol_name or t.symbol }}
|
||||
{% if t.symbol_exchange %}<span class="dash-symbol-ex text-muted">{{ t.symbol_exchange }}</span>{% endif %}
|
||||
{% if t.symbol_is_main %}<span class="badge planned dash-main-badge">主力</span>{% endif %}
|
||||
{% if t.symbol and (t.symbol_name or '')|lower != (t.symbol or '')|lower %}
|
||||
<span class="text-accent">{{ t.symbol }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endmacro %}
|
||||
{% macro trade_pnl_cell(v) %}
|
||||
{% if v is not none %}{% set n = v|float %}<span class="{% if n > 0 %}pnl-pos{% elif n < 0 %}pnl-neg{% endif %}">{{ ('+' if n > 0 else '') ~ ('%.2f'|format(n)) }} 元</span>{% else %}—{% endif %}
|
||||
{% endmacro %}
|
||||
{% macro trade_edit_json(t) -%}
|
||||
{{ {
|
||||
"id": t.id,
|
||||
"symbol_name": t.symbol_name or t.symbol,
|
||||
"monitor_type": t.monitor_type,
|
||||
"direction": t.direction,
|
||||
"entry_price": t.entry_price,
|
||||
"close_price": t.close_price,
|
||||
"stop_loss": t.stop_loss,
|
||||
"take_profit": t.take_profit,
|
||||
"lots": t.lots,
|
||||
"margin": t.margin,
|
||||
"holding_minutes": t.holding_minutes or 0,
|
||||
"open_time": t.open_time,
|
||||
"close_time": t.close_time,
|
||||
"pnl": t.pnl,
|
||||
"result": t.result,
|
||||
}|tojson }}
|
||||
{%- endmacro %}
|
||||
{% macro trade_review_edit_btn(t) %}
|
||||
<button
|
||||
type="button"
|
||||
class="btn-records-action review-edit-btn"
|
||||
data-trade-edit='{{ trade_edit_json(t)|trim }}'
|
||||
disabled
|
||||
>核对修改</button>
|
||||
{% endmacro %}
|
||||
{% macro trade_verify_form(t) %}
|
||||
{{ trade_review_edit_btn(t) }}
|
||||
{% endmacro %}
|
||||
{% macro trade_row_actions(t, detail_class) %}
|
||||
<div class="trade-actions records-trade-row-actions">
|
||||
<button type="button" class="btn-link {{ detail_class }}">详情</button>
|
||||
<a href="{{ url_for('fill_review_from_trade', tid=t.id) }}" class="btn-records-action">填入复盘</a>
|
||||
{{ trade_review_edit_btn(t) }}
|
||||
<a href="{{ url_for('del_trade', tid=t.id) }}" class="btn-records-del" onclick="return confirm('删除？')">删除</a>
|
||||
</div>
|
||||
{% endmacro %}
|
||||
<div class="records-page">
|
||||
<div class="card records-equity-card" style="margin-bottom:1.25rem">
|
||||
<h2>资金曲线</h2>
|
||||
<div class="card-body">
|
||||
<div id="equity-curve-chart" style="width:100%;min-height:220px;overflow:hidden"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card records-trade-card" style="margin-bottom:1.25rem">
|
||||
<h2>交易记录</h2>
|
||||
<div class="card-body">
|
||||
{% if ctp_sync_info and ctp_sync_info.connected %}
|
||||
<p class="hint" style="margin-top:0">
|
||||
已连接 CTP，本页已自动同步柜台成交（新增 {{ ctp_sync_info.synced or 0 }} 条，更新 {{ ctp_sync_info.updated or 0 }} 条）。
|
||||
带来源「柜台」的记录以交易所成交为准；「本地」为程序写入，可手动删除错误项。
|
||||
</p>
|
||||
{% else %}
|
||||
<p class="hint" style="margin-top:0">CTP 未连接时仅显示本地数据库记录；连接后打开本页会自动同步柜台成交。</p>
|
||||
{% endif %}
|
||||
<p class="hint" style="margin-top:0;margin-bottom:.75rem">
|
||||
跨日持仓的盈亏以<strong>平仓价</strong>与柜台结算为准；表格中「开仓价」为程序记录，「平仓价」为成交回报，二者不一致时请以平仓价核对净盈亏。
|
||||
</p>
|
||||
<label class="trade-switch-label records-verify-toggle">
|
||||
<input type="checkbox" id="trade-edit-switch">
|
||||
<span>修改/核对开关（开启后可点击各行「核对修改」）</span>
|
||||
</label>
|
||||
<div class="records-mobile-list records-phone-only" id="records-trade-mobile">
|
||||
{% for t in trades %}
|
||||
{% set trade_pnl = t.pnl_net if t.pnl_net is not none else t.pnl %}
|
||||
{% set trade_px = t.close_price if t.close_price else t.entry_price %}
|
||||
{% set pnl_cls = 'is-profit' if trade_pnl and trade_pnl > 0 else ('is-loss' if trade_pnl and trade_pnl < 0 else 'is-flat') %}
|
||||
<div class="records-trade-row" data-trade-id="{{ t.id }}" data-trade='{{ trade_detail_json(t)|trim }}'>
|
||||
<div class="records-trade-main">
|
||||
<div class="records-trade-head">
|
||||
<span class="records-trade-title">
|
||||
<span class="records-mobile-symbol">{{ t.symbol_name or t.symbol }}</span>
|
||||
{% if t.symbol and (t.symbol_name or '')|lower != (t.symbol or '')|lower %}
|
||||
<span class="text-accent records-trade-code">{{ t.symbol }}</span>
|
||||
{% endif %}
|
||||
<span class="badge dir">{{ '做多' if t.direction == 'long' else '做空' }}</span>
|
||||
{% if t.verified %}<span class="badge active records-verified-badge">已核对</span>{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
<div class="records-trade-summary">
|
||||
{{ (t.lots or 0)|int }}手 平仓 {{ trade_px if trade_px is not none else '-' }}
|
||||
盈亏 <span class="records-mobile-pnl {{ pnl_cls }}">{{ trade_pnl if trade_pnl is not none else '-' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="records-trade-phone-foot">
|
||||
<span class="records-mobile-chevron">详情 ›</span>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<p class="records-mobile-empty">暂无交易记录</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="card-scroll records-trade-table-wrap records-tablet-only">
|
||||
<table class="dashboard-table records-trade-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>品种</th>
|
||||
<th>方向</th>
|
||||
<th>手数</th>
|
||||
<th>开仓</th>
|
||||
<th>平仓</th>
|
||||
<th>盈亏</th>
|
||||
<th>净盈亏</th>
|
||||
<th>平仓时间</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for t in trades %}
|
||||
<tr data-trade-id="{{ t.id }}" data-trade='{{ trade_detail_json(t)|trim }}'>
|
||||
<td>{{ trade_symbol_cell(t) }}</td>
|
||||
<td>
|
||||
<span class="badge dir {% if t.direction == 'long' %}dir-long{% else %}dir-short{% endif %}">
|
||||
{{ '做多' if t.direction == 'long' else '做空' }}
|
||||
</span>
|
||||
</td>
|
||||
<td>{% if t.lots is not none %}{{ '%.2f'|format(t.lots|float) }}{% else %}—{% endif %}</td>
|
||||
<td>{% if t.entry_price is not none %}{{ '%.2f'|format(t.entry_price|float) }}{% else %}—{% endif %}</td>
|
||||
<td>{% if t.close_price is not none %}{{ '%.2f'|format(t.close_price|float) }}{% elif t.entry_price is not none %}{{ '%.2f'|format(t.entry_price|float) }}{% else %}—{% endif %}</td>
|
||||
<td>{{ trade_pnl_cell(t.pnl) }}</td>
|
||||
<td>{{ trade_pnl_cell(t.pnl_net) }}</td>
|
||||
<td>{{ (t.close_time or '')[:16].replace('T', ' ') or '—' }}</td>
|
||||
<td>{{ trade_row_actions(t, 'records-tablet-detail-btn') }}</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr><td colspan="9" class="text-muted">暂无交易记录</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="trade-table-wrap records-desktop-only">
|
||||
<table class="trade-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>品种</th><th>类型</th><th>方向</th>
|
||||
<th>开仓价</th><th>平仓价</th><th>止损(开仓)</th><th>止盈</th>
|
||||
<th>手数</th><th>保证金</th><th>保证金占比</th><th>持仓分钟</th>
|
||||
<th>开仓时间</th><th>平仓时间</th>
|
||||
<th>盈亏(元)</th><th>手续费</th><th>净盈亏</th><th>最新资金</th><th>结果</th><th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for t in trades %}
|
||||
<tr id="trade-row-{{ t.id }}" data-trade-id="{{ t.id }}">
|
||||
<td><span class="cell-readonly">{{ t.symbol_name or t.symbol }}</span></td>
|
||||
<td>
|
||||
<span class="cell-readonly">{{ t.monitor_type }}</span>
|
||||
{% if t.source == 'ctp' %}
|
||||
<span class="badge records-src-badge">柜台</span>
|
||||
{% else %}
|
||||
<span class="text-muted records-src-badge">本地</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge dir {% if t.direction == 'long' %}dir-long{% else %}dir-short{% endif %}">
|
||||
{{ '做多' if t.direction == 'long' else '做空' }}
|
||||
</span>
|
||||
</td>
|
||||
<td>{% if t.entry_price is not none %}{{ '%.2f'|format(t.entry_price|float) }}{% else %}—{% endif %}</td>
|
||||
<td>{% if t.close_price is not none %}{{ '%.2f'|format(t.close_price|float) }}{% else %}—{% endif %}</td>
|
||||
<td>{% if t.stop_loss is not none %}{{ '%.2f'|format(t.stop_loss|float) }}{% else %}—{% endif %}</td>
|
||||
<td>{% if t.take_profit is not none %}{{ '%.2f'|format(t.take_profit|float) }}{% else %}—{% endif %}</td>
|
||||
<td>{% if t.lots is not none %}{{ '%.2f'|format(t.lots|float) }}{% else %}—{% endif %}</td>
|
||||
<td>{% if t.margin is not none %}{{ '%.2f'|format(t.margin|float) }}{% else %}—{% endif %}</td>
|
||||
<td>{% if t.margin_pct is not none %}{{ t.margin_pct }}%{% else %}—{% endif %}</td>
|
||||
<td>{{ t.holding_minutes or 0 }}</td>
|
||||
<td>{{ (t.open_time or '')[:16].replace('T',' ') or '—' }}</td>
|
||||
<td>{{ (t.close_time or '')[:16].replace('T',' ') or '—' }}</td>
|
||||
<td>
|
||||
<span class="{% if t.pnl and t.pnl > 0 %}text-profit{% elif t.pnl and t.pnl < 0 %}text-loss{% endif %}">
|
||||
{{ t.pnl if t.pnl is not none else '—' }}
|
||||
</span>
|
||||
</td>
|
||||
<td><span class="text-muted">{{ t.fee if t.fee is not none else '—' }}</span></td>
|
||||
<td>
|
||||
<span class="{% if t.pnl_net and t.pnl_net > 0 %}text-profit{% elif t.pnl_net and t.pnl_net < 0 %}text-loss{% endif %}">
|
||||
{{ t.pnl_net if t.pnl_net is not none else '—' }}
|
||||
</span>
|
||||
</td>
|
||||
<td>{{ t.equity_after if t.equity_after is not none else '—' }}</td>
|
||||
<td>
|
||||
{% if t.result == '止盈' %}<span class="badge profit">{{ t.result }}</span>
|
||||
{% elif t.result == '止损' %}<span class="badge loss">{{ t.result }}</span>
|
||||
{% elif t.result == '移动止盈' %}<span class="badge profit">{{ t.result }}</span>
|
||||
{% elif t.result == '保本止盈' %}<span class="badge profit">{{ t.result }}</span>
|
||||
{% elif t.result == '手动平仓' %}<span class="badge result-manual">{{ t.result }}</span>
|
||||
{% else %}<span class="badge result-external">{{ t.result }}</span>{% endif %}
|
||||
{% if t.verified %}<span class="badge active records-verified-inline">已核对</span>{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
<div class="trade-actions records-trade-actions">
|
||||
<a href="{{ url_for('fill_review_from_trade', tid=t.id) }}" class="btn-records-action">填入复盘</a>
|
||||
{{ trade_review_edit_btn(t) }}
|
||||
<a href="{{ url_for('del_trade', tid=t.id) }}" class="btn-records-del" onclick="return confirm('删除？')">删除</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr><td colspan="19" class="text-muted">暂无交易记录</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="split-grid records-split">
|
||||
<div class="card" id="review-panel">
|
||||
<h2>复盘上传</h2>
|
||||
<div class="card-body">
|
||||
<form id="review-form" action="{{ url_for('add_review') }}" method="post" enctype="multipart/form-data" class="form-compact form-compact-review line-tight">
|
||||
<div class="form-line line-4">
|
||||
<div class="symbol-wrap">
|
||||
<input type="text" class="symbol-input" placeholder="品种" autocomplete="off" required>
|
||||
<input type="hidden" name="symbol" required>
|
||||
<input type="hidden" name="symbol_name">
|
||||
<input type="hidden" name="market_code" required>
|
||||
<input type="hidden" name="sina_code">
|
||||
<div class="symbol-dropdown"></div>
|
||||
<div class="symbol-selected"></div>
|
||||
</div>
|
||||
<select name="direction" required>
|
||||
<option value="">方向</option>
|
||||
<option value="long">做多</option>
|
||||
<option value="short">做空</option>
|
||||
</select>
|
||||
<input name="lots" type="number" step="1" min="1" value="1" placeholder="张数" required>
|
||||
<input name="timeframe" value="5m" placeholder="周期">
|
||||
</div>
|
||||
<div class="form-line line-4">
|
||||
<input name="entry_price" type="number" step="0.0001" placeholder="成交价" required>
|
||||
<input name="stop_loss" type="number" step="0.0001" placeholder="止损" required>
|
||||
<input name="take_profit" type="number" step="0.0001" placeholder="止盈" required>
|
||||
<input name="close_price" type="number" step="0.0001" placeholder="平仓价" required>
|
||||
</div>
|
||||
<div class="form-line line-4">
|
||||
<div class="mini-field"><span>开仓时间</span><input type="datetime-local" name="open_time" required></div>
|
||||
<div class="mini-field"><span>平仓时间</span><input type="datetime-local" name="close_time" required></div>
|
||||
<input id="holding_duration" type="text" readonly class="calc-readonly" placeholder="持仓时长(自动)">
|
||||
<input name="pnl" type="number" step="0.01" placeholder="盈亏金额(手动)">
|
||||
</div>
|
||||
<div class="form-line line-2">
|
||||
<input id="initial_rr" type="text" readonly class="calc-readonly" placeholder="初始盈亏比(自动)">
|
||||
<input id="actual_rr" type="text" readonly class="calc-readonly" placeholder="实际盈亏比(自动)">
|
||||
</div>
|
||||
<div class="form-line line-4">
|
||||
<select name="open_type" required>
|
||||
<option value="">开仓类型</option>
|
||||
{% for t in open_types %}<option value="{{ t }}">{{ t }}</option>{% endfor %}
|
||||
</select>
|
||||
<select name="exit_trigger" required>
|
||||
<option value="">离场触发</option>
|
||||
{% for t in exit_triggers %}<option value="{{ t }}">{{ t }}</option>{% endfor %}
|
||||
</select>
|
||||
<input name="exit_supplement" placeholder="离场补充">
|
||||
<select name="watch_after_breakeven" title="保本后盯盘">
|
||||
<option value="否">保本盯盘:否</option>
|
||||
<option value="是">保本盯盘:是</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-line line-4">
|
||||
<select name="new_position_while_occupied" title="占用时新开仓">
|
||||
<option value="否">占用新开:否</option>
|
||||
<option value="是">占用新开:是</option>
|
||||
</select>
|
||||
<input type="file" name="screenshot" accept="image/*" title="截图上传">
|
||||
<textarea name="notes" placeholder="备注" rows="1"></textarea>
|
||||
<button type="submit" class="btn-primary">保存</button>
|
||||
</div>
|
||||
<div class="kline-row">
|
||||
<label><input type="checkbox" name="auto_kline" value="1" checked> 自动K线</label>
|
||||
<select name="kline_period1" title="周期1">{% for p in kline_periods %}<option value="{{ p }}" {% if p=='15m' %}selected{% endif %}>{{ p }}</option>{% endfor %}</select>
|
||||
<select name="kline_period2" title="周期2">{% for p in kline_periods %}<option value="{{ p }}" {% if p=='1h' %}selected{% endif %}>{{ p }}</option>{% endfor %}</select>
|
||||
<input name="kline_count" type="number" value="300" placeholder="K线数" title="K线数">
|
||||
<select name="kline_cutoff" title="K线截止">{% for c in kline_cutoffs %}<option value="{{ c }}">{{ c }}</option>{% endfor %}</select>
|
||||
</div>
|
||||
<p class="section-hint">勾选行为标签即为情绪单</p>
|
||||
<div class="tag-grid">
|
||||
{% for tag in behavior_tags %}
|
||||
<label><input type="checkbox" name="tag_{{ tag }}" value="1"> {{ tag }}</label>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>复盘历史</h2>
|
||||
<div class="card-body">
|
||||
<div class="preset-tabs">
|
||||
<a href="{{ url_for('records', preset='today') }}" class="{% if preset=='today' %}active{% endif %}">本日</a>
|
||||
<a href="{{ url_for('records', preset='week') }}" class="{% if preset=='week' %}active{% endif %}">本周</a>
|
||||
<a href="{{ url_for('records', preset='month') }}" class="{% if preset=='month' %}active{% endif %}">本月</a>
|
||||
<a href="{{ url_for('records', preset='custom') }}" class="{% if preset=='custom' %}active{% endif %}">自定义</a>
|
||||
</div>
|
||||
{% if preset == 'custom' or start or end %}
|
||||
<form method="get" class="filter-row">
|
||||
<input type="hidden" name="preset" value="custom">
|
||||
<div class="field"><label>开始</label><input type="date" name="start" value="{{ start }}"></div>
|
||||
<div class="field"><label>结束</label><input type="date" name="end" value="{{ end }}"></div>
|
||||
<button type="submit" class="btn-primary">筛选</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
<div class="records-mobile-list records-review-mobile">
|
||||
{% for r in reviews %}
|
||||
<button type="button" class="records-mobile-item review-view-btn{% if r.is_emotion %} is-emotion{% endif %}" data-review='{{ {
|
||||
"symbol": r.symbol_name or r.symbol, "symbol_code": r.symbol,
|
||||
"direction": "做多" if r.direction=="long" else "做空",
|
||||
"lots": r.lots, "timeframe": r.timeframe,
|
||||
"entry_price": r.entry_price, "stop_loss": r.stop_loss, "take_profit": r.take_profit,
|
||||
"close_price": r.close_price,
|
||||
"open_time": r.open_time, "close_time": r.close_time,
|
||||
"holding_duration": r.holding_duration,
|
||||
"initial_pnl": r.initial_pnl, "actual_pnl": r.actual_pnl, "pnl": r.pnl,
|
||||
"fee": r.fee, "pnl_net": r.pnl_net,
|
||||
"open_type": r.open_type,
|
||||
"exit_trigger": r.exit_trigger, "exit_supplement": r.exit_supplement,
|
||||
"watch_after_breakeven": r.watch_after_breakeven,
|
||||
"new_position_while_occupied": r.new_position_while_occupied,
|
||||
"is_emotion": r.is_emotion, "behavior_tags": r.behavior_tags,
|
||||
"notes": r.notes, "screenshot": r.screenshot
|
||||
} | tojson }}'>
|
||||
<div class="records-mobile-item-head">
|
||||
<span class="records-mobile-symbol">{{ r.symbol_name or r.symbol }}</span>
|
||||
<span class="badge dir">{{ '多' if r.direction == 'long' else '空' }}</span>
|
||||
</div>
|
||||
<div class="records-mobile-item-meta">
|
||||
<span>{{ r.close_time[:16].replace('T', ' ') if r.close_time else '' }}</span>
|
||||
{% if r.is_emotion %}<span class="badge emotion">情绪单</span>{% endif %}
|
||||
</div>
|
||||
<div class="records-mobile-item-foot">
|
||||
<span class="records-mobile-pnl {{ 'is-profit' if r.pnl_net and r.pnl_net > 0 else ('is-loss' if r.pnl_net and r.pnl_net < 0 else 'is-flat') }}">
|
||||
<span class="records-mobile-pnl-lbl">净盈亏 </span>{{ r.pnl_net if r.pnl_net is not none else '-' }}
|
||||
</span>
|
||||
<span class="records-mobile-chevron">详情 ›</span>
|
||||
</div>
|
||||
</button>
|
||||
{% else %}
|
||||
<p class="records-mobile-empty">暂无复盘记录</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="card-scroll records-desktop-only">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>平仓</th><th>品种</th><th>方向</th><th>盈亏</th><th>手续费</th><th>净盈亏</th><th>情绪单</th><th>详情</th><th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for r in reviews %}
|
||||
<tr class="{% if r.is_emotion %}row-emotion{% endif %}">
|
||||
<td>{{ r.close_time[:16] if r.close_time else '' }}</td>
|
||||
<td>{{ r.symbol_name or r.symbol }}</td>
|
||||
<td><span class="badge dir">{{ '多' if r.direction == 'long' else '空' }}</span></td>
|
||||
<td>
|
||||
{% if r.pnl and r.pnl > 0 %}<span class="badge profit">{{ r.pnl }}</span>
|
||||
{% elif r.pnl and r.pnl < 0 %}<span class="badge loss">{{ r.pnl }}</span>
|
||||
{% else %}{{ r.actual_pnl or '-' }}{% endif %}
|
||||
</td>
|
||||
<td class="text-muted">{{ r.fee if r.fee is not none else '-' }}</td>
|
||||
<td>
|
||||
{% if r.pnl_net and r.pnl_net > 0 %}<span class="badge profit">{{ r.pnl_net }}</span>
|
||||
{% elif r.pnl_net and r.pnl_net < 0 %}<span class="badge loss">{{ r.pnl_net }}</span>
|
||||
{% else %}-{% endif %}
|
||||
</td>
|
||||
<td>{% if r.is_emotion %}<span class="badge emotion">情绪单</span>{% else %}-{% endif %}</td>
|
||||
<td>
|
||||
<button type="button" class="btn-link review-view-btn" data-review='{{ {
|
||||
"symbol": r.symbol_name or r.symbol, "symbol_code": r.symbol,
|
||||
"direction": "做多" if r.direction=="long" else "做空",
|
||||
"lots": r.lots, "timeframe": r.timeframe,
|
||||
"entry_price": r.entry_price, "stop_loss": r.stop_loss, "take_profit": r.take_profit,
|
||||
"close_price": r.close_price,
|
||||
"open_time": r.open_time, "close_time": r.close_time,
|
||||
"holding_duration": r.holding_duration,
|
||||
"initial_pnl": r.initial_pnl, "actual_pnl": r.actual_pnl, "pnl": r.pnl,
|
||||
"fee": r.fee, "pnl_net": r.pnl_net,
|
||||
"open_type": r.open_type,
|
||||
"exit_trigger": r.exit_trigger, "exit_supplement": r.exit_supplement,
|
||||
"watch_after_breakeven": r.watch_after_breakeven,
|
||||
"new_position_while_occupied": r.new_position_while_occupied,
|
||||
"is_emotion": r.is_emotion, "behavior_tags": r.behavior_tags,
|
||||
"notes": r.notes, "screenshot": r.screenshot
|
||||
} | tojson }}'>放大查看</button>
|
||||
</td>
|
||||
<td><a href="{{ url_for('del_review', rid=r.id) }}" class="btn-del" onclick="return confirm('删除？')">删</a></td>
|
||||
</tr>
|
||||
{% else %}
|
||||
<tr><td colspan="9" class="text-muted">暂无复盘记录</td></tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="review-modal" class="modal-mask">
|
||||
<div class="modal-box review-modal-fullscreen">
|
||||
<span class="modal-close">✕</span>
|
||||
<h3>复盘详情</h3>
|
||||
<div id="review-modal-body" class="review-modal-body"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="trade-detail-modal" class="modal-mask">
|
||||
<div class="modal-box review-modal-fullscreen">
|
||||
<span class="modal-close">✕</span>
|
||||
<h3>交易详情</h3>
|
||||
<div id="trade-detail-modal-body" class="review-modal-body"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if auto_records %}
|
||||
<div class="card" style="margin-top:1rem">
|
||||
<h2>系统自动记录（止盈/止损）</h2>
|
||||
<table>
|
||||
<thead><tr><th>品种</th><th>类型</th><th>方向</th><th>触发价</th><th>结果</th><th>时间</th></tr></thead>
|
||||
<tbody>
|
||||
{% for r in auto_records %}
|
||||
<tr>
|
||||
<td>{{ r.symbol_name or r.symbol }}</td>
|
||||
<td>{{ r.monitor_type }}</td>
|
||||
<td><span class="badge dir">{{ '多' if r.direction == 'long' else '空' }}</span></td>
|
||||
<td>{{ r.trigger_price }}</td>
|
||||
<td>{% if r.result == '止盈' %}<span class="badge profit">止盈</span>{% else %}<span class="badge loss">止损</span>{% endif %}</td>
|
||||
<td>{{ r.created_at[:16] if r.created_at else '' }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script src="https://unpkg.com/lightweight-charts@4.2.0/dist/lightweight-charts.standalone.production.js"></script>
|
||||
<script>window.__EQUITY_CURVE__ = {{ equity_curve | default([]) | tojson }};</script>
|
||||
<script src="{{ url_for('static', filename='js/equity_curve.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/review.js') }}?v={{ asset_v }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/records.js') }}?v={{ asset_v }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/trades.js') }}?v={{ asset_v }}"></script>
|
||||
{% if prefill %}
|
||||
<script>
|
||||
function bootReviewPrefill() {
|
||||
var form = document.getElementById('review-form');
|
||||
var panel = document.getElementById('review-panel');
|
||||
if (!form) return;
|
||||
var map = {{ prefill | tojson }};
|
||||
Object.keys(map).forEach(function (k) {
|
||||
var el = form.querySelector('[name="' + k + '"]');
|
||||
if (el && map[k] != null && map[k] !== '') el.value = map[k];
|
||||
});
|
||||
var symInput = form.querySelector('.symbol-input');
|
||||
if (symInput && map.symbol_name) symInput.value = map.symbol_name;
|
||||
if (typeof recalc === 'function') recalc();
|
||||
if (panel) panel.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
}
|
||||
if (window.qihuoOnPageLoad) window.qihuoOnPageLoad(bootReviewPrefill);
|
||||
else document.addEventListener('DOMContentLoaded', bootReviewPrefill);
|
||||
</script>
|
||||
{% endif %}
|
||||
<script>
|
||||
(function () {
|
||||
function scrollReviewPanel() {
|
||||
if (window.location.hash === '#review-panel') {
|
||||
var panel = document.getElementById('review-panel');
|
||||
if (panel) panel.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
}
|
||||
}
|
||||
if (window.qihuoOnPageLoad) window.qihuoOnPageLoad(scrollReviewPanel);
|
||||
else document.addEventListener('DOMContentLoaded', scrollReviewPanel);
|
||||
})();
|
||||
</script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,13 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}风控说明 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/doc.css') }}?v={{ asset_v }}">
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card doc-page">
|
||||
<article class="doc-content">
|
||||
{{ doc_html|safe }}
|
||||
</article>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,614 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}系统设置 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<style>
|
||||
.settings-page{display:flex;flex-direction:column;gap:1.25rem}
|
||||
.settings-page .split-grid{margin-bottom:0;align-items:start}
|
||||
.settings-page .split-grid .card:not(.settings-fold){margin-bottom:0;min-height:100%;height:100%;display:flex;flex-direction:column}
|
||||
.settings-page .split-grid .settings-fold.card,
|
||||
.settings-page .split-grid .settings-ctp-fold.card{
|
||||
margin-bottom:0;min-height:auto !important;height:auto !important;align-self:start;
|
||||
display:flex;flex-direction:column;
|
||||
}
|
||||
.settings-page .split-grid .card > form,
|
||||
.settings-page .split-grid .card > .card-inner,
|
||||
.settings-page .split-grid .settings-fold-body > form,
|
||||
.settings-page .split-grid .settings-fold-body > .card-inner{flex:1;display:flex;flex-direction:column}
|
||||
.settings-password-form{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .75rem}
|
||||
.settings-password-form .field-full{grid-column:1/-1}
|
||||
.settings-password-form .field label{font-size:.78rem}
|
||||
.settings-password-form input{padding:.55rem .7rem;font-size:.85rem}
|
||||
.settings-tips{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;font-size:.85rem;color:var(--text-muted);line-height:1.55}
|
||||
.settings-tips li{padding-left:1rem;position:relative}
|
||||
.settings-tips li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--accent)}
|
||||
.settings-ctp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .75rem}
|
||||
.settings-ctp-grid .field-full{grid-column:1/-1}
|
||||
.settings-ctp-wrap .card-body{padding-top:0}
|
||||
.settings-ctp-cards-row{
|
||||
display:grid;grid-template-columns:1fr 1fr;gap:.75rem;
|
||||
align-items:start;margin-bottom:.75rem;
|
||||
}
|
||||
.settings-ctp-cards-row .settings-ctp-fold.card{margin-bottom:0;height:100%}
|
||||
.settings-ctp-cards-row .settings-ctp-grid{
|
||||
grid-template-columns:repeat(6,minmax(0,1fr));
|
||||
gap:.5rem .6rem;
|
||||
}
|
||||
.settings-ctp-cards-row .settings-ctp-grid .field{grid-column:span 2}
|
||||
.settings-ctp-cards-row .settings-ctp-grid .field-ctp-front-span{grid-column:span 3}
|
||||
.settings-ctp-cards-row .settings-ctp-grid .field label{font-size:.75rem}
|
||||
.settings-ctp-cards-row .settings-ctp-grid input,
|
||||
.settings-ctp-cards-row .settings-ctp-grid select{
|
||||
padding:.45rem .55rem;font-size:.8rem;
|
||||
}
|
||||
.settings-ctp-fold.card{
|
||||
margin-bottom:.75rem;padding:0;overflow:hidden;
|
||||
border:1px solid var(--border);border-radius:8px;background:var(--card-inner);
|
||||
}
|
||||
.settings-ctp-fold.card:last-of-type{margin-bottom:0}
|
||||
.settings-ctp-fold-head{
|
||||
width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;
|
||||
padding:.7rem 1rem;margin:0;border:none;background:transparent;cursor:pointer;
|
||||
font-size:.92rem;font-weight:600;color:var(--text-title);text-align:left;
|
||||
}
|
||||
.settings-ctp-fold-head:hover{color:var(--accent)}
|
||||
.settings-ctp-fold-title{display:flex;align-items:center;gap:.5rem}
|
||||
.settings-ctp-fold-chevron{
|
||||
flex-shrink:0;font-size:.72rem;color:var(--text-muted);
|
||||
transition:transform .2s ease;
|
||||
}
|
||||
.settings-ctp-fold.is-collapsed .settings-ctp-fold-chevron{transform:rotate(-90deg)}
|
||||
.settings-ctp-fold-body{padding:0 1rem .85rem}
|
||||
.settings-ctp-fold.is-collapsed .settings-ctp-fold-body{display:none}
|
||||
.settings-ctp-status{font-size:.82rem;color:var(--text-muted);margin-top:.75rem;line-height:1.5}
|
||||
.settings-backup-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:.65rem}
|
||||
.settings-backup-table th,.settings-backup-table td{padding:.45rem .5rem;border-bottom:1px solid var(--border);text-align:left}
|
||||
.settings-backup-table th{color:var(--text-muted);font-weight:600}
|
||||
.settings-backup-restore{
|
||||
margin-top:.85rem;padding:.75rem .85rem;border-radius:8px;
|
||||
border:1px solid var(--border);background:var(--card-inner);
|
||||
font-size:.82rem;color:var(--text-muted);line-height:1.6;
|
||||
}
|
||||
.settings-backup-restore summary{cursor:pointer;color:var(--text-title);font-weight:600}
|
||||
.settings-backup-meta{font-size:.82rem;color:var(--text-muted);line-height:1.55;margin:.35rem 0 .65rem}
|
||||
.settings-backup-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem}
|
||||
.settings-backup-download{color:var(--accent);text-decoration:none;font-weight:600}
|
||||
.settings-backup-download:hover{text-decoration:underline}
|
||||
.settings-admin-row .settings-compact-card{font-size:.78rem}
|
||||
.settings-admin-row .settings-compact-card .hint,
|
||||
.settings-admin-row .settings-backup-meta,
|
||||
.settings-admin-row .settings-backup-restore{font-size:.72rem;line-height:1.5}
|
||||
.settings-admin-row .settings-backup-table{font-size:.7rem}
|
||||
.settings-admin-row .settings-backup-table th,
|
||||
.settings-admin-row .settings-backup-table td{padding:.35rem .4rem}
|
||||
.settings-admin-row .settings-backup-table td:first-child code{word-break:break-all;font-size:.68rem}
|
||||
.settings-admin-row .field label{font-size:.72rem}
|
||||
.settings-admin-row .field input{padding:.4rem .55rem;font-size:.78rem}
|
||||
.settings-admin-row .settings-backup-config{display:grid;grid-template-columns:1fr;gap:.45rem;margin-bottom:.55rem}
|
||||
.settings-admin-row .settings-backup-actions{margin-top:.35rem}
|
||||
.settings-admin-row .settings-backup-actions .btn-primary,
|
||||
.settings-admin-row .settings-compact-card > form .btn-primary{padding:.42rem .7rem;font-size:.78rem}
|
||||
.settings-admin-row .settings-password-form{grid-template-columns:1fr;gap:.45rem .55rem}
|
||||
.settings-admin-row .settings-password-form input{padding:.4rem .55rem;font-size:.78rem}
|
||||
.settings-ai-full{margin-bottom:1.25rem}
|
||||
.settings-ai-full .settings-fold.card{min-height:auto;height:auto}
|
||||
.settings-ai-usage{margin-bottom:1rem;font-size:.84rem;color:var(--text-muted)}
|
||||
.settings-ai-usage summary{cursor:pointer;color:var(--accent);font-weight:600;margin-bottom:.4rem}
|
||||
.settings-ai-usage-body ul{margin:.25rem 0 0 1.1rem;padding:0;line-height:1.55}
|
||||
.settings-ai-usage-body li{margin:.2rem 0}
|
||||
.settings-ai-form{max-width:none}
|
||||
.settings-ai-form input[type="checkbox"]{width:auto;flex-shrink:0;margin:0}
|
||||
.settings-ai-form label.check-inline{
|
||||
display:inline-flex;align-items:center;gap:.45rem;width:auto;
|
||||
cursor:pointer;margin-bottom:0;font-size:.85rem;color:var(--text-muted)
|
||||
}
|
||||
.settings-ai-cards-row{
|
||||
display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem
|
||||
}
|
||||
.settings-ai-card{
|
||||
border:1px solid var(--border);border-radius:10px;
|
||||
padding:.85rem 1rem;background:var(--card-inner)
|
||||
}
|
||||
.settings-ai-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px rgba(56,189,248,.25)}
|
||||
.settings-ai-card-head{
|
||||
display:flex;align-items:center;justify-content:space-between;gap:.5rem;
|
||||
margin-bottom:.65rem;font-size:.92rem;font-weight:600;color:var(--text-title)
|
||||
}
|
||||
.settings-ai-card .field{margin-bottom:.55rem}
|
||||
.settings-ai-card .field:last-child{margin-bottom:0}
|
||||
.settings-ai-daily{
|
||||
border:1px solid var(--border);border-radius:10px;
|
||||
padding:.85rem 1rem;background:var(--card-inner);margin-bottom:.85rem
|
||||
}
|
||||
.settings-ai-daily-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:.65rem .75rem;align-items:end}
|
||||
.settings-ai-daily-grid .check-inline{align-self:center}
|
||||
@media (max-width:768px){
|
||||
.settings-ai-cards-row{grid-template-columns:1fr}
|
||||
.settings-ai-daily-grid{grid-template-columns:1fr}
|
||||
}
|
||||
.settings-page .settings-fold.card{padding:0;overflow:hidden}
|
||||
.settings-page .split-grid .settings-fold.card{min-height:auto;height:auto;align-self:start}
|
||||
.settings-fold-head{
|
||||
width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;
|
||||
padding:1rem 1rem .85rem;margin:0;border:none;background:transparent;cursor:pointer;
|
||||
text-align:left;
|
||||
}
|
||||
.settings-fold-head:hover .settings-fold-title{color:var(--accent)}
|
||||
.settings-fold-title{
|
||||
display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:600;
|
||||
color:var(--text-label);letter-spacing:.03em;
|
||||
}
|
||||
.settings-fold-title:before{
|
||||
content:"";width:4px;height:16px;flex-shrink:0;
|
||||
background:linear-gradient(180deg,var(--accent),var(--accent-2));
|
||||
border-radius:2px;box-shadow:0 0 8px var(--card-glow);
|
||||
}
|
||||
.settings-fold-chevron{flex-shrink:0;font-size:.72rem;color:var(--text-muted);transition:transform .2s ease}
|
||||
.settings-fold.is-collapsed .settings-fold-chevron{transform:rotate(-90deg)}
|
||||
.settings-fold-body{padding:0 1rem 1rem;display:flex;flex-direction:column}
|
||||
.settings-fold.is-collapsed .settings-fold-body{display:none}
|
||||
.settings-admin-row .settings-fold-head{padding:.75rem .85rem .6rem}
|
||||
.settings-admin-row .settings-fold-title{font-size:.95rem}
|
||||
.settings-admin-row .settings-fold-body{padding:0 .85rem .85rem}
|
||||
@media(max-width:900px){
|
||||
.settings-admin-row{grid-template-columns:1fr}
|
||||
.settings-password-form{grid-template-columns:1fr}
|
||||
.settings-ctp-cards-row{grid-template-columns:1fr}
|
||||
.settings-ctp-grid{grid-template-columns:1fr}
|
||||
.settings-ctp-cards-row .settings-ctp-grid .field,
|
||||
.settings-ctp-cards-row .settings-ctp-grid .field-ctp-front-span{grid-column:span 1}
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
{% macro settings_card(key, title, extra_class='') %}
|
||||
<div class="card settings-fold is-collapsed {{ extra_class }}" data-settings-fold="{{ key }}">
|
||||
<button type="button" class="settings-fold-head" aria-expanded="false">
|
||||
<span class="settings-fold-title">{{ title }}</span>
|
||||
<span class="settings-fold-chevron" aria-hidden="true">▼</span>
|
||||
</button>
|
||||
<div class="settings-fold-body">
|
||||
{{ caller() }}
|
||||
</div>
|
||||
</div>
|
||||
{% endmacro %}
|
||||
<div class="settings-page">
|
||||
|
||||
<div class="split-grid">
|
||||
{% call settings_card('nav', '导航显示') %}
|
||||
<form action="{{ url_for('settings') }}" method="post">
|
||||
<input type="hidden" name="action" value="nav">
|
||||
<p class="hint" style="margin-bottom:.75rem">关闭后顶栏隐藏对应入口，直接访问 URL 也会跳转回下单监控。</p>
|
||||
<div class="check-row">
|
||||
{% for key, label in nav_toggles.items() %}
|
||||
<label style="display:flex;align-items:center;gap:.5rem;cursor:pointer;white-space:nowrap">
|
||||
<input type="checkbox" name="nav_{{ key }}" {% if nav_items[key] %}checked{% endif %}>
|
||||
<span>{{ label }}</span>
|
||||
</label>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<button type="submit" class="btn-primary" style="margin-top:.75rem">保存导航</button>
|
||||
</form>
|
||||
{% endcall %}
|
||||
|
||||
{% call settings_card('trading', '交易模式') %}
|
||||
<form action="{{ url_for('settings') }}" method="post">
|
||||
<input type="hidden" name="action" value="trading">
|
||||
<div class="form-grid">
|
||||
<div class="field">
|
||||
<label>交易通道</label>
|
||||
<select name="trading_mode">
|
||||
<option value="simulation" {% if trading_mode == 'simulation' %}selected{% endif %}>SimNow（vnpy CTP）</option>
|
||||
<option value="live" {% if trading_mode == 'live' %}selected{% endif %}>期货公司 CTP（后期接入）</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>计仓模式</label>
|
||||
<select name="position_sizing_mode" id="position-sizing-mode">
|
||||
<option value="fixed" {% if position_sizing_mode == 'fixed' %}selected{% endif %}>固定手数</option>
|
||||
<option value="amount" {% if position_sizing_mode in ('amount', 'risk') %}selected{% endif %}>固定金额</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="field" id="field-fixed-lots" {% if position_sizing_mode in ('amount', 'risk') %}hidden{% endif %}>
|
||||
<label>固定手数（手）</label>
|
||||
<input name="fixed_lots" type="number" step="1" min="1" value="{{ fixed_lots }}">
|
||||
</div>
|
||||
<div class="field" id="field-fixed-amount" {% if position_sizing_mode not in ('amount', 'risk') %}hidden{% endif %}>
|
||||
<label>固定金额（元）</label>
|
||||
<input name="fixed_amount" type="number" step="1" min="1" value="{{ fixed_amount }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>单仓保证金上限（%）</label>
|
||||
<input name="max_margin_pct" type="number" step="1" min="1" max="100" value="{{ max_margin_pct }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>综合保证金上限（%）</label>
|
||||
<input name="roll_max_margin_pct" type="number" step="1" min="1" max="100" value="{{ roll_max_margin_pct }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>移动保本缓冲（最小变动价位倍数）</label>
|
||||
<input name="trailing_be_tick_buffer" type="number" step="1" min="1" max="20" value="{{ trailing_be_tick_buffer }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>开仓挂单超时（分钟）</label>
|
||||
<input name="pending_order_timeout_min" type="number" step="1" min="1" max="60" value="{{ pending_order_timeout_min }}">
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn-primary" style="margin-top:.75rem">保存交易设置</button>
|
||||
<p class="hint" style="margin-top:.75rem;margin-bottom:0">
|
||||
单仓保证金上限（默认 30%）用于<strong>新开仓</strong>校验与最大手数估算；综合保证金上限（默认 50%）在单仓模式下为滚仓合计上限、多仓模式下为全部持仓合计上限。固定金额计仓时<strong>先按止损算手数，再按单仓上限收紧</strong>。
|
||||
<strong>移动保本</strong>：达 1R 后止损移至开仓价 ± N 跳。
|
||||
<strong>挂单超时</strong>：限价开仓未成交时，超过设定分钟数自动向柜台撤单（1~60 分钟）。
|
||||
<span class="text-muted">{{ small_account_margin_rec.label }}。</span>
|
||||
CTP 账号与前置在下方「CTP 连接」中配置。
|
||||
</p>
|
||||
</form>
|
||||
{% endcall %}
|
||||
</div>
|
||||
|
||||
{% call settings_card('ctp', 'CTP 连接', 'settings-ctp-wrap') %}
|
||||
<p class="hint" style="margin-bottom:.85rem">
|
||||
投资者代码、密码、前置地址在此维护（优先于 <code>.env</code>）。保存后将自动断开并用新地址重连 CTP（须开启下方自动连接）。
|
||||
{% if ctp_status.connected %}
|
||||
<span class="badge profit" style="margin-left:.35rem">已连接</span>
|
||||
{% elif ctp_status.connecting %}
|
||||
<span class="badge planned" style="margin-left:.35rem">连接中</span>
|
||||
{% elif ctp_status.disabled_hint %}
|
||||
<span class="text-muted" style="display:block;margin-top:.35rem">{{ ctp_status.disabled_hint }}</span>
|
||||
{% elif ctp_status.last_error %}
|
||||
<span class="text-loss" style="display:block;margin-top:.35rem">{{ ctp_status.last_error }}</span>
|
||||
{% endif %}
|
||||
</p>
|
||||
|
||||
<form action="{{ url_for('settings') }}" method="post" id="ctp-settings-form" data-simnow-pwd-set="{{ '1' if ctp_cfg.simnow_password_set else '0' }}">
|
||||
<input type="hidden" name="action" value="ctp">
|
||||
|
||||
<div class="settings-ctp-auto card" style="margin-bottom:.85rem;padding:.75rem 1rem">
|
||||
<label class="settings-ctp-auto-label" style="display:flex;align-items:flex-start;gap:.65rem;cursor:pointer;margin:0">
|
||||
<input type="checkbox" name="ctp_auto_connect" value="1" {% if ctp_auto_connect %}checked{% endif %}
|
||||
style="margin-top:.2rem;width:auto">
|
||||
<span>
|
||||
<strong>CTP 自动连接</strong>
|
||||
<span class="hint" style="display:block;margin:.25rem 0 0;font-size:.78rem;line-height:1.55">
|
||||
开启：盘前 30 分钟检查连接（已连则不重复发起）、交易时段断线自动重连、持仓页可连 CTP。关闭：立即断开，非交易时段不再重连；开盘前 30 分钟及交易时段仍会自动连接。系统不会自动强制断线，休盘后请按需手动断开。
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="settings-ctp-cards-row">
|
||||
<div class="settings-ctp-fold card is-collapsed" data-ctp-fold="simnow">
|
||||
<button type="button" class="settings-ctp-fold-head" aria-expanded="false">
|
||||
<span class="settings-ctp-fold-title">
|
||||
SimNow 模拟盘
|
||||
{% if trading_mode == 'simulation' %}<span class="badge planned" style="font-size:.7rem">当前通道</span>{% endif %}
|
||||
</span>
|
||||
<span class="settings-ctp-fold-chevron" aria-hidden="true">▼</span>
|
||||
</button>
|
||||
<div class="settings-ctp-fold-body">
|
||||
<div class="settings-ctp-grid">
|
||||
<div class="field">
|
||||
<label>投资者代码</label>
|
||||
<input name="simnow_user" value="{{ ctp_cfg.simnow_user }}" placeholder="非手机号">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>交易密码</label>
|
||||
<input id="simnow_password" name="simnow_password" type="password"
|
||||
autocomplete="off" spellcheck="false"
|
||||
placeholder="{% if ctp_cfg.simnow_password_set %}已设置：须重新输入才会更新{% else %}SimNow 交易密码（必填）{% endif %}">
|
||||
<p class="hint" style="margin:.25rem 0 0;font-size:.75rem">
|
||||
与快期相同密码，保存前须在此<strong>手打</strong>；留空则不改。下方「修改密码」是网页登录密码，不是 SimNow。
|
||||
</p>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>经纪商代码</label>
|
||||
<input name="simnow_broker_id" value="{{ ctp_cfg.simnow_broker_id }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>柜台环境</label>
|
||||
<select name="simnow_env">
|
||||
<option value="实盘" {% if ctp_cfg.simnow_env == '实盘' %}selected{% endif %}>实盘（看穿式，推荐）</option>
|
||||
<option value="测试" {% if ctp_cfg.simnow_env == '测试' %}selected{% endif %}>测试</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>AppID</label>
|
||||
<input name="simnow_app_id" value="{{ ctp_cfg.simnow_app_id }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>授权编码</label>
|
||||
<input name="simnow_auth_code" value="{{ ctp_cfg.simnow_auth_code }}">
|
||||
</div>
|
||||
<div class="field field-ctp-front-span">
|
||||
<label>行情前置</label>
|
||||
<input name="simnow_md_address" value="{{ ctp_cfg.simnow_md_address }}" placeholder="tcp://180.168.146.187:10211">
|
||||
</div>
|
||||
<div class="field field-ctp-front-span">
|
||||
<label>交易前置</label>
|
||||
<input name="simnow_td_address" value="{{ ctp_cfg.simnow_td_address }}" placeholder="tcp://180.168.146.187:10201">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-ctp-fold card is-collapsed" data-ctp-fold="live">
|
||||
<button type="button" class="settings-ctp-fold-head" aria-expanded="false">
|
||||
<span class="settings-ctp-fold-title">
|
||||
期货公司实盘
|
||||
{% if trading_mode == 'live' %}<span class="badge planned" style="font-size:.7rem">当前通道</span>{% endif %}
|
||||
</span>
|
||||
<span class="settings-ctp-fold-chevron" aria-hidden="true">▼</span>
|
||||
</button>
|
||||
<div class="settings-ctp-fold-body">
|
||||
<div class="settings-ctp-grid">
|
||||
<div class="field">
|
||||
<label>投资者代码</label>
|
||||
<input name="ctp_live_user" value="{{ ctp_cfg.ctp_live_user }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>交易密码</label>
|
||||
<input name="ctp_live_password" type="password" autocomplete="new-password"
|
||||
placeholder="{% if ctp_cfg.ctp_live_password_set %}已设置，留空不修改{% else %}实盘密码{% endif %}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>经纪商代码</label>
|
||||
<input name="ctp_live_broker_id" value="{{ ctp_cfg.ctp_live_broker_id }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>柜台环境</label>
|
||||
<select name="ctp_live_env">
|
||||
<option value="实盘" {% if ctp_cfg.ctp_live_env == '实盘' %}selected{% endif %}>实盘</option>
|
||||
<option value="测试" {% if ctp_cfg.ctp_live_env == '测试' %}selected{% endif %}>测试</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>AppID</label>
|
||||
<input name="ctp_live_app_id" value="{{ ctp_cfg.ctp_live_app_id }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>授权编码</label>
|
||||
<input name="ctp_live_auth_code" value="{{ ctp_cfg.ctp_live_auth_code }}">
|
||||
</div>
|
||||
<div class="field field-ctp-front-span">
|
||||
<label>行情前置</label>
|
||||
<input name="ctp_live_md_address" value="{{ ctp_cfg.ctp_live_md_address }}" placeholder="tcp://...">
|
||||
</div>
|
||||
<div class="field field-ctp-front-span">
|
||||
<label>交易前置</label>
|
||||
<input name="ctp_live_td_address" value="{{ ctp_cfg.ctp_live_td_address }}" placeholder="tcp://...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn-primary">保存 CTP 配置</button>
|
||||
<p class="settings-ctp-status">
|
||||
官方第一套：<code>180.168.146.187:10201/10211</code>；
|
||||
第二套（云服务器常用）：<code>182.254.243.31:30001/30011</code>；
|
||||
7×24：<code>182.254.243.31:40001/40011</code>（部分账号在 40001 会报「不合法登录」，与快期前置保持一致）。
|
||||
详见 <code>docs/SIMNOW.md</code>。
|
||||
</p>
|
||||
</form>
|
||||
{% endcall %}
|
||||
|
||||
<div class="split-grid">
|
||||
{% call settings_card('quote', '行情说明') %}
|
||||
<div class="card-inner">
|
||||
<p class="hint" style="font-size:.88rem;line-height:1.6;margin:0">
|
||||
当前行情源：<strong class="text-accent">{{ quote_label }}</strong><br>
|
||||
CTP 已连接时使用<strong>柜台行情</strong>；未连接时回退新浪接口。<br>
|
||||
合约代码按同花顺格式（如 ag2608、IF2606）。
|
||||
</p>
|
||||
</div>
|
||||
{% endcall %}
|
||||
|
||||
{% call settings_card('wechat', '企业微信推送') %}
|
||||
<form action="{{ url_for('settings') }}" method="post">
|
||||
<input type="hidden" name="action" value="wechat">
|
||||
<div class="field" style="margin-bottom:.75rem">
|
||||
<label>Webhook 地址</label>
|
||||
<input name="wechat_webhook" type="url" placeholder="https://qyapi.weixin.qq.com/..." value="{{ webhook }}">
|
||||
</div>
|
||||
<button type="submit" class="btn-primary">保存</button>
|
||||
<p class="hint" style="margin-top:.75rem;margin-bottom:0">在企业微信群添加机器人后，粘贴 Webhook 地址保存。</p>
|
||||
</form>
|
||||
{% endcall %}
|
||||
</div>
|
||||
|
||||
<div class="settings-ai-full">
|
||||
{% call settings_card('ai', 'AI 分析 · 使用说明') %}
|
||||
<details class="settings-ai-usage" open>
|
||||
<summary>使用说明</summary>
|
||||
<div class="settings-ai-usage-body">
|
||||
<ul>
|
||||
<li><strong>触发时机</strong>：开仓成交、平仓入账、日终报告（默认日盘 15:05，可在下方修改）</li>
|
||||
<li><strong>Ollama</strong>：服务器需能访问填写的地址（如本机 <code>127.0.0.1:11434</code>）</li>
|
||||
<li><strong>OpenAI 兼容</strong>：支持 DeepSeek、硅基流动等 OpenAI 格式 API</li>
|
||||
<li><strong>输出位置</strong>：分析写入导航「AI 消息」；若已配置企业微信，日终报告会同步推送摘要</li>
|
||||
<li><strong>不替代交易</strong>：AI 仅作复盘与风险提示，下单仍以系统规则与 CTP 为准</li>
|
||||
</ul>
|
||||
</div>
|
||||
</details>
|
||||
<form action="{{ url_for('settings') }}" method="post" class="settings-ai-form">
|
||||
<input type="hidden" name="action" value="ai">
|
||||
<div class="field" style="margin-bottom:.75rem">
|
||||
<label class="check-inline">
|
||||
<input type="checkbox" name="ai_enabled" value="1" {% if ai_enabled %}checked{% endif %}>
|
||||
<span>启用 AI 分析</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="field" style="margin-bottom:.85rem;max-width:280px">
|
||||
<label>当前使用的提供商</label>
|
||||
<select name="ai_provider" id="ai-provider-select">
|
||||
<option value="ollama" {% if ai_provider == 'ollama' %}selected{% endif %}>本地 Ollama</option>
|
||||
<option value="openai" {% if ai_provider == 'openai' %}selected{% endif %}>OpenAI 兼容 API</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="settings-ai-cards-row">
|
||||
<div class="settings-ai-card{% if ai_provider == 'ollama' %} is-active{% endif %}" data-ai-provider="ollama">
|
||||
<div class="settings-ai-card-head">
|
||||
<span>本地 Ollama</span>
|
||||
{% if ai_provider == 'ollama' %}<span class="badge profit">当前</span>{% endif %}
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>接口地址</label>
|
||||
<input name="ai_ollama_base_url" type="url" placeholder="http://127.0.0.1:11434" value="{{ ai_ollama_base_url }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>模型名</label>
|
||||
<input name="ai_ollama_model" type="text" placeholder="qwen2.5:7b" value="{{ ai_ollama_model }}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-ai-card{% if ai_provider == 'openai' %} is-active{% endif %}" data-ai-provider="openai">
|
||||
<div class="settings-ai-card-head">
|
||||
<span>OpenAI 兼容</span>
|
||||
{% if ai_provider == 'openai' %}<span class="badge profit">当前</span>{% endif %}
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>API Base URL</label>
|
||||
<input name="ai_openai_base_url" type="url" placeholder="https://api.openai.com/v1" value="{{ ai_openai_base_url }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>API Key</label>
|
||||
<input name="ai_openai_api_key" type="password" placeholder="sk-..." value="{{ ai_openai_api_key }}" autocomplete="off">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>模型名</label>
|
||||
<input name="ai_openai_model" type="text" placeholder="gpt-4o-mini" value="{{ ai_openai_model }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-ai-daily">
|
||||
<p class="hint" style="margin:0 0 .65rem">日终报告（国内期货日盘收盘后推送一次）</p>
|
||||
<div class="settings-ai-daily-grid">
|
||||
<label class="check-inline">
|
||||
<input type="checkbox" name="ai_daily_report_enabled" value="1" {% if ai_daily_report_enabled %}checked{% endif %}>
|
||||
<span>启用</span>
|
||||
</label>
|
||||
<div class="field" style="margin:0">
|
||||
<label>报告时刻（时）</label>
|
||||
<input name="ai_daily_report_hour" type="number" min="0" max="23" step="1" value="{{ ai_daily_report_hour }}">
|
||||
</div>
|
||||
<div class="field" style="margin:0">
|
||||
<label>报告时刻（分）</label>
|
||||
<input name="ai_daily_report_minute" type="number" min="0" max="59" step="1" value="{{ ai_daily_report_minute }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn-primary">保存 AI 配置</button>
|
||||
</form>
|
||||
{% endcall %}
|
||||
</div>
|
||||
|
||||
<div class="split-grid settings-admin-row">
|
||||
{% call settings_card('backup', '数据备份与恢复', 'settings-compact-card') %}
|
||||
<p class="settings-backup-meta">
|
||||
自动备份目录：<code>{{ backup_dir }}</code>
|
||||
{% if backup_last_at %} · 上次备份 {{ backup_last_at.replace('T', ' ') }}{% else %} · 尚未备份{% endif %}
|
||||
{% if backup_running %} · <span style="color:var(--accent)">备份进行中…</span>{% endif %}
|
||||
</p>
|
||||
<form action="{{ url_for('settings') }}" method="post" style="margin-bottom:.55rem">
|
||||
<input type="hidden" name="action" value="backup_config">
|
||||
<div class="settings-backup-config">
|
||||
<div class="field">
|
||||
<label style="display:flex;align-items:center;gap:.45rem;cursor:pointer">
|
||||
<input type="checkbox" name="backup_auto_enabled" value="1" {% if backup_auto_enabled %}checked{% endif %}>
|
||||
<span>启用每日自动备份</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>自动备份时刻（0–23 点）</label>
|
||||
<input name="backup_auto_hour" type="number" min="0" max="23" step="1" value="{{ backup_auto_hour }}">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>保留最近份数</label>
|
||||
<input name="backup_keep_count" type="number" min="5" max="200" step="1" value="{{ backup_keep_count }}">
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn-primary">保存备份策略</button>
|
||||
</form>
|
||||
<div class="settings-backup-actions">
|
||||
<form action="{{ url_for('settings') }}" method="post">
|
||||
<input type="hidden" name="action" value="backup_now">
|
||||
<button type="submit" class="btn-primary" {% if backup_running %}disabled{% endif %}>立即备份</button>
|
||||
</form>
|
||||
</div>
|
||||
<p class="hint" style="margin:.5rem 0 0">备份含 <code>futures.db</code>、<code>uploads/</code>，默认恢复至 <code>{{ backup_restore_dir }}</code>。</p>
|
||||
|
||||
{% if backup_items %}
|
||||
<table class="settings-backup-table">
|
||||
<thead>
|
||||
<tr><th>文件名</th><th>大小</th><th>时间</th><th></th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for item in backup_items %}
|
||||
<tr>
|
||||
<td><code>{{ item.name }}</code></td>
|
||||
<td>{{ item.size_mb }} MB</td>
|
||||
<td>{{ item.mtime.replace('T', ' ')[:16] }}</td>
|
||||
<td><a href="{{ url_for('api_backup_download', filename=item.name) }}" class="settings-backup-download">下载</a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% else %}
|
||||
<p class="hint" style="margin-top:.5rem;margin-bottom:0">暂无备份，可点「立即备份」。</p>
|
||||
{% endif %}
|
||||
|
||||
<details class="settings-backup-restore">
|
||||
<summary>备份恢复说明</summary>
|
||||
<ol style="margin:.5rem 0 0 1rem;padding:0">
|
||||
<li>下载 <code>.tar.gz</code> 到目标服务器（如 <code>/root/</code>）。</li>
|
||||
<li>解压：<code>tar -xzf qihuo_backup_*.tar.gz</code></li>
|
||||
<li>执行：<code>chmod +x restore.sh && ./restore.sh</code></li>
|
||||
<li>指定目录：<code>RESTORE_DIR=/opt/qihuo ./restore.sh</code></li>
|
||||
<li>部署代码、配置 <code>.env</code> 后重启服务。</li>
|
||||
</ol>
|
||||
</details>
|
||||
{% endcall %}
|
||||
|
||||
{% call settings_card('password', '登录账号', 'settings-compact-card') %}
|
||||
<form action="{{ url_for('settings') }}" method="post" class="settings-password-form">
|
||||
<input type="hidden" name="action" value="password">
|
||||
<div class="field field-full">
|
||||
<label>用户名</label>
|
||||
<input name="admin_username" type="text" value="{{ username }}" required maxlength="64"
|
||||
pattern="[A-Za-z0-9_.@-]+" autocomplete="username">
|
||||
</div>
|
||||
<div class="field field-full">
|
||||
<label>原密码</label>
|
||||
<input name="old_password" type="password" required autocomplete="current-password">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>新密码</label>
|
||||
<input name="new_password" type="password" minlength="6" placeholder="留空则不修改" autocomplete="new-password">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>确认新密码</label>
|
||||
<input name="new_password2" type="password" minlength="6" placeholder="修改密码时填写" autocomplete="new-password">
|
||||
</div>
|
||||
<div class="field-full">
|
||||
<button type="submit" class="btn-primary">保存账号</button>
|
||||
</div>
|
||||
<p class="hint" style="margin:.45rem 0 0;font-size:.72rem">保存后写入数据库，并同步至 <code>.env</code> 的 <code>ADMIN_USERNAME</code> / <code>ADMIN_PASSWORD</code>。</p>
|
||||
</form>
|
||||
{% endcall %}
|
||||
</div>
|
||||
|
||||
<div class="split-grid">
|
||||
{% call settings_card('tips', '使用提示') %}
|
||||
<ul class="settings-tips">
|
||||
<li>下单监控：连接 CTP 后下单、看持仓与可开仓品种</li>
|
||||
<li>策略交易：趋势回调自动补仓；顺势加仓需先开仓</li>
|
||||
<li>手续费：默认 CTP 柜台费率，连接后点同步</li>
|
||||
<li>手机端：浏览器菜单可「添加到主屏幕」安装 App</li>
|
||||
</ul>
|
||||
{% endcall %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script src="{{ url_for('static', filename='js/settings.js') }}?v={{ asset_v }}"></script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,79 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}统计分析 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<style>
|
||||
.stats-summary-card{margin-bottom:1.25rem}
|
||||
.stats-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}
|
||||
.stat-grid-summary{
|
||||
display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;
|
||||
margin-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;
|
||||
}
|
||||
.stat-grid-summary .stat-item{
|
||||
flex:1 1 0;min-width:4.5rem;background:transparent;border:none;border-radius:0;
|
||||
padding:.35rem .2rem;text-align:center;position:relative;overflow:visible;
|
||||
border-right:1px solid var(--table-border);
|
||||
}
|
||||
.stat-grid-summary .stat-item:last-child{border-right:none}
|
||||
.stat-grid-summary .stat-item::before{display:none}
|
||||
.stat-grid-summary .stat-item:hover{transform:none;box-shadow:none}
|
||||
.stat-grid-summary .stat-item .label{
|
||||
font-size:.62rem;line-height:1.25;color:var(--text-muted);white-space:nowrap;
|
||||
}
|
||||
.stat-grid-summary .stat-item .value{
|
||||
font-size:.78rem;font-weight:600;color:var(--text-title);margin-top:.12rem;
|
||||
font-variant-numeric:tabular-nums;white-space:nowrap;
|
||||
}
|
||||
.stats-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
|
||||
.stats-card-head h2{margin-bottom:0}
|
||||
.stats-view-field{width:auto;min-width:200px}
|
||||
.stats-view-field select{width:100%;min-width:180px}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<div class="card stats-summary-card">
|
||||
<div class="stats-toolbar">
|
||||
<span id="stats-updated" class="hint">正在加载统计…</span>
|
||||
</div>
|
||||
<div class="stat-grid stat-grid-summary" id="stats-summary">
|
||||
<div class="stat-item"><div class="label">总交易次数</div><div class="value" data-k="total_trades">-</div></div>
|
||||
<div class="stat-item"><div class="label">胜率</div><div class="value" data-k="win_rate">-</div></div>
|
||||
<div class="stat-item"><div class="label">平均盈利</div><div class="value text-profit" data-k="avg_profit">-</div></div>
|
||||
<div class="stat-item"><div class="label">平均亏损</div><div class="value text-loss" data-k="avg_loss">-</div></div>
|
||||
<div class="stat-item"><div class="label">盈亏比</div><div class="value" data-k="profit_loss_ratio">-</div></div>
|
||||
<div class="stat-item"><div class="label">连续亏损次数</div><div class="value" data-k="consecutive_losses">-</div></div>
|
||||
<div class="stat-item"><div class="label">最大回撤</div><div class="value" data-k="max_drawdown">-</div></div>
|
||||
<div class="stat-item"><div class="label">最大亏损金额</div><div class="value text-loss" data-k="max_loss_amount">-</div></div>
|
||||
<div class="stat-item"><div class="label">最大亏损占比</div><div class="value text-loss" data-k="max_loss_pct">-</div></div>
|
||||
<div class="stat-item"><div class="label">最大盈利金额</div><div class="value text-profit" data-k="max_profit_amount">-</div></div>
|
||||
<div class="stat-item"><div class="label">最大盈利占比</div><div class="value text-profit" data-k="max_profit_pct">-</div></div>
|
||||
<div class="stat-item"><div class="label">累计手续费</div><div class="value text-loss" data-k="total_fee">-</div></div>
|
||||
<div class="stat-item"><div class="label">情绪单数量</div><div class="value" data-k="emotion_count">-</div></div>
|
||||
<div class="stat-item"><div class="label">情绪单占比</div><div class="value" data-k="emotion_ratio">-</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="stats-card-head">
|
||||
<h2>分项统计</h2>
|
||||
<div class="field stats-view-field">
|
||||
<label for="stats-view-select">统计维度</label>
|
||||
<select id="stats-view-select"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-scroll">
|
||||
<table id="stats-breakdown-table">
|
||||
<thead><tr id="stats-breakdown-head"></tr></thead>
|
||||
<tbody id="stats-breakdown-body">
|
||||
<tr><td colspan="12" class="text-muted">加载中…</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block extra_js %}
|
||||
<script src="{{ url_for('static', filename='js/stats.js') }}"></script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,215 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}策略交易 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<style>
|
||||
.strategy-page .split-grid .card{min-height:420px;display:flex;flex-direction:column}
|
||||
.strategy-page .split-grid .card-body{flex:1}
|
||||
.strategy-preview{background:var(--card-inner);border:1px solid var(--card-border);border-radius:8px;padding:.65rem .85rem;font-size:.78rem;line-height:1.5;margin-top:.75rem;max-height:360px;overflow:auto}
|
||||
.strategy-preview .trend-summary{margin-bottom:.45rem;color:var(--text-title);font-size:.8rem;line-height:1.55}
|
||||
.strategy-preview .trend-detail{margin-bottom:.55rem;color:var(--text-muted);font-size:.75rem;line-height:1.5}
|
||||
.strategy-preview-table{width:100%;border-collapse:collapse;font-size:.72rem;min-width:520px}
|
||||
.strategy-preview-table th,.strategy-preview-table td{padding:.35rem .4rem;border-bottom:1px solid var(--table-border);text-align:right;white-space:nowrap}
|
||||
.strategy-preview-table th:first-child,.strategy-preview-table td:first-child{text-align:left}
|
||||
.strategy-preview-table thead th{color:var(--text-muted);font-weight:600;background:var(--list-item-bg)}
|
||||
.strategy-page .form-line.line-trend-head{grid-template-columns:1.5fr .75fr .85fr}
|
||||
.strategy-steps{margin:.75rem 0 0;padding-left:1.1rem;font-size:.82rem;color:var(--text-muted);line-height:1.6}
|
||||
.strategy-steps a{color:var(--accent)}
|
||||
.strategy-active-roll{margin-top:.65rem;padding:.55rem .75rem;background:var(--card-inner);border-radius:8px;font-size:.8rem;border:1px solid var(--card-border)}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="strategy-page">
|
||||
<details class="module-rules">
|
||||
<summary>规则说明</summary>
|
||||
<div class="module-rules-body">
|
||||
<p><strong>趋势回调</strong></p>
|
||||
<ul>
|
||||
<li>填写品种、方向、周期、止损、补仓边界、止盈 → <strong>预览计划</strong> → 确认后<strong>市价开首仓</strong></li>
|
||||
<li>须 CTP 已连接、交易时段内、账户风控允许开仓</li>
|
||||
<li>运行中：价格触及<strong>止盈</strong> → 全部平仓结案；回落至<strong>网格档位</strong> → 自动分档补仓</li>
|
||||
<li>可手动「结束计划」；记录归档至策略交易记录</li>
|
||||
</ul>
|
||||
<p><strong>顺势加仓（滚仓）</strong></p>
|
||||
<ul>
|
||||
<li>仅<strong>固定金额（以损定仓）</strong>模式；<strong>移动保本</strong>持仓不可滚仓</li>
|
||||
<li>须「下单监控」有 active 持仓；与趋势回调互斥</li>
|
||||
<li>风险预算 = 系统设置<strong>固定金额</strong>；合并持仓打到新止损总亏损 ≤ B</li>
|
||||
<li>最多 3 腿（已成交）；同一组最多 1 条 pending 监控腿</li>
|
||||
<li>止盈锁定首仓；突破由程序监控标记价穿越后市价加仓</li>
|
||||
</ul>
|
||||
</div>
|
||||
</details>
|
||||
<div class="split-grid">
|
||||
<div class="card">
|
||||
<h2>趋势回调</h2>
|
||||
<div class="card-body">
|
||||
{% if active_trend %}
|
||||
<p class="hint">运行中 #{{ active_trend.id }} · {{ active_trend.symbol_name or active_trend.symbol }} · {{ '做多' if active_trend.direction == 'long' else '做空' }} · {{ active_trend.period_label or '15分' }}</p>
|
||||
<p class="hint">已开 <strong>{{ active_trend.lots_open or 0 }}</strong> / {{ active_trend.target_lots }} 手 · 止损 {{ active_trend.stop_loss }} · 止盈 {{ active_trend.take_profit }}</p>
|
||||
<form id="trend-stop-form" class="form-row" style="margin-top:.75rem">
|
||||
<input type="hidden" name="plan_id" value="{{ active_trend.id }}">
|
||||
<button type="button" class="btn-primary" id="btn-trend-stop">结束计划</button>
|
||||
</form>
|
||||
<p class="hint" style="margin-top:.75rem;font-size:.75rem">后台按档位自动补仓，触及止盈或手动结束。</p>
|
||||
{% else %}
|
||||
<p class="hint" style="margin-bottom:.65rem">设置止损/补仓边界/止盈 → 预览 → 确认执行首仓；后续自动分档加仓。</p>
|
||||
<form id="trend-form" class="form-compact">
|
||||
<div class="form-line line-trend-head">
|
||||
<div class="symbol-wrap symbol-mains">
|
||||
<input type="text" class="symbol-input" placeholder="品种，输入中文或代码" autocomplete="off" required>
|
||||
<input type="hidden" name="symbol" class="symbol-ths-code">
|
||||
<input type="hidden" name="symbol_name">
|
||||
<div class="symbol-dropdown"></div>
|
||||
<div class="symbol-selected"></div>
|
||||
</div>
|
||||
<select name="direction"><option value="long">做多</option><option value="short">做空</option></select>
|
||||
<select name="period" title="参考 K 线周期">
|
||||
{% for p in trend_periods %}
|
||||
<option value="{{ p.key }}"{% if p.key == '15m' %} selected{% endif %}>{{ p.label }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-line line-3">
|
||||
<input name="stop_loss" type="number" step="any" placeholder="止损" required>
|
||||
<input name="add_upper" type="number" step="any" placeholder="补仓边界" required>
|
||||
<input name="take_profit" type="number" step="any" placeholder="止盈" required>
|
||||
</div>
|
||||
<div class="form-line line-2">
|
||||
<input name="risk_percent" type="number" step="0.1" value="{{ risk_percent }}" placeholder="单笔风险 %" title="单笔风险%">
|
||||
<button type="button" class="btn-primary" id="btn-trend-preview">预览计划</button>
|
||||
</div>
|
||||
</form>
|
||||
<div id="trend-preview" class="strategy-preview" hidden></div>
|
||||
<button type="button" class="btn-primary" id="btn-trend-exec" hidden style="margin-top:.65rem;width:100%">确认执行首仓</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>顺势加仓（滚仓）</h2>
|
||||
<div class="card-body">
|
||||
<details class="module-rules" style="margin-bottom:.65rem">
|
||||
<summary>顺势加仓规则说明</summary>
|
||||
<div class="module-rules-body" style="font-size:.78rem;line-height:1.55">
|
||||
<ul>
|
||||
<li>手动提交；须实盘已有同向持仓与 active 监控单</li>
|
||||
<li>计仓模式须为<strong>固定金额</strong>；移动保本不可滚仓</li>
|
||||
<li>做多/做空各最多 3 次滚仓（仅计已成交）；止盈为首仓 TP 不变</li>
|
||||
<li>风险预算 B = 系统设置中的<strong>固定金额</strong>；打到新止损 S 时合并持仓总亏损 ≤ B</li>
|
||||
<li>突破：标记价穿越触发价后按当时持仓重算手数再市价加仓</li>
|
||||
<li>pending 腿不可改，只能删除；手动平仓后滚仓组关闭</li>
|
||||
</ul>
|
||||
</div>
|
||||
</details>
|
||||
{% if not roll_allowed %}
|
||||
<p class="hint text-muted">当前为「{{ sizing_mode_label }}」模式，滚仓不可用。请在系统设置切换为<strong>固定金额</strong>。</p>
|
||||
{% endif %}
|
||||
{% if monitors %}
|
||||
<p class="hint" id="roll-risk-hint">风险预算（固定金额）：<strong id="roll-risk-budget">{{ '%.0f'|format(fixed_amount) }} 元</strong></p>
|
||||
<form id="roll-form" class="form-compact">
|
||||
<div class="form-line line-2">
|
||||
<select name="monitor_id" id="roll-monitor-select" required {% if not roll_allowed %}disabled{% endif %}>
|
||||
{% for m in monitors %}
|
||||
<option value="{{ m.id }}"
|
||||
data-direction="{{ m.direction }}"
|
||||
data-eligible="{{ '1' if m.roll_eligible else '0' }}"
|
||||
data-block="{{ m.roll_block_reason or '' }}"
|
||||
{% if not m.roll_eligible %}disabled{% endif %}>
|
||||
{{ m.symbol_name or m.symbol }} {{ m.symbol }} · {{ '多' if m.direction == 'long' else '空' }} #{{ m.id }}
|
||||
· {{ m.lots }}手 · SL {{ m.stop_loss or '—' }}
|
||||
{% if not m.roll_eligible %} · {{ m.roll_block_reason }}{% endif %}
|
||||
</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<select name="add_mode" id="roll-add-mode" {% if not roll_allowed %}disabled{% endif %}>
|
||||
<option value="market">市价加仓</option>
|
||||
<option value="breakout">突破加仓</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-line line-2">
|
||||
<input name="new_stop_loss" id="roll-new-sl" type="number" step="any" placeholder="新统一止损" required {% if not roll_allowed %}disabled{% endif %}>
|
||||
<input name="breakthrough_price" id="roll-break-price" type="number" step="any" placeholder="突破价" hidden>
|
||||
</div>
|
||||
<div class="form-line line-2">
|
||||
<button type="button" class="btn-primary" id="btn-roll-preview" {% if not roll_allowed %}disabled{% endif %}>预览</button>
|
||||
<button type="button" class="btn-primary" id="btn-roll-exec" hidden {% if not roll_allowed %}disabled{% endif %}>执行滚仓</button>
|
||||
</div>
|
||||
<div id="roll-preview" class="strategy-preview" hidden></div>
|
||||
<p class="hint" id="roll-exec-hint" hidden style="font-size:.75rem;margin-top:.45rem">市价加仓：须交易时段内确认，10 秒倒计时执行；突破加仓：休盘也可提交，开盘后再监控触价</p>
|
||||
{% if not trading_session %}
|
||||
<p class="hint text-muted" id="roll-off-session-hint" style="font-size:.75rem;margin-top:.35rem">当前{{ session_clock.status_label or '休盘' }}：请选「突破加仓」填写突破价后预览并提交监控。</p>
|
||||
{% endif %}
|
||||
</form>
|
||||
{% else %}
|
||||
<p class="empty-hint">暂无可用持仓监控</p>
|
||||
<ol class="strategy-steps">
|
||||
<li>打开 <a href="{{ url_for('positions') }}">持仓监控</a>，连接 CTP</li>
|
||||
<li>系统设置为<strong>固定金额</strong>，在「期货下单」开仓（勿开移动保本）</li>
|
||||
<li>开仓成功后生成本页可选监控，即可滚仓</li>
|
||||
</ol>
|
||||
{% endif %}
|
||||
<h3 style="font-size:.85rem;margin:1rem 0 .45rem">活跃滚仓组</h3>
|
||||
{% if roll_groups %}
|
||||
<div class="table-responsive">
|
||||
<table class="strategy-preview-table">
|
||||
<thead><tr>
|
||||
<th>ID</th><th>品种</th><th>方向</th><th>腿数</th><th>首仓手数</th><th>当前总手数</th><th>首仓TP</th><th>当前SL</th><th>当前均价</th><th>止盈盈利(元)</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
{% for g in roll_groups %}
|
||||
<tr>
|
||||
<td>#{{ g.id }}</td>
|
||||
<td>{{ g.symbol_name or g.symbol }}</td>
|
||||
<td>{{ '多' if g.direction == 'long' else '空' }}</td>
|
||||
<td>{{ g.leg_count or 0 }}/3</td>
|
||||
<td>{{ g.first_lots if g.first_lots is not none else '—' }}</td>
|
||||
<td>{{ g.total_lots if g.total_lots is not none else '—' }}</td>
|
||||
<td>{{ g.initial_take_profit or '—' }}</td>
|
||||
<td>{{ g.current_stop_loss or '—' }}</td>
|
||||
<td>{{ g.avg_entry or '—' }}</td>
|
||||
<td>{{ g.reward_at_tp if g.reward_at_tp is not none else '—' }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% else %}
|
||||
<p class="hint text-muted">暂无</p>
|
||||
{% endif %}
|
||||
<h3 style="font-size:.85rem;margin:1rem 0 .45rem">正在滚仓</h3>
|
||||
{% if roll_legs %}
|
||||
<div class="table-responsive">
|
||||
<table class="strategy-preview-table">
|
||||
<thead><tr>
|
||||
<th>#</th><th>组</th><th>方式</th><th>手数</th><th>触发/限价</th><th>新SL</th><th>当前价</th><th>状态</th><th>操作</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
{% for l in roll_legs %}
|
||||
<tr>
|
||||
<td>{{ l.id }}</td>
|
||||
<td>#{{ l.roll_group_id }}</td>
|
||||
<td>{{ add_mode_labels.get(l.add_mode, l.add_mode) }}</td>
|
||||
<td>{{ l.lots or '—' }}</td>
|
||||
<td>{{ l.breakthrough_price or l.limit_price or l.fill_price or '—' }}</td>
|
||||
<td>{{ l.new_stop_loss or '—' }}</td>
|
||||
<td>{{ l.current_price if l.current_price is not none else '—' }}</td>
|
||||
<td title="{{ l.invalidated_reason or '' }}">{{ roll_leg_status_labels.get(l.status, l.status) }}{% if l.status == 'invalidated' and l.invalidated_reason %} · {{ l.invalidated_reason[:24] }}{% endif %}</td>
|
||||
<td>{% if l.status == 'pending' %}<button type="button" class="btn-link roll-cancel-leg" data-leg-id="{{ l.id }}">删除</button>{% else %}—{% endif %}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% else %}
|
||||
<p class="hint text-muted">暂无</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hint" style="margin-top:1rem"><a href="{{ url_for('strategy_records_page') }}">策略交易记录 →</a></p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script src="{{ url_for('static', filename='js/strategy.js') }}"></script>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,58 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}策略记录 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<style>
|
||||
.strategy-preview{background:var(--card-inner);border:1px solid var(--card-border);border-radius:8px;padding:.65rem .85rem;font-size:.78rem;line-height:1.5}
|
||||
.strategy-preview-table{width:100%;border-collapse:collapse;font-size:.72rem;min-width:520px}
|
||||
.strategy-preview-table th,.strategy-preview-table td{padding:.35rem .4rem;border-bottom:1px solid var(--table-border);text-align:right;white-space:nowrap}
|
||||
.strategy-preview-table th:first-child,.strategy-preview-table td:first-child{text-align:left}
|
||||
.strategy-preview-table thead th{color:var(--text-muted);font-weight:600;background:var(--list-item-bg)}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="split-grid">
|
||||
<div class="card card-scroll">
|
||||
<h2>趋势回调</h2>
|
||||
{% if trend_rows %}
|
||||
<ul class="list">{% for r in trend_rows %}
|
||||
<li class="list-item"><span>{{ r.symbol }} {{ r.result_label }} · {{ r.closed_at or r.created_at }}</span></li>
|
||||
{% endfor %}</ul>
|
||||
{% else %}<p class="empty-hint">暂无记录</p>{% endif %}
|
||||
</div>
|
||||
<div class="card card-scroll">
|
||||
<h2>顺势加仓</h2>
|
||||
{% if roll_rows %}
|
||||
<ul class="list">{% for r in roll_rows %}
|
||||
<li class="list-item">
|
||||
<details style="width:100%">
|
||||
<summary>{{ r.symbol }} {{ r.result_label }} · {{ r.closed_at or r.created_at }}</summary>
|
||||
<div class="strategy-preview" style="margin-top:.55rem">
|
||||
<p>方向：{{ '多' if r.direction == 'long' else '空' }}</p>
|
||||
<p>首仓手数：{{ r.detail.first_lots or '—' }} · 加仓次数：{{ r.detail.add_count or 0 }} · 加仓手数：{{ r.detail.add_lots or 0 }} · 当前总手数：{{ r.detail.total_lots or '—' }}</p>
|
||||
<p>最新止损：{{ r.detail.latest_stop_loss or '—' }} · 平仓价格：{{ r.detail.close_price or '—' }} · 盈利情况：{{ r.detail.pnl if r.detail.pnl is not none else '—' }}</p>
|
||||
{% if r.detail.legs %}
|
||||
<table class="strategy-preview-table">
|
||||
<thead><tr><th>腿</th><th>方式</th><th>手数</th><th>成交/触发价</th><th>新SL</th><th>时间</th></tr></thead>
|
||||
<tbody>
|
||||
{% for l in r.detail.legs %}
|
||||
<tr>
|
||||
<td>{{ l.leg_index or loop.index }}</td>
|
||||
<td>{{ l.add_mode }}</td>
|
||||
<td>{{ l.lots or '—' }}</td>
|
||||
<td>{{ l.fill_price or l.breakthrough_price or l.limit_price or '—' }}</td>
|
||||
<td>{{ l.new_stop_loss or '—' }}</td>
|
||||
<td>{{ l.created_at or '—' }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% endif %}
|
||||
</div>
|
||||
</details>
|
||||
</li>
|
||||
{% endfor %}</ul>
|
||||
{% else %}<p class="empty-hint">暂无记录</p>{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,312 @@
|
||||
{# Copyright (c) 2025-2026 马建军. All rights reserved. 专有软件，详见 LICENSE.zh-CN.txt #}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}下单监控 - 国内期货 · 交易复盘系统{% endblock %}
|
||||
{% block extra_css %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/trade.css') }}?v={{ asset_v }}">
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="trade-page">
|
||||
<div class="trade-top-bar">
|
||||
<div class="trade-top-bar-main">
|
||||
<span class="badge dir">{{ trading_mode_label }}</span>
|
||||
<span class="badge {% if ctp_status.connected %}profit{% else %}planned{% endif %}" id="ctp-badge">
|
||||
{% if ctp_status.connected %}CTP 已连接{% else %}CTP 未连接{% endif %}
|
||||
</span>
|
||||
<span class="badge {% if risk_status.can_trade %}profit{% else %}loss{% endif %}" id="risk-badge">{{ risk_status.status_label }}</span>
|
||||
<span class="text-muted">权益 <strong id="cap-display">{{ '%.2f'|format(capital) }}</strong> 元</span>
|
||||
{% if ctp_account.available is defined and ctp_status.connected %}
|
||||
<span class="text-muted">可用 <strong id="avail-display">{{ '%.2f'|format(ctp_account.available) }}</strong> 元</span>
|
||||
{% endif %}
|
||||
<span class="text-muted trade-session-clock" id="session-clock-wrap">
|
||||
· <span id="clock-now">{{ session_clock.now_time }}</span>
|
||||
· <span id="clock-status" class="{% if session_clock.in_session %}text-profit{% else %}text-muted{% endif %}">{{ session_clock.status_label }}</span>
|
||||
<span id="clock-detail" class="session-clock-detail">
|
||||
{% if not session_clock.in_session and session_clock.next_open_at %}
|
||||
· 下次{{ session_clock.next_open_label }} {{ session_clock.next_open_at }}
|
||||
· 距开盘 <strong id="clock-countdown-open">{{ session_clock.countdown_open }}</strong>
|
||||
{% elif session_clock.in_session %}
|
||||
{% if session_clock.countdown_break %}
|
||||
· 距{{ session_clock.break_label }} <strong id="clock-countdown-break">{{ session_clock.countdown_break }}</strong>
|
||||
{% endif %}
|
||||
{% if session_clock.countdown_close %}
|
||||
· 距{{ session_clock.close_label }} <strong id="clock-countdown-close">{{ session_clock.countdown_close }}</strong>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="trade-top-bar-actions">
|
||||
<button type="button" class="btn-primary btn-ctp-sm" id="btn-ctp-connect"
|
||||
{% if not ctp_auto_connect %}disabled title="请先在系统设置 → CTP 连接 中开启自动连接"{% endif %}>
|
||||
{% if ctp_status.connected %}重连 CTP{% else %}连接 CTP{% endif %}
|
||||
</button>
|
||||
<span class="text-muted trade-top-hint" id="ctp-auto-hint">{% if ctp_auto_connect %}交易时段断线自动重连 · 开盘前 30 分钟检查连接 · 不自动强制断开{% else %}自动连接已关闭 · 盘前 30 分钟及交易时段仍会按计划连接 · 断开请手动操作{% endif %}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="split-grid trade-split">
|
||||
<div class="card trade-card" id="order">
|
||||
<h2>期货下单</h2>
|
||||
<div class="card-body">
|
||||
<div class="trade-order-status trade-order-status-compact">
|
||||
<div class="status-row">
|
||||
<span class="text-muted">计仓</span>
|
||||
<strong id="sizing-label">{{ sizing_mode_label }}</strong>
|
||||
{% if sizing_mode == 'fixed' %}
|
||||
<span class="text-muted">· {{ fixed_lots }} 手</span>
|
||||
{% elif sizing_mode in ('amount', 'risk') %}
|
||||
<span class="text-muted">· {{ '%.0f'|format(fixed_amount) }} 元</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<details class="module-rules">
|
||||
<summary>规则说明</summary>
|
||||
<div class="module-rules-body">
|
||||
<p><strong>开仓</strong></p>
|
||||
<ul>
|
||||
<li>须 <strong>CTP 已连接</strong> 且处于<strong>交易时段</strong>；账户风控允许（顶栏状态）</li>
|
||||
<li>固定金额计仓、开启<strong>移动保本</strong>时须填写<strong>止损</strong></li>
|
||||
<li>手数：固定手数，或按止损距离与单笔风险金额自动计算；保证金占用不超过系统设置上限</li>
|
||||
<li>限价未成交 → 挂单中，超时自动撤单（系统设置可改分钟数）</li>
|
||||
</ul>
|
||||
<p><strong>止盈 / 止损 / 移动保本</strong></p>
|
||||
<ul>
|
||||
<li>成交后由程序<strong>本地监控</strong>；触及止盈或止损 → 市价平仓</li>
|
||||
<li><strong>移动保本</strong>：须填止损、不设固定止盈；达 1R 止损移至开仓±缓冲跳，2R 移 1R，依次类推</li>
|
||||
<li>手动平仓写入交易记录；当日手动平仓次数超限 → 当日禁止新开仓</li>
|
||||
</ul>
|
||||
<p><strong>可开仓品种表</strong></p>
|
||||
<ul>
|
||||
<li>按权益与保证金上限筛选；权益 ≤20 万或 CTP 未连接时仅四品种（玉米、豆粕、甲醇、螺纹钢）</li>
|
||||
</ul>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<div class="trade-form-rows">
|
||||
<div class="trade-form-line line-3">
|
||||
<div class="symbol-wrap trade-field symbol-mains">
|
||||
<label class="text-label">品种</label>
|
||||
<input type="text" id="trade-symbol" class="symbol-input" placeholder="输入中文或代码，选择主力合约" autocomplete="off">
|
||||
<input type="hidden" id="trade-symbol-code" class="symbol-ths-code">
|
||||
<div class="symbol-dropdown"></div>
|
||||
<div class="symbol-selected" id="sym-selected"></div>
|
||||
</div>
|
||||
<div class="trade-field">
|
||||
<label class="text-label">方向</label>
|
||||
<select id="trade-direction">
|
||||
<option value="long">做多</option>
|
||||
<option value="short">做空</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="trade-field" id="field-lots">
|
||||
<label class="text-label">手数</label>
|
||||
<input type="text" id="trade-lots-calc" class="lots-auto" readonly placeholder="—">
|
||||
<input type="hidden" id="trade-lots" value="{{ fixed_lots if sizing_mode == 'fixed' else '1' }}">
|
||||
<p class="hint lots-warn text-loss" id="lots-warn" hidden></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="trade-form-line line-3">
|
||||
<div class="trade-field">
|
||||
<label class="text-label">入场价</label>
|
||||
<div class="price-type-tabs">
|
||||
<button type="button" class="price-tab active" data-type="limit">限价</button>
|
||||
<button type="button" class="price-tab" data-type="market">市价</button>
|
||||
</div>
|
||||
<input type="number" id="trade-price" step="any" placeholder="限价">
|
||||
<p class="hint market-hint" id="market-hint" hidden>市价以 FAK 即时成交报单（非限价挂单）</p>
|
||||
</div>
|
||||
<div class="trade-field" id="field-tp">
|
||||
<label class="text-label">止盈</label>
|
||||
<input type="number" id="trade-tp" step="any">
|
||||
</div>
|
||||
<div class="trade-field">
|
||||
<label class="text-label">止损</label>
|
||||
<input type="number" id="trade-sl" step="any">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="trade-action-row">
|
||||
<label class="trailing-be-toggle">
|
||||
<input type="checkbox" id="trailing-be">
|
||||
<span>移动保本</span>
|
||||
</label>
|
||||
<p class="hint trailing-be-hint" id="trailing-be-hint" hidden>已开启：仅监控止损，达 1R 后移动保本平仓</p>
|
||||
<span class="hint trade-rr-hint" id="trade-rr-hint" hidden></span>
|
||||
<button type="button" class="btn-primary btn-open" id="btn-open">开仓</button>
|
||||
<p class="hint session-hint text-muted" id="session-hint" hidden>不在交易时间段</p>
|
||||
<p class="trade-order-msg" id="order-msg" hidden></p>
|
||||
</div>
|
||||
|
||||
<div class="trade-footer" id="trade-footer">
|
||||
<p class="hint" id="trade-metrics-hint">填写品种后显示精度与每跳价值；策略自动化请用 <a href="{{ url_for('strategy_page') }}">策略交易</a>。</p>
|
||||
{% if ctp_status.last_error %}
|
||||
<p class="text-loss ctp-install-hint" style="font-size:.78rem;margin-top:.35rem">{{ ctp_status.last_error }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card trade-card" id="trading-live">
|
||||
<h2>委托与持仓 <span class="sync-badge text-muted" id="sync-badge" hidden></span></h2>
|
||||
<p class="hint pos-hint">委托、持仓均以 CTP 柜台为准；止盈止损为程序本地监控，触发后市价平仓。</p>
|
||||
<div class="card-body card-scroll trading-live-body">
|
||||
<section class="trading-live-section" id="active-orders">
|
||||
<h3 class="trading-live-subtitle">当前委托</h3>
|
||||
<div id="order-live-list">
|
||||
<div class="empty-hint" id="order-placeholder">加载委托…</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="trading-live-section trading-live-positions" id="positions">
|
||||
<h3 class="trading-live-subtitle">当前持仓</h3>
|
||||
<div id="position-live-list">
|
||||
<div class="empty-hint" id="position-placeholder">加载持仓…</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card trade-card trade-card-full" id="recommend">
|
||||
<h2>可开仓品种</h2>
|
||||
<div class="card-body">
|
||||
<p class="hint">最大手数 = floor((权益 × 保证金上限 <strong>{{ max_margin_pct }}%</strong> − 已占用保证金) ÷ 1手保证金)；当前权益 <strong class="text-accent" id="rec-capital">{{ '%.2f'|format(recommend_capital) }}</strong> 元<span id="rec-margin-hint" class="text-muted"></span>。
|
||||
{% if sizing_mode == 'fixed' %}仅显示最大手数 ≥ <strong>{{ fixed_lots }}</strong> 手的品种。{% endif %}
|
||||
{% if small_account_scope %}<span class="text-muted">{{ small_account_scope_hint }}。</span>{% endif %}
|
||||
{% if small_account_margin_rec %}<span class="text-muted">{{ small_account_margin_rec.label }}。</span>{% endif %}
|
||||
{% if night_session %}<span class="text-muted">当前为夜盘时段，品种下拉与下表仅显示有夜盘品种；带「夜盘」标记。</span>{% elif not small_account_scope %}<span class="text-muted">有夜盘交易的品种带「夜盘」标记。</span>{% endif %}
|
||||
保证金优先读取 CTP 柜台合约信息。
|
||||
{% if recommend_updated_at %}<span class="text-muted">每日后台更新 · 最近 {{ recommend_updated_at }}</span>{% else %}<span class="text-muted" id="rec-updated">等待今日后台刷新…</span>{% endif %}
|
||||
</p>
|
||||
<p class="trend-hint">走势：近一周日线，近3日重叠≥70%为震荡；跳空=今日开盘 vs 昨日收盘。成交量为昨日成交手数，成交额=成交量×昨收×合约乘数。支持按走势/跳空/成交量/振幅排序，可按行业筛选。</p>
|
||||
<div class="rec-stats" id="rec-stats"></div>
|
||||
<div class="rec-sort-bar">
|
||||
<label for="rec-industry-filter">行业</label>
|
||||
<select id="rec-industry-filter">
|
||||
<option value="" selected>全部</option>
|
||||
{% for cat in product_categories %}
|
||||
<option value="{{ cat }}">{{ cat }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<label for="rec-sort-key">排序</label>
|
||||
<select id="rec-sort-key">
|
||||
<option value="trend" selected>走势</option>
|
||||
<option value="gap">跳空</option>
|
||||
<option value="volume">成交量</option>
|
||||
<option value="amplitude">振幅</option>
|
||||
</select>
|
||||
<button type="button" class="rec-sort-dir-btn" id="rec-sort-dir" title="切换升序/降序">↓</button>
|
||||
</div>
|
||||
<div class="trade-table-wrap">
|
||||
<table class="trade-table" id="recommend-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>品种</th><th>交易所</th><th>行业</th><th>走势</th><th>是否跳空</th>
|
||||
<th>参考价</th><th>昨日收盘</th><th>今日开盘</th>
|
||||
<th>昨日涨跌</th><th>昨日振幅</th> <th>成交量(手)</th><th>成交额</th>
|
||||
<th>乘数</th><th>最小变动</th>
|
||||
<th>1手保证金</th><th>1手手续费</th><th>最大手数</th><th>状态</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="recommend-list">
|
||||
{% if recommend_rows %}
|
||||
{% for r in recommend_rows %}
|
||||
<tr class="rec-{{ r.status }}{% if r.trend_transition %} rec-trend-break{% endif %}">
|
||||
<td>
|
||||
{% if r.main_code and nav_items.market %}
|
||||
<a href="{{ url_for('market_page', symbol=r.main_code, period='d') }}" class="rec-market-link" title="查看日线 K 线">
|
||||
<strong class="{% if r.trend_transition %}trend-name{% endif %}">{{ r.name }}</strong>{% if r.has_night_session %} <span class="night-session-tag">夜盘</span>{% endif %}
|
||||
<span class="text-accent">{{ r.main_code }}</span>
|
||||
</a>
|
||||
{% else %}
|
||||
<strong class="{% if r.trend_transition %}trend-name{% endif %}">{{ r.name }}</strong>{% if r.has_night_session %} <span class="night-session-tag">夜盘</span>{% endif %}
|
||||
<span class="text-accent">{{ r.main_code or r.ths }}</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>{{ r.exchange }}</td>
|
||||
<td>{{ r.category or '—' }}</td>
|
||||
<td>
|
||||
{% if r.trend_label and r.trend_label != '—' %}
|
||||
<span class="badge trend-badge {% if r.trend in ('break_long', 'break_short') %}break{% elif r.trend == 'long' %}profit{% elif r.trend == 'short' %}loss{% else %}planned{% endif %}" title="{% if r.trend_overlap_pct is not none %}近3日重叠 {{ r.trend_overlap_pct }}%{% endif %}">
|
||||
{% if r.trend_transition %}★ {% endif %}{{ r.trend_label }}
|
||||
</span>
|
||||
{% else %}—{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
{% if r.gap_label and r.gap_label != '—' %}
|
||||
<span class="badge gap-badge {% if r.gap == 'up' %}profit{% elif r.gap == 'down' %}loss{% else %}planned{% endif %}"{% if r.gap_pct %} title="跳空 {{ '%+.2f'|format(r.gap_pct) }}%"{% endif %}>{{ r.gap_label }}</span>
|
||||
{% else %}—{% endif %}
|
||||
</td>
|
||||
<td>{% if r.price %}{{ r.price }}{% else %}—{% endif %}</td>
|
||||
<td>{% if r.prev_close is not none %}{{ r.prev_close }}{% else %}—{% endif %}</td>
|
||||
<td>{% if r.today_open is not none %}{{ r.today_open }}{% else %}—{% endif %}</td>
|
||||
<td>
|
||||
{% if r.yesterday_change is not none %}
|
||||
<span class="{% if r.yesterday_change > 0 %}rec-change-up{% elif r.yesterday_change < 0 %}rec-change-down{% endif %}">
|
||||
{{ '%+.4f'|format(r.yesterday_change) }}{% if r.yesterday_change_pct is not none %} ({{ '%+.2f'|format(r.yesterday_change_pct) }}%){% endif %}
|
||||
</span>
|
||||
{% else %}—{% endif %}
|
||||
</td>
|
||||
<td>{% if r.yesterday_amplitude_pct is not none %}{{ '%.2f'|format(r.yesterday_amplitude_pct) }}%{% else %}—{% endif %}</td>
|
||||
<td>{% if r.volume is not none %}{{ r.volume }}{% else %}—{% endif %}</td>
|
||||
<td>{% if r.turnover is not none %}{{ '%.0f'|format(r.turnover) }}{% else %}—{% endif %}</td>
|
||||
<td>{% if r.mult is not none %}{{ '%g'|format(r.mult) }}{% if r.spec_source == 'ctp' %} <span class="text-muted">(柜台)</span>{% endif %}{% else %}—{% endif %}</td>
|
||||
<td>{% if r.tick_size is not none %}{{ '%g'|format(r.tick_size) }}{% if r.spec_source == 'ctp' %} <span class="text-muted">(柜台)</span>{% endif %}{% else %}—{% endif %}</td>
|
||||
<td>{% if r.margin_one_lot %}{{ r.margin_one_lot }}{% if r.margin_source == 'ctp' %} <span class="text-muted">(柜台)</span>{% endif %}{% else %}—{% endif %}</td>
|
||||
<td>{% if r.open_fee_one_lot is defined and r.open_fee_one_lot is not none %}{{ r.open_fee_one_lot }}{% else %}—{% endif %}</td>
|
||||
<td>{% if r.max_lots is not none and r.max_lots > 0 %}{{ r.max_lots }}{% else %}—{% endif %}</td>
|
||||
<td><span class="badge {% if r.status=='ok' %}profit{% else %}planned{% endif %}">{{ r.status_label }}</span></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<tr><td colspan="18" class="empty-hint">等待今日后台刷新推荐…</td></tr>
|
||||
{% endif %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sl-tp-modal" class="modal-mask" role="dialog" aria-labelledby="sl-tp-modal-title">
|
||||
<div class="modal-box sl-tp-modal">
|
||||
<h3 id="sl-tp-modal-title">设置止盈止损</h3>
|
||||
<div class="sl-tp-modal-fields">
|
||||
<div class="trade-field">
|
||||
<label class="text-label" for="sl-tp-modal-sl">止损</label>
|
||||
<input type="number" id="sl-tp-modal-sl" step="any" placeholder="必填（移动保本须填止损）">
|
||||
</div>
|
||||
<div class="trade-field" id="sl-tp-modal-tp-wrap">
|
||||
<label class="text-label" for="sl-tp-modal-tp">止盈</label>
|
||||
<input type="number" id="sl-tp-modal-tp" step="any" placeholder="可留空">
|
||||
</div>
|
||||
<label class="trailing-be-toggle sl-tp-modal-trailing">
|
||||
<input type="checkbox" id="sl-tp-modal-trailing">
|
||||
<span>移动保本</span>
|
||||
</label>
|
||||
<p class="hint" id="sl-tp-modal-trailing-hint" hidden>开启后不设固定止盈；达 1R 后止损移至开仓价 ± 缓冲跳</p>
|
||||
</div>
|
||||
<div class="sl-tp-modal-actions">
|
||||
<button type="button" class="btn-secondary" id="sl-tp-modal-cancel">取消</button>
|
||||
<button type="button" class="btn-primary" id="sl-tp-modal-save">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<script type="application/json" id="trade-page-data">{{ {
|
||||
'sizing_mode': sizing_mode,
|
||||
'market_nav_enabled': nav_items.market,
|
||||
'fixed_lots': fixed_lots,
|
||||
'fixed_amount': fixed_amount,
|
||||
'product_categories': product_categories | default([]),
|
||||
'recommend_rows': recommend_rows | default([]),
|
||||
'ctp_auto_connect': ctp_auto_connect,
|
||||
'session_clock': session_clock,
|
||||
'capital': capital,
|
||||
'bootstrap_live': bootstrap_live | default({})
|
||||
} | tojson }}</script>
|
||||
<script src="{{ url_for('static', filename='js/trade.js') }}?v={{ asset_v }}"></script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user