68 lines
2.5 KiB
HTML
68 lines
2.5 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="/admin.html" class="hint">⚙️ 后台管理</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="panel">
|
||
|
|
<h2>⚖️ 模型对比 <span class="hint">（默认对比全部模型；支持硬件显示；下方勾选可去留对比项）</span></h2>
|
||
|
|
|
||
|
|
<div class="hint" style="margin-bottom:8px">① 选择要对比的模型（默认全部）：</div>
|
||
|
|
<div class="chips" id="cmp-models"></div>
|
||
|
|
<div class="form-row" style="margin-top:8px">
|
||
|
|
<button class="btn small" id="cmp-all">✅ 全选</button>
|
||
|
|
<button class="btn small" id="cmp-none">❌ 清空</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="hint" style="margin:12px 0 6px">② 勾选需要展示的对比项（可去留）：</div>
|
||
|
|
<div class="col-toggles" id="cmp-cols"></div>
|
||
|
|
|
||
|
|
<div class="form-row" style="margin-top:10px">
|
||
|
|
<button class="btn primary" id="cmp-run">🔄 生成对比</button>
|
||
|
|
<span class="hint" id="cmp-status"></span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="tbl-wrap" style="margin-top:12px">
|
||
|
|
<table id="cmp-table"><thead></thead><tbody></tbody></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="panel">
|
||
|
|
<h2>📊 对比图表</h2>
|
||
|
|
<div class="chart-toolbar">
|
||
|
|
<select id="cmp-metric">
|
||
|
|
<option value="avg_decode_speed">解码速度 (tok/s)</option>
|
||
|
|
<option value="avg_prefill_speed">预填充速度 (tok/s)</option>
|
||
|
|
<option value="avg_ttft_ms">首字延迟 (ms)</option>
|
||
|
|
<option value="best_decode">最佳解码 (tok/s)</option>
|
||
|
|
</select>
|
||
|
|
<select id="cmp-chart-type">
|
||
|
|
<option value="bar">柱状图</option>
|
||
|
|
<option value="line">折线图</option>
|
||
|
|
</select>
|
||
|
|
<button class="btn small primary" id="cmp-chart-gen">🎨 生成/刷新图表</button>
|
||
|
|
<span class="hint" id="cmp-chart-status"></span>
|
||
|
|
</div>
|
||
|
|
<div class="chart-img-wrap" id="cmp-chart-img"><div class="hint">选择指标后点击生成（默认对比全部选中模型）</div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="toast"></div>
|
||
|
|
<script src="/js/app.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|