58 lines
4.6 KiB
HTML
58 lines
4.6 KiB
HTML
<section id="reviewWorkspaceView" class="workspace-view page redesigned-review-view">
|
||
<header class="section-toolbar lad-head review-page-header">
|
||
<div class="section-title-group review-page-title">
|
||
<h2>我的复盘</h2>
|
||
<span class="section-subtitle">复盘日期跟随顶栏日期：<b id="reviewDataDate">--</b> · 自选跟踪、交易记录与明日计划</span>
|
||
</div>
|
||
<button id="reviewHistoryToggle" class="button review-history-toggle" type="button" aria-expanded="false" aria-controls="reviewHistoryPanel"><i data-lucide="history"></i><span>历史复盘</span></button>
|
||
</header>
|
||
<div class="review-workspace review-grid">
|
||
<div class="review-left-stack">
|
||
<section class="workspace-section watchlist-section card">
|
||
<div class="workspace-heading card-h review-card-heading">
|
||
<div><h3>自选跟踪</h3><span id="watchlistCount" class="review-count-tag">0 只</span></div>
|
||
<button id="openWatchlistDialog" class="button review-add-watch" type="button"><i data-lucide="plus"></i><span>添加自选</span></button>
|
||
</div>
|
||
<div class="table-frame tbl-wrap workspace-table-frame">
|
||
<table class="data-table tbl review-watchlist-table">
|
||
<thead><tr><th>标记</th><th>股票</th><th>所属板块</th><th class="number num">今日涨幅（%）</th><th class="number num">5日涨幅（%）</th><th class="number num">竞价关注（分）</th><th>跟踪备注</th><th>操作</th></tr></thead>
|
||
<tbody id="watchlistTableBody"></tbody>
|
||
</table>
|
||
<div id="watchlistEmpty" class="empty-state">从股票详情中添加自选，持续跟踪关键标的</div>
|
||
</div>
|
||
</section>
|
||
<section class="workspace-section trade-journal-section card">
|
||
<div class="workspace-heading card-h trade-log-heading review-card-heading">
|
||
<div><h3>交易日志</h3><span id="tradeLogCount" class="review-count-tag">0 条</span></div>
|
||
<button id="openTradeLogDialog" class="button primary" type="button"><i data-lucide="notebook-pen"></i><span>交易日志</span></button>
|
||
</div>
|
||
<div id="tradeLogSummary" class="trade-log-summary"></div>
|
||
<div class="table-frame tbl-wrap trade-log-table-frame">
|
||
<table class="data-table tbl trade-log-table">
|
||
<thead><tr><th>日期</th><th>股票</th><th>动作</th><th class="number num">仓位（%）</th><th class="number num">盈亏（%）</th><th class="number num">盈亏金额（元）</th><th>情绪 / 标签</th><th>交易复核</th><th>操作</th></tr></thead>
|
||
<tbody id="tradeLogTableBody"></tbody>
|
||
</table>
|
||
<div id="tradeLogEmpty" class="empty-state">当前日期暂无交易记录，空仓也值得记录原因</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<section class="workspace-section journal-section card">
|
||
<div class="workspace-heading card-h review-card-heading">
|
||
<h3>每日复盘</h3>
|
||
<input id="journalDate" class="date-input" type="date" aria-label="复盘日期">
|
||
</div>
|
||
<form id="journalForm" class="journal-form">
|
||
<label class="form-field journal-summary-field"><span>今日盘面一句话</span><input id="journalSummary" maxlength="500" placeholder="用一句话概括今天最重要的市场特征"></label>
|
||
<label class="form-field"><span>今日做对了什么 / 做错了什么</span><textarea id="journalContent" maxlength="5000" placeholder="对照计划与纪律： · 做对的： · 做错的： · 漏掉的信号："></textarea></label>
|
||
<label class="form-field"><span>明日策略</span><textarea id="journalPlan" maxlength="2000" placeholder="记录观察方向、触发条件、计划仓位和风险点"></textarea></label>
|
||
<p class="journal-form-hint">不求面面俱到，只记录影响下一次决策的事实。</p>
|
||
<div class="dialog-actions"><button class="button primary" type="submit"><i data-lucide="check"></i><span>完成复盘</span></button></div>
|
||
</form>
|
||
</section>
|
||
<section id="reviewHistoryPanel" class="workspace-section notes-history-section card" hidden>
|
||
<div class="workspace-heading card-h review-card-heading"><div><h3>最近复盘</h3><span id="notesCount" class="review-count-tag">0 条</span></div><small>按交易日倒序</small></div>
|
||
<div id="notesHistory" class="notes-history"><div class="empty-state">暂无复盘记录</div></div>
|
||
</section>
|
||
</div>
|
||
</section>
|