dekun
101 lines
4.3 KiB
HTML
101 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>币安 U本位 成交额 Top30</title>
|
|
<link rel="stylesheet" href="/static/style.css" />
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<h1>币安 U本位合约 · 成交额排名</h1>
|
|
<p class="subtitle">北京时间 08:00 切日 · Top30 · 今日每4小时自动刷新+手动 · 08:10 企微推送三日交集</p>
|
|
</header>
|
|
|
|
<nav class="main-nav" id="main-nav">
|
|
<button type="button" class="nav-item active" data-view="today">今日周期</button>
|
|
<button type="button" class="nav-item" data-view="yesterday">昨日周期</button>
|
|
<button type="button" class="nav-item" data-view="daybefore">前日周期</button>
|
|
<button type="button" class="nav-item" data-view="stats">数据统计</button>
|
|
</nav>
|
|
|
|
<main id="view-today" class="view-panel active">
|
|
<section class="panel">
|
|
<div class="panel-head">
|
|
<h2>今日周期 <span class="live">4h+手动</span></h2>
|
|
<span class="period" id="today-period">—</span>
|
|
<span class="updated" id="today-updated"></span>
|
|
<div class="panel-actions">
|
|
<button type="button" class="btn-secondary" data-export="today">导出 CSV</button>
|
|
<button type="button" class="btn-secondary" data-reset="today">默认排序</button>
|
|
</div>
|
|
</div>
|
|
<div class="table-wrap" id="today-table-wrap"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<main id="view-yesterday" class="view-panel">
|
|
<section class="panel">
|
|
<div class="panel-head">
|
|
<h2>昨日周期</h2>
|
|
<span class="period" id="yesterday-period">—</span>
|
|
<span class="updated" id="yesterday-updated"></span>
|
|
<div class="panel-actions">
|
|
<button type="button" class="btn-secondary" data-export="yesterday">导出 CSV</button>
|
|
<button type="button" class="btn-secondary" data-reset="yesterday">默认排序</button>
|
|
</div>
|
|
</div>
|
|
<div class="table-wrap" id="yesterday-table-wrap"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<main id="view-daybefore" class="view-panel">
|
|
<section class="panel">
|
|
<div class="panel-head">
|
|
<h2>前日周期</h2>
|
|
<span class="period" id="daybefore-period">—</span>
|
|
<span class="updated" id="daybefore-updated"></span>
|
|
<div class="panel-actions">
|
|
<button type="button" class="btn-secondary" data-export="daybefore">导出 CSV</button>
|
|
<button type="button" class="btn-secondary" data-reset="daybefore">默认排序</button>
|
|
</div>
|
|
</div>
|
|
<div class="table-wrap" id="daybefore-table-wrap"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<main id="view-stats" class="view-panel">
|
|
<section class="panel">
|
|
<div class="panel-head">
|
|
<h2>数据统计</h2>
|
|
<span class="period" id="stats-criteria">—</span>
|
|
<span class="updated" id="stats-summary"></span>
|
|
<div class="panel-actions">
|
|
<button type="button" class="btn-secondary" id="btn-reload-stats">重新统计</button>
|
|
<button type="button" class="btn-secondary" id="btn-export-stats">导出 CSV</button>
|
|
<button type="button" class="btn-secondary" id="btn-push-preview">预览企微推送</button>
|
|
<button type="button" class="btn-secondary" id="btn-push-test">测试推送企微</button>
|
|
</div>
|
|
</div>
|
|
<p class="stats-desc" id="stats-desc"></p>
|
|
<section class="wecom-preview-panel hidden" id="wecom-preview-panel">
|
|
<h3>企微推送预览 <span class="wecom-preview-meta" id="wecom-preview-meta"></span></h3>
|
|
<p class="stats-desc">仅包含「三日 Top30 交集」币种；企微为紧凑单行/币，超过 4096 字自动分多条发送。</p>
|
|
<div id="wecom-preview-cards" class="wecom-preview-cards"></div>
|
|
</section>
|
|
<div class="table-wrap" id="stats-table-wrap"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<button type="button" id="btn-refresh">立即刷新今日</button>
|
|
<span id="status"></span>
|
|
<span id="push-status" class="push-status"></span>
|
|
</footer>
|
|
|
|
<script src="/static/charts.js"></script>
|
|
<script src="/static/funding.js"></script>
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|