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

71 lines
3.3 KiB
HTML
Raw Normal View History

<!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="/capabilities.html">🧪 能力测试</a>
<a href="/compare.html">⚖️ 模型对比</a>
</nav>
<div class="spacer"></div>
<a href="/admin.html" class="hint">⚙️ 后台管理</a>
</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 class="stat-card"><div class="k">能力测试项</div><div class="v" id="st-caps"></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>硬件</th>
<th class="num" data-sort="last_tested">最后测试<span class="arrow"></span></th>
</tr></thead>
<tbody><tr><td colspan="11" class="empty">加载中…</td></tr></tbody>
</table>
</div>
</div>
<div class="panel">
<h2>📊 解码速度对比图 <span class="hint">(默认对比全部模型,可勾选指定模型后重新生成)</span></h2>
<div class="hint" style="margin-bottom:8px">选择要对比的模型(默认全部):</div>
<div class="chips" id="lb-chart-models"></div>
<div class="form-row" style="margin-top:10px">
<button class="btn small" id="lb-chart-all">✅ 全选</button>
<button class="btn small" id="lb-chart-none">❌ 清空</button>
<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>