dekun
e8b4dbbaca
新增 stats_engine 与 stats_cache，提供 API 自动加载 8 种统计维度；交易与复盘变更时自动刷新缓存。 Co-authored-by: Cursor <cursoragent@cursor.com>
60 lines
3.6 KiB
HTML
60 lines
3.6 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}统计分析 - 国内期货监控系统{% endblock %}
|
|
{% block content %}
|
|
|
|
<div class="stats-toolbar">
|
|
<span id="stats-updated" class="hint">正在加载统计…</span>
|
|
<button type="button" class="btn-secondary" id="stats-refresh-btn">重新计算</button>
|
|
</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 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>
|
|
|
|
<style>
|
|
.stats-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
|
|
.stats-toolbar .btn-secondary{width:auto;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--input-border);background:var(--toggle-bg);color:var(--text-primary);cursor:pointer;font-size:.85rem}
|
|
.stats-toolbar .btn-secondary:hover{border-color:var(--accent);color:var(--accent)}
|
|
.stat-grid-summary{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
|
|
.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 extra_js %}
|
|
<script src="{{ url_for('static', filename='js/stats.js') }}"></script>
|
|
{% endblock %}
|