82 lines
6.3 KiB
HTML
82 lines
6.3 KiB
HTML
<section id="sentimentCycleView" class="workspace-view page active-view redesigned-sentiment-view">
|
||
<div class="section-toolbar lad-head sentiment-cycle-toolbar redesigned-page-head">
|
||
<div class="section-title-group">
|
||
<h2>情绪周期</h2>
|
||
<span class="section-subtitle">用温度与阶段读懂市场情绪 · <b id="sentimentHistoryDateRange">--</b></span>
|
||
</div>
|
||
<div class="toolbar-controls">
|
||
<div class="segmented sentiment-range-selector" role="group" aria-label="统计交易日范围">
|
||
<button class="segment sentiment-range-button" type="button" data-sentiment-range="10">10日</button>
|
||
<button class="segment sentiment-range-button active" type="button" data-sentiment-range="20">20日</button>
|
||
<button class="segment sentiment-range-button" type="button" data-sentiment-range="60">60日</button>
|
||
</div>
|
||
<button id="sentimentExportButton" class="button" type="button">导出 CSV</button>
|
||
</div>
|
||
</div>
|
||
<div id="sentimentHistoryNotice" class="inline-notice" hidden></div>
|
||
<div class="sentiment-cycle-analysis emo-grid redesigned-emotion-grid">
|
||
<div class="sentiment-analysis-main">
|
||
<section class="sentiment-trend-panel card redesigned-card">
|
||
<div class="workspace-heading card-h redesigned-card-head"><h3>温度走势</h3><span id="sentimentPeriodNote">连续交易日情绪温度与阶段转折</span><span id="sentimentCurrentTag" class="sentiment-current-tag">--</span></div>
|
||
<div class="sentiment-chart-legend" aria-hidden="true"><span class="temperature-line">情绪温度</span><span class="retreat-point">退潮 / 冰点</span><span class="repair-point">修复转折</span><span class="temperature-average">五日均线</span></div>
|
||
<div class="sentiment-chart-shell">
|
||
<canvas id="sentimentTrendChart" aria-label="市场情绪温度走势图"></canvas>
|
||
<div id="sentimentChartTooltip" class="sentiment-chart-tooltip" hidden></div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<aside class="sentiment-analysis-rail">
|
||
<section class="sentiment-cycle-summary card redesigned-card" aria-label="最新情绪状态">
|
||
<div class="workspace-heading card-h redesigned-card-head"><h3>当前阶段</h3><span class="sentiment-auto-tag">自动识别</span></div>
|
||
<div class="sentiment-phase-block">
|
||
<div id="sentimentCycleScoreMarker" class="sentiment-current-phase-badge">
|
||
<strong id="sentimentCyclePhase">--</strong>
|
||
<span id="sentimentPhaseConfidence">置信度 --</span>
|
||
</div>
|
||
<div class="sentiment-phase-info">
|
||
<p>温度 <b id="sentimentCycleScore">--</b>，较前日 <b id="sentimentDayChange">--</b> · <span id="sentimentCycleDirection">--</span> · 封板率 <b id="sentimentSealRate">--</b> · 涨停 <b id="sentimentLimitUp">--</b> / 炸板 <b id="sentimentBroken">--</b></p>
|
||
<div id="sentimentPhaseAdvice" class="sentiment-phase-advice">等待市场结构完成判定。</div>
|
||
</div>
|
||
</div>
|
||
<div class="sentiment-feedback-strip">
|
||
<span>昨日涨停反馈 <strong id="sentimentPreviousPositive">--</strong><small id="sentimentPreviousAverage">--</small></span>
|
||
<span>统计样本 <strong id="sentimentHistoryDays">--</strong><small id="sentimentNormalization">--</small></span>
|
||
</div>
|
||
<span id="sentimentCycleLabel" hidden>--</span><span id="sentimentCycleDate" hidden>--</span>
|
||
</section>
|
||
<section class="sentiment-components-panel card redesigned-card">
|
||
<div class="workspace-heading card-h redesigned-card-head"><h3>评分构成</h3><span id="sentimentComponentSummary">五维加权</span></div>
|
||
<div id="sentimentComponentList" class="sentiment-component-list"></div>
|
||
</section>
|
||
</aside>
|
||
</div>
|
||
<div class="section-toolbar sentiment-detail-toolbar">
|
||
<div class="section-title-group"><h2>交易日明细</h2><span class="section-subtitle">涨停梯队与昨日反馈</span></div>
|
||
</div>
|
||
<div class="table-frame card tbl-wrap sentiment-history-frame">
|
||
<table class="data-table tbl sentiment-history-table">
|
||
<colgroup>
|
||
<col class="sentiment-col-date"><col class="sentiment-col-score"><col class="sentiment-col-phase"><col class="sentiment-col-direction">
|
||
<col class="sentiment-col-count"><col class="sentiment-col-count"><col class="sentiment-col-count"><col class="sentiment-col-count"><col class="sentiment-col-height">
|
||
<col class="sentiment-col-count"><col class="sentiment-col-count">
|
||
<col class="sentiment-col-feedback"><col class="sentiment-col-feedback"><col class="sentiment-col-rate">
|
||
</colgroup>
|
||
<thead>
|
||
<tr class="sentiment-history-groups">
|
||
<th colspan="4" class="group-state">情绪状态</th>
|
||
<th colspan="5" class="group-ladder">涨停结构</th>
|
||
<th colspan="2" class="group-risk">风险释放</th>
|
||
<th colspan="3" class="group-feedback">昨日反馈</th>
|
||
</tr>
|
||
<tr class="sentiment-history-columns">
|
||
<th>交易日</th><th class="num sortable">温度<span class="arr">↕</span></th><th>阶段</th><th>方向</th>
|
||
<th class="num sortable">涨停（只）<span class="arr">↕</span></th><th class="num sortable">首板（只）<span class="arr">↕</span></th><th class="num sortable">二板（只）<span class="arr">↕</span></th><th class="num sortable">三板+（只）<span class="arr">↕</span></th><th class="num sortable">高度（板）<span class="arr">↕</span></th>
|
||
<th class="num sortable">炸板（只）<span class="arr">↕</span></th><th class="num sortable">跌停（只）<span class="arr">↕</span></th><th class="num sortable">昨涨停（只）<span class="arr">↕</span></th><th class="num sortable">昨红盘（只）<span class="arr">↕</span></th><th class="num sortable">红盘率（%）<span class="arr">↕</span></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="sentimentHistoryBody"></tbody>
|
||
</table>
|
||
<div id="sentimentHistoryEmpty" class="empty-state">尚无连续交易日数据</div>
|
||
</div>
|
||
</section>
|