Files
model-eval-site/static/index.html
T

66 lines
2.7 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>模型评测 · 运行速度排行</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class="topbar">
<div class="brand"><span class="logo"></span> 模型评测站</div>
<nav class="nav">
<a href="/index.html">🏆 速度排行</a>
<a href="/submissions.html">📥 提交管理</a>
<a href="/accounts.html">👥 账号</a>
</nav>
<div class="spacer"></div>
<span class="hint">llm-speed-tester 一键同步</span>
</div>
<div class="container">
<div class="stat-cards">
<div class="stat-card"><div class="k">评测模型数</div><div class="v" id="st-models"></div></div>
<div class="stat-card"><div class="k">评测提交数</div><div class="v" id="st-subs"></div></div>
<div class="stat-card"><div class="k">测试账号数</div><div class="v" id="st-accounts"></div></div>
<div class="stat-card"><div class="k">成功采样</div><div class="v" id="st-samples"></div></div>
</div>
<div class="panel">
<h2>🏆 模型运行速度排行 <span class="hint">(点击表头可排序;按模型+提供商聚合所有提交)</span></h2>
<div class="tbl-wrap">
<table id="lb">
<thead><tr>
<th class="num">#</th>
<th>提供商</th>
<th>模型</th>
<th class="num" data-sort="cnt">提交<span class="arrow"></span></th>
<th class="num" data-sort="accounts">账号<span class="arrow"></span></th>
<th class="num" data-sort="avg_decode_speed">平均解码 tok/s<span class="arrow"></span></th>
<th class="num" data-sort="avg_prefill_speed">平均预填充 tok/s<span class="arrow"></span></th>
<th class="num" data-sort="avg_ttft_ms">首字 ms<span class="arrow"></span></th>
<th class="num" data-sort="best_decode">最佳解码 tok/s<span class="arrow"></span></th>
<th class="num" data-sort="last_tested">最后测试<span class="arrow"></span></th>
</tr></thead>
<tbody><tr><td colspan="10" class="empty">加载中…</td></tr></tbody>
</table>
</div>
</div>
<div class="panel">
<h2>📊 解码速度 TOP20 对比图</h2>
<div class="chart-toolbar">
<button class="btn small primary" id="lb-chart-gen">🎨 生成/刷新图表</button>
<span class="hint" id="lb-chart-status"></span>
</div>
<div class="chart-img-wrap" id="lb-chart-img">
<div class="hint">点击上方按钮绘制:模型解码速度(实心柱)+ 预填充(空心柱)+ 首字延迟(虚线)</div>
</div>
</div>
</div>
<div id="toast"></div>
<script src="/js/app.js"></script>
</body>
</html>