v2.6.0 历史分页+筛选+搜索+表头升降排序;一键清空历史(DELETE /api/tests);右下角置顶/置底悬浮按钮

This commit is contained in:
2026-09-06 02:32:35 +08:00
parent 901232c75f
commit edbaedce15
7 changed files with 346 additions and 49 deletions
+34
View File
@@ -184,6 +184,17 @@ body {
.console .ln.sys { color: #5b6b8c; font-style: italic; }
/* ── 历史表 ── */
.hist-filters {
display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
margin-bottom: 10px;
}
.hist-filters select {
background: var(--panel2); color: var(--text); border: 1px solid var(--border);
border-radius: 8px; padding: 7px 10px; font-size: 12.5px; outline: none;
}
.hist-filters select:focus { border-color: var(--accent); }
.hist-filters .icon-input { min-width: 160px; }
.table-wrap { overflow-x: auto; }
table.history { width: 100%; border-collapse: collapse; font-size: 13px; }
.history th, .history td { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--border); white-space: nowrap; }
@@ -192,6 +203,17 @@ table.history { width: 100%; border-collapse: collapse; font-size: 13px; }
.history td.num { font-family: var(--mono); }
.history .chk-col { width: 34px; text-align: center; }
.history .chk-col input { width: 15px; height: 15px; cursor: pointer; accent-color: var(--accent); }
.history th.sortable { cursor: pointer; user-select: none; }
.history th.sortable:hover { color: var(--accent); }
.history th.sortable.asc::after { content: " ▲"; font-size: 10px; }
.history th.sortable.desc::after { content: " ▼"; font-size: 10px; }
/* 历史分页条 */
.hist-pager {
display: flex; align-items: center; justify-content: center; gap: 14px;
margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--border);
}
.hist-pager .btn:disabled { opacity: .4; cursor: not-allowed; }
.status-pill { padding: 2px 10px; border-radius: 12px; font-size: 11px; }
.status-pill.running { background: rgba(79,140,255,.15); color: var(--accent); }
.status-pill.done { background: rgba(34,197,139,.15); color: var(--accent2); }
@@ -257,6 +279,18 @@ pre.json-box {
padding: 10px; font: 11.5px/1.6 var(--mono); overflow: auto; max-height: 260px; color: #a8f0d0;
}
/* ── 右下角一键置顶/置底 ── */
.scroll-fab {
position: fixed; right: 20px; bottom: 20px;
display: flex; flex-direction: column; gap: 8px; z-index: 60;
}
.fab {
width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border);
background: var(--panel2); color: var(--text); font-size: 16px; cursor: pointer;
box-shadow: 0 4px 14px rgba(0,0,0,.45); transition: .15s; line-height: 1;
}
.fab:hover { border-color: var(--accent); color: var(--accent); }
@media (max-width: 1000px) {
.layout { grid-template-columns: 1fr; }
.config-panel { position: static; }