v1.0.0 模型评测网站：模型运行速度排行(解码/预填充/首字) + 账号体系 + 接收llm-speed-tester一键发送 + 演示数据 + 图表(16016)

2026-09-02 13:14:16 +08:00
commit 1b08c95929
13 changed files with 1757 additions and 0 deletions
@@ -0,0 +1,65 @@
+<!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>