feat: move trade journal editor into dialog
This commit is contained in:
leefer
+31
-21
@@ -928,28 +928,11 @@
|
||||
</form>
|
||||
</section>
|
||||
<section class="workspace-section trade-journal-section">
|
||||
<div class="workspace-heading"><h3>交易日志</h3><span id="tradeLogCount">0 条</span></div>
|
||||
<div class="workspace-heading trade-log-heading">
|
||||
<div><h3>交易日志记录</h3><span id="tradeLogCount">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>
|
||||
<form id="tradeLogForm" class="trade-log-form">
|
||||
<div class="trade-log-form-grid">
|
||||
<label class="form-field"><span>交易日</span><input id="tradeLogDate" type="date" required></label>
|
||||
<label class="form-field"><span>股票代码</span><input id="tradeLogCode" inputmode="numeric" pattern="[0-9]{6}" maxlength="6" required placeholder="002141"></label>
|
||||
<label class="form-field"><span>股票名称</span><input id="tradeLogName" maxlength="40" required placeholder="贤丰控股"></label>
|
||||
<label class="form-field"><span>动作</span><select id="tradeLogAction"><option value="buy">买入</option><option value="sell">卖出</option><option value="add">加仓</option><option value="trim">减仓</option><option value="watch">观察</option></select></label>
|
||||
<label class="form-field"><span>成交价格</span><input id="tradeLogPrice" type="number" min="0.001" step="0.001" required></label>
|
||||
<label class="form-field"><span>数量</span><input id="tradeLogQuantity" type="number" min="0" step="100" value="0"></label>
|
||||
<label class="form-field"><span>仓位 %</span><input id="tradeLogPosition" type="number" min="0" max="100" step="0.1" value="0"></label>
|
||||
<label class="form-field"><span>盈亏金额（可选）</span><input id="tradeLogPnlAmount" type="number" step="0.01"></label>
|
||||
<label class="form-field"><span>盈亏 %（可选）</span><input id="tradeLogPnlPct" type="number" step="0.01"></label>
|
||||
<label class="form-field"><span>当时情绪</span><select id="tradeLogEmotion"><option value="calm">平静</option><option value="confident">笃定</option><option value="hesitant">犹豫</option><option value="anxious">焦虑</option><option value="impulsive">冲动</option></select></label>
|
||||
<label class="form-field trade-tags-field"><span>标签</span><input id="tradeLogTags" maxlength="160" placeholder="计划内, 追高, 止损"></label>
|
||||
</div>
|
||||
<div class="trade-log-text-grid">
|
||||
<label class="form-field"><span>交易逻辑</span><textarea id="tradeLogThesis" maxlength="2000" placeholder="为什么在这里采取动作"></textarea></label>
|
||||
<label class="form-field"><span>执行复核</span><textarea id="tradeLogExecution" maxlength="2000" placeholder="是否按计划执行，偏差在哪里"></textarea></label>
|
||||
</div>
|
||||
<div class="dialog-actions"><button id="cancelTradeEdit" class="button" type="button" hidden>取消编辑</button><button id="saveTradeLog" class="button primary" type="submit">保存交易</button></div>
|
||||
</form>
|
||||
<div class="table-frame trade-log-table-frame">
|
||||
<table class="data-table trade-log-table">
|
||||
<thead><tr><th>日期</th><th>股票</th><th>动作</th><th class="number">价格</th><th class="number">数量</th><th class="number">仓位</th><th class="number">盈亏</th><th>情绪 / 标签</th><th>交易逻辑</th><th>执行复核</th><th>操作</th></tr></thead>
|
||||
@@ -972,6 +955,33 @@
|
||||
<span id="updatedAt">--</span>
|
||||
</footer>
|
||||
|
||||
<dialog id="tradeLogDialog" class="settings-dialog trade-log-dialog" aria-labelledby="tradeLogDialogTitle">
|
||||
<div class="dialog-header">
|
||||
<div><span class="dialog-eyebrow">我的复盘</span><h2 id="tradeLogDialogTitle">交易日志</h2></div>
|
||||
<button id="closeTradeLogDialog" class="icon-button" type="button" aria-label="关闭" title="关闭"><i data-lucide="x"></i></button>
|
||||
</div>
|
||||
<form id="tradeLogForm" class="trade-log-form">
|
||||
<div class="trade-log-form-grid">
|
||||
<label class="form-field"><span>交易日</span><input id="tradeLogDate" type="date" required></label>
|
||||
<label class="form-field"><span>股票代码</span><input id="tradeLogCode" inputmode="numeric" pattern="[0-9]{6}" maxlength="6" required placeholder="002141"></label>
|
||||
<label class="form-field"><span>股票名称</span><input id="tradeLogName" maxlength="40" required placeholder="贤丰控股"></label>
|
||||
<label class="form-field"><span>动作</span><select id="tradeLogAction"><option value="buy">买入</option><option value="sell">卖出</option><option value="add">加仓</option><option value="trim">减仓</option><option value="watch">观察</option></select></label>
|
||||
<label class="form-field"><span>成交价格</span><input id="tradeLogPrice" type="number" min="0.001" step="0.001" required></label>
|
||||
<label class="form-field"><span>数量</span><input id="tradeLogQuantity" type="number" min="0" step="100" value="0"></label>
|
||||
<label class="form-field"><span>仓位 %</span><input id="tradeLogPosition" type="number" min="0" max="100" step="0.1" value="0"></label>
|
||||
<label class="form-field"><span>盈亏金额（可选）</span><input id="tradeLogPnlAmount" type="number" step="0.01"></label>
|
||||
<label class="form-field"><span>盈亏 %（可选）</span><input id="tradeLogPnlPct" type="number" step="0.01"></label>
|
||||
<label class="form-field"><span>当时情绪</span><select id="tradeLogEmotion"><option value="calm">平静</option><option value="confident">笃定</option><option value="hesitant">犹豫</option><option value="anxious">焦虑</option><option value="impulsive">冲动</option></select></label>
|
||||
<label class="form-field trade-tags-field"><span>标签</span><input id="tradeLogTags" maxlength="160" placeholder="计划内, 追高, 止损"></label>
|
||||
</div>
|
||||
<div class="trade-log-text-grid">
|
||||
<label class="form-field"><span>交易逻辑</span><textarea id="tradeLogThesis" maxlength="2000" placeholder="为什么在这里采取动作"></textarea></label>
|
||||
<label class="form-field"><span>执行复核</span><textarea id="tradeLogExecution" maxlength="2000" placeholder="是否按计划执行，偏差在哪里"></textarea></label>
|
||||
</div>
|
||||
<div class="dialog-actions"><button id="cancelTradeEdit" class="button" type="button">取消</button><button id="saveTradeLog" class="button primary" type="submit">保存交易</button></div>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
<div id="stockPreviewBackdrop" class="stock-preview-backdrop" hidden></div>
|
||||
<aside id="stockPreview" class="stock-preview" aria-label="个股行情预览" aria-live="polite" hidden>
|
||||
<header class="stock-preview-header">
|
||||
|
||||
Reference in New Issue
Block a user