zikai
1c0f776571
- 工具栏新增「批量硬删」按钮，实时显示选中数，无选中时禁用 - 表头复选框全选/反选，行复选框多选，行级选中状态同步全选框 - 批量删除并发执行 DELETE，逐项淡出移除并汇总结果 toast - 单条与批量删除均直接执行，移除 confirm() 二次确认 - 新增 .col-check 复选框列样式（窄宽居中）
47 lines
2.5 KiB
CSS
47 lines
2.5 KiB
CSS
/* PDF 转换管理页样式（含任务表格、进度条、软删行标注）。
|
||
用户侧 PDF 转换页由 zMainPage 的 zPDF_package 组件提供（构建期 import），
|
||
zTools2 不再托管用户 UI；本文件仅服务 /api/pdf-admin 管理页。 */
|
||
.jobs-table th.col-size { width: 7em; }
|
||
.jobs-table th.col-status { width: 9em; }
|
||
.jobs-table th.col-del { width: 8em; }
|
||
.jobs-table th.col-time { width: 11em; }
|
||
.jobs-table th.col-act { width: 11em; text-align: right; }
|
||
.jobs-table td.col-act { text-align: right; white-space: nowrap; }
|
||
.jobs-table td.col-act .btn { padding: 0.3em 0.8em; font-size: 0.85em; margin-left: 0.3em; }
|
||
.jobs-table td.col-name { font-weight: 600; word-break: break-all; }
|
||
|
||
/* 复选框列：窄宽居中，避免视觉噪声 */
|
||
.jobs-table th.col-check,
|
||
.jobs-table td.col-check { width: 2.5em; text-align: center; vertical-align: middle; }
|
||
.jobs-table td.col-check input { cursor: pointer; }
|
||
|
||
.bar { height: 8px; background: var(--surface-2); border-radius: 6px; overflow: hidden; border: 1px solid var(--border); }
|
||
.bar__fill { height: 100%; width: 0; background: var(--primary); border-radius: 6px; transition: width 0.2s; }
|
||
.bar--sm { display: inline-block; width: 90px; vertical-align: middle; height: 6px; }
|
||
|
||
.prog { display: inline-flex; align-items: center; gap: 0.5em; font-size: 0.82em; }
|
||
.prog__label { color: var(--text-dim); white-space: nowrap; }
|
||
|
||
/* 管理页专属：覆盖 jobs-table 列宽 + 软删行标注 */
|
||
.admin-table th.col-size { width: 7em; }
|
||
.admin-table th.col-status { width: 9em; }
|
||
.admin-table th.col-del { width: 8em; }
|
||
.admin-table th.col-time { width: 11em; }
|
||
.admin-table th.col-act { width: 11em; text-align: right; }
|
||
.admin-table td.col-act { text-align: right; white-space: nowrap; }
|
||
.admin-table td.col-act .btn { padding: 0.3em 0.8em; font-size: 0.85em; margin-left: 0.3em; }
|
||
|
||
/* 用户已软删的行：淡化背景提示 */
|
||
.admin-table tbody tr.row-soft-deleted td { background: var(--danger-soft); }
|
||
.admin-table tbody tr.row-soft-deleted:hover td { background: var(--danger-soft); }
|
||
.row-removed { opacity: 0; transition: opacity 0.25s; }
|
||
|
||
.skel, .empty { padding: 1.6em; text-align: center; color: var(--text-dim); font-size: 0.9em; }
|
||
|
||
@media (max-width: 640px) {
|
||
.jobs-table th, .jobs-table td { padding: 0.5em 0.4em; }
|
||
.jobs-table th.col-time, .jobs-table td.col-time { font-size: 0.78em; }
|
||
.admin-table th, .admin-table td { padding: 0.5em 0.4em; }
|
||
.admin-table th.col-time, .admin-table td.col-time { font-size: 0.78em; }
|
||
}
|