dekun
4ad335ca84
Replace full-page soft nav with a persistent shell and /api/embed/page loads so tab switches in the hub iframe avoid document.write flicker. Co-authored-by: Cursor <cursoragent@cursor.com>
121 lines
7.9 KiB
HTML
121 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN" data-theme="dark">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||
<script src="/static/instance_theme.js?v=17"></script>
|
||
<link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
|
||
<link rel="stylesheet" href="/static/account_risk_badge.css?v=3">
|
||
<link rel="stylesheet" href="/static/instance_page.css?v=1">
|
||
<link rel="stylesheet" href="/static/instance_theme.css?v=18">
|
||
<script src="/static/account_risk_badge.js?v=3"></script>
|
||
<meta name="theme-color" content="#0b0d14">
|
||
<title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>
|
||
</head>
|
||
<body
|
||
data-embed-shell="1"
|
||
data-page="{{ initial_tab }}"
|
||
data-balance-refresh-ms="{{ balance_refresh_seconds * 1000 }}"
|
||
data-price-refresh-ms="{{ price_refresh_seconds * 1000 }}"
|
||
>
|
||
<div class="container">
|
||
<div class="header">
|
||
<h1>加密货币｜交易监控 + AI复盘一体化</h1>
|
||
<div class="header-row">
|
||
<div class="exchange-tag">{{ exchange_display }}</div>
|
||
<span class="risk-status-badge risk-status-{{ risk_status.status|default('normal') }}" id="account-risk-badge" role="status" title="{{ risk_status.reason|default('', true) }}" data-status-label="{{ risk_status.status_label|default('正常') }}"{% if risk_status.freeze_until_ms %} data-freeze-until-ms="{{ risk_status.freeze_until_ms }}"{% endif %}>{{ risk_status.status_label|default('正常') }}</span>
|
||
<div class="theme-toggle instance-theme-toggle" role="group" aria-label="界面主题">
|
||
<button type="button" class="theme-toggle-btn is-active" data-theme-value="dark" aria-pressed="true" title="暗色主题">
|
||
<svg class="theme-icon" viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
|
||
<path fill="currentColor" d="M12.1 3a9 9 0 1 0 8.9 11 6.5 6.5 0 1 1-8.9-11z"/>
|
||
</svg>
|
||
</button>
|
||
<button type="button" class="theme-toggle-btn" data-theme-value="light" aria-pressed="false" title="亮色主题">
|
||
<svg class="theme-icon" viewBox="0 0 24 24" width="18" height="18" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
|
||
<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<nav class="top-nav embed-top-nav" aria-label="实例导航">
|
||
<a href="/key_monitor" data-embed-tab="key_monitor" class="{% if initial_tab == 'key_monitor' %}active{% endif %}">关键位监控</a>
|
||
<a href="/trade" data-embed-tab="trade" class="{% if initial_tab == 'trade' %}active{% endif %}">实盘下单</a>
|
||
<a href="/strategy" data-embed-tab="strategy" class="{% if initial_tab == 'strategy' %}active{% endif %}">策略交易</a>
|
||
<a href="/strategy/records" data-embed-tab="strategy_records" class="{% if initial_tab == 'strategy_records' %}active{% endif %}">策略交易记录</a>
|
||
<a href="/records" data-embed-tab="records" class="{% if initial_tab == 'records' %}active{% endif %}">交易记录与复盘</a>
|
||
<a href="/stats" data-embed-tab="stats" class="{% if initial_tab == 'stats' %}active{% endif %}">统计分析</a>
|
||
</nav>
|
||
<div id="embed-flash" class="flash" style="display:none" role="status"></div>
|
||
|
||
<div class="list-window-bar">
|
||
<span style="color:#cfd3ef">列表筛选（<strong>UTC</strong>，默认当日）：{{ list_window.label }}</span>
|
||
<label>预设
|
||
<select id="win-preset-select" onchange="toggleListWindowCustom()">
|
||
<option value="utc_today" {% if list_window.preset == 'utc_today' %}selected{% endif %}>UTC 当日</option>
|
||
<option value="utc_last24h" {% if list_window.preset == 'utc_last24h' %}selected{% endif %}>近 24 小时</option>
|
||
<option value="utc_last7d" {% if list_window.preset == 'utc_last7d' %}selected{% endif %}>近 7 天</option>
|
||
<option value="custom" {% if list_window.preset == 'custom' %}selected{% endif %}>自定义</option>
|
||
</select>
|
||
</label>
|
||
<span id="win-custom-range" style="{% if list_window.preset != 'custom' %}display:none{% endif %}">
|
||
<label>起(UTC) <input type="datetime-local" id="win-from-utc" value="{{ list_window.start_utc.strftime('%Y-%m-%dT%H:%M') }}"></label>
|
||
<label>止(UTC) <input type="datetime-local" id="win-to-utc" value="{{ list_window.end_utc.strftime('%Y-%m-%dT%H:%M') }}"></label>
|
||
</span>
|
||
<button type="button" style="padding:6px 12px" onclick="applyListWindow()">应用</button>
|
||
<span style="color:#8892b0;font-size:.75rem">统计页仍按北京时间 {{ stats_bundle.stats_reset_hour|default(reset_hour) }}:00 切日</span>
|
||
</div>
|
||
<div class="export-bar instance-desktop-only">
|
||
<span style="color:#9aa">数据导出（v{{ data_export_version }} CSV，UTF-8；交易记录含开仓类型列，复盘单独导出）：</span>
|
||
<a href="/export/trade_records">交易记录</a>
|
||
<a href="/export/journal_entries">复盘记录</a>
|
||
<a href="/export/key_monitors">关键位(当前)</a>
|
||
<a href="/export/key_monitor_history">关键位历史</a>
|
||
</div>
|
||
<div class="stat-box instance-desktop-only">
|
||
<div class="stat-item"><div class="label">交易所</div><div class="value">{{ exchange_display }}</div></div>
|
||
<div class="stat-item"><div class="label">总交易</div><div class="value" id="stat-total">{{ total }}</div></div>
|
||
<div class="stat-item"><div class="label">错过次数</div><div class="value" id="stat-miss">{{ miss_count }}</div></div>
|
||
<div class="stat-item"><div class="label">胜率</div><div class="value" id="stat-rate">{{ rate }}%</div></div>
|
||
<div class="stat-item"><div class="label">资金账户(USDT)</div><div class="value" id="total-capital">{% if funding_usdt is not none %}{{ funds_fmt(funding_usdt) }}U{% else %}—{% endif %}</div></div>
|
||
<div class="stat-item"><div class="label">交易日</div><div class="value">{{ trading_day }}</div></div>
|
||
<div class="stat-item"><div class="label">当日资金(交易账户)</div><div class="value" id="current-capital">{{ funds_fmt(current_capital) }}U</div></div>
|
||
</div>
|
||
{% if include_transfer_block %}
|
||
{% include 'gate_transfer_block.html' %}
|
||
{% endif %}
|
||
|
||
<div id="embed-page-root">
|
||
{% include 'embed_page_fragment.html' %}
|
||
</div>
|
||
</div>
|
||
|
||
<div class="modal" id="imgModal" onclick="closeModal()">
|
||
<img id="bigImg" src="" alt="screenshot">
|
||
</div>
|
||
<div class="detail-modal" id="detailModal" onclick="closeDetailModal(event)">
|
||
<div class="panel" onclick="event.stopPropagation()">
|
||
<div class="panel-head">
|
||
<div class="panel-title" id="detailTitle">详情</div>
|
||
<div class="panel-actions">
|
||
<button type="button" class="panel-fs" onclick="expandDetailToFullscreen()">全屏</button>
|
||
<button type="button" class="panel-close" onclick="forceCloseDetailModal()">关闭</button>
|
||
</div>
|
||
</div>
|
||
<div class="panel-body" id="detailBody"></div>
|
||
<img id="detailImage" class="panel-image" src="" alt="detail-image" style="display:none" onclick="showImage(this.src)">
|
||
</div>
|
||
</div>
|
||
|
||
<script src="/static/instance_ui.js?v=3"></script>
|
||
<script src="/static/instance_records_mobile.js?v=2"></script>
|
||
<script src="/static/time_close_ui.js?v=2"></script>
|
||
<script src="/static/ai_review_render.js?v=2"></script>
|
||
<script src="/static/form_submit_guard.js?v=2"></script>
|
||
<script src="/static/manual_order_rr_preview.js?v=3"></script>
|
||
<script src="/static/key_monitor_form.js?v=1"></script>
|
||
{% include 'embed_boot_scripts.html' %}
|
||
<script src="/static/instance_embed.js?v=1"></script>
|
||
</body>
|
||
</html>
|