71 lines
2.7 KiB
HTML
71 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="/capabilities.html">🧪 能力测试</a>
|
||
<a href="/compare.html">⚖️ 模型对比</a>
|
||
</nav>
|
||
<div class="spacer"></div>
|
||
<a href="/index.html" class="hint">← 返回排行</a>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="panel">
|
||
<h2 id="m-title">模型详情</h2>
|
||
<div class="hint" id="m-sub"></div>
|
||
<div class="hint" id="m-hw" style="margin-top:6px"></div>
|
||
</div>
|
||
|
||
<div class="panel">
|
||
<h2>📈 解码速度随上下文长度变化（全部提交聚合）</h2>
|
||
<div class="chart-toolbar">
|
||
<button class="btn small primary" id="m-chart-gen">🎨 生成折线图</button>
|
||
<span class="hint" id="m-chart-status"></span>
|
||
</div>
|
||
<div class="chart-img-wrap" id="m-chart-img">
|
||
<div class="hint">左轴=预填充（虚线），右轴=解码（实线）</div>
|
||
</div>
|
||
<div class="chart-data-head" style="margin-top:8px;color:var(--muted);font-size:12px">📋 画图数据（CSV）</div>
|
||
<textarea class="chart-csv" id="m-chart-csv" readonly spellcheck="false"></textarea>
|
||
<div class="form-row" style="margin-top:8px">
|
||
<button class="btn small" id="m-chart-copy">📋 复制数据</button>
|
||
<button class="btn small" id="m-chart-dl">⬇ 下载 PNG</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="panel">
|
||
<h2>📏 按上下文长度聚合</h2>
|
||
<div class="tbl-wrap">
|
||
<table><thead><tr>
|
||
<th class="num">长度 tok</th><th class="num">提交数</th>
|
||
<th class="num">平均预填充 tok/s</th><th class="num">平均解码 tok/s</th><th class="num">首字 ms</th>
|
||
</tr></thead><tbody id="md-lengths"><tr><td colspan="5" class="empty">—</td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="panel">
|
||
<h2>📥 该模型的所有评测提交（按账号）</h2>
|
||
<div class="tbl-wrap">
|
||
<table><thead><tr>
|
||
<th>提交</th><th>账号</th><th>时间</th><th>硬件</th><th class="num">采样</th><th class="num">首字 ms</th>
|
||
<th class="num">预填充 tok/s</th><th class="num">解码 tok/s</th><th class="num">单流均解码</th>
|
||
<th class="num">并发</th><th class="num">输出 tok</th><th>测试名称</th>
|
||
</tr></thead><tbody id="md-submissions"><tr><td colspan="12" class="empty">加载中…</td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="toast"></div>
|
||
<script src="/js/app.js"></script>
|
||
</body>
|
||
</html>
|