dekun/crypto_monitor
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add entry plan page with CRUD, archive flow, and win-rate stats.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-22 16:19:56 +08:00
parent bd759c42d6
commit 091317276d
9 changed files with 1876 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/index.html
+130
View File
@@ -48,6 +48,7 @@
<span id="sys-status" class="sys-pill" title="系统状态">SYNC</span>
<nav class="top-nav">
<a href="/funds" id="nav-funds">资金概况</a>
<a href="/plan" id="nav-plan">开仓计划</a>
<a href="/monitor" id="nav-monitor">监控区</a>
<a href="/market" id="nav-market">行情区</a>
<a href="/archive" id="nav-archive">内照明心</a>
@@ -59,6 +60,112 @@
</div>
</header>
<div id="page-plan" class="page hidden">
<div class="page-head">
<h1><span class="head-tag">PLN</span> 开仓计划</h1>
<p class="page-desc">计划录入 · 进行中跟踪 · 历史归档与胜率统计</p>
</div>
<div class="plan-layout">
<aside class="plan-left-panel">
<section class="plan-form-section card">
<div class="plan-panel-head">
<h2>新建计划</h2>
</div>
<form id="plan-create-form" class="plan-form">
<div class="plan-form-grid">
<label class="plan-field">
<span>日期</span>
<input id="plan-create-date" type="date" required />
</label>
<label class="plan-field">
<span>交易所</span>
<select id="plan-create-exchange" required></select>
</label>
<label class="plan-field">
<span>币种</span>
<input id="plan-create-symbol" type="text" placeholder="BTC 或 BTC/USDT" required autocomplete="off" />
</label>
<label class="plan-field">
<span>类型</span>
<select id="plan-create-type" required></select>
</label>
<label class="plan-field">
<span>趋势周期</span>
<select id="plan-create-trend-tf" required></select>
</label>
<label class="plan-field">
<span>入场周期</span>
<select id="plan-create-entry-tf" required></select>
</label>
<label class="plan-field plan-field-dir">
<span>方向</span>
<span class="plan-radio-row" id="plan-create-direction"></span>
</label>
<label class="plan-field">
<span>目标位</span>
<input id="plan-create-target" type="text" placeholder="如 68500" />
</label>
<label class="plan-field">
<span>当前区间</span>
<input id="plan-create-range" type="text" placeholder="如 67000-68000" />
</label>
<label class="plan-field plan-field-full">
<span>入场方案</span>
<select id="plan-create-scheme" required></select>
</label>
<label class="plan-field plan-field-full">
<span>备注</span>
<textarea id="plan-create-note" rows="2" placeholder="计划说明…"></textarea>
</label>
</div>
<button type="submit" class="primary plan-submit-btn">保存并进入进行中</button>
</form>
</section>
<section class="plan-active-section card">
<div class="plan-panel-head">
<h2>进行中的计划</h2>
<span id="plan-active-count" class="plan-panel-meta"></span>
</div>
<div id="plan-active-list" class="plan-active-list"></div>
</section>
</aside>
<main class="plan-right-panel">
<section class="plan-history-section card">
<div class="plan-panel-head">
<h2>计划历史</h2>
<span id="plan-history-count" class="plan-panel-meta"></span>
</div>
<div id="plan-history-list" class="plan-history-list"></div>
</section>
<section class="plan-stats-section card">
<div class="plan-panel-head">
<h2>数据统计</h2>
<span id="plan-stats-label" class="plan-panel-meta"></span>
</div>
<div class="plan-stats-toolbar">
<div class="plan-period-tabs" id="plan-stats-period-tabs" role="tablist">
<button type="button" class="plan-period-btn is-active" data-period="all">全部</button>
<button type="button" class="plan-period-btn" data-period="week">本周</button>
<button type="button" class="plan-period-btn" data-period="month">本月</button>
<button type="button" class="plan-period-btn" data-period="range">区间</button>
</div>
<span id="plan-stats-range-wrap" class="plan-stats-range hidden">
<input id="plan-stats-date-from" type="date" title="起始日" />
<span class="plan-period-sep">～</span>
<input id="plan-stats-date-to" type="date" title="结束日" />
</span>
<div class="plan-dim-tabs" id="plan-stats-dim-tabs" role="tablist">
<button type="button" class="plan-dim-btn is-active" data-dim="symbol">币种</button>
<button type="button" class="plan-dim-btn" data-dim="trend_tf">趋势周期</button>
<button type="button" class="plan-dim-btn" data-dim="entry_scheme">入场方案</button>
</div>
</div>
<div id="plan-stats-table" class="plan-stats-table-wrap"></div>
</section>
</main>
</div>
</div>
<div id="page-monitor" class="page">
<div class="page-head">
<h1><span class="head-tag">MON</span> 监控区</h1>
@@ -681,10 +788,33 @@
</div>
</div>
<div id="plan-detail-modal" class="modal hidden" aria-hidden="true">
<div class="modal-backdrop" data-plan-modal-close></div>
<div class="modal-card plan-detail-card">
<div class="modal-head">
<h3 id="plan-detail-title">计划详情</h3>
<button type="button" class="ghost plan-modal-close" data-plan-modal-close aria-label="关闭">×</button>
</div>
<div id="plan-detail-body" class="plan-detail-body"></div>
</div>
</div>
<div id="plan-edit-modal" class="modal hidden" aria-hidden="true">
<div class="modal-backdrop" data-plan-edit-close></div>
<div class="modal-card plan-edit-card">
<div class="modal-head">
<h3>修改计划</h3>
<button type="button" class="ghost plan-modal-close" data-plan-edit-close aria-label="关闭">×</button>
</div>
<form id="plan-edit-form" class="plan-form plan-edit-form"></form>
</div>
</div>
<div id="toast"></div>
<script src="https://unpkg.com/lightweight-charts@4.2.0/dist/lightweight-charts.standalone.production.js"></script>
<script src="/assets/chart_draw.js?v=20260609-market-day-split"></script>
<script src="/assets/chart.js?v=20260609-prev-day-lines"></script>
<script src="/assets/plan.js?v=20260614-entry-plan"></script>
<script src="/assets/archive.js?v=20260612-archive-ai-chat"></script>
<script src="/assets/funds.js?v=20260609-hub-funds-fold"></script>
<script src="/assets/dashboard.js?v=20260612-dash-monitor-count"></script>