diff --git a/app/static/css/main.css b/app/static/css/main.css index 78eda54..099958f 100644 --- a/app/static/css/main.css +++ b/app/static/css/main.css @@ -2056,6 +2056,15 @@ button.close:focus, margin-left: 5px; } +/* 统一创建/编辑任务 与 编辑元数据 模态框的标题转圈样式 */ +#createTaskModal .spinner-border-sm, +#editMetadataModal .spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.15em; + margin-left: 5px; +} + /* --------------- 深度搜索任务建议样式 --------------- */ .task-suggestions { width: 100%; @@ -6384,6 +6393,8 @@ body .selectable-files tr.selected-file:has([style*="white-space: normal"]) .fil overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); margin-bottom: 10px; + /* 默认占位背景，避免纯白闪烁 */ + background: #f3f3f3 url('../images/no-poster.svg') center/contain no-repeat; } .discovery-poster img { diff --git a/app/templates/index.html b/app/templates/index.html index daeac82..5f0b19d 100644 --- a/app/templates/index.html +++ b/app/templates/index.html @@ -1236,17 +1236,21 @@
-
+
@@ -1262,7 +1266,7 @@
-
+
@@ -1281,7 +1285,7 @@
{{ getTransferProgress(getCalendarTaskByName(task.taskname)) }}% @@ -1289,7 +1293,7 @@ -
+
#{{ String((task.__originalIndex !== undefined ? task.__originalIndex : index) + 1).padStart(2, '0') }}
@@ -2679,7 +2683,9 @@
-
编辑元数据
+
编辑元数据 + +
@@ -2925,6 +2931,7 @@ modalLoading: false, // 编辑元数据状态 editMetadata: { + loading: false, visible: false, original: { task_name: '', @@ -3187,6 +3194,8 @@ // 任务列表视图模式：list 或 poster（默认列表视图，支持持久化） viewMode: (localStorage.getItem('tasklist_view_mode') === 'poster') ? 'poster' : 'list' }, + // 任务列表海报加载标记：taskname -> boolean（用于优先显示图片，再渐进显示其他信息） + tasklistPosterLoaded: {}, // 任务列表排序设置（记忆到localStorage） tasklistSort: (() => { try { @@ -3877,7 +3886,60 @@ } else if (by === 'progress') { const ap = (this.getTaskProgress && this.getTaskProgress(a.t.taskname) != null) ? Number(this.getTaskProgress(a.t.taskname)) : -1; const bp = (this.getTaskProgress && this.getTaskProgress(b.t.taskname) != null) ? Number(this.getTaskProgress(b.t.taskname)) : -1; - cmp = ap - bp; + // 1) 主排序：任务进度（支持升降序） + const pDiff = ap - bp; + if (pDiff !== 0) { + cmp = pDiff; + } else { + // 2) 次排序：节目状态优先级（与主排序方向一致，通过最终 factor 生效） + const getStatusPriority = (task) => { + try { + // 任务对象可能为任务配置，需要先从日历任务映射中取状态 + const calTask = this.getCalendarTaskByName(task && (task.taskname || task.task_name)); + const status = this.getTaskShowStatus(calTask || task) || ''; + if (status === '本季终') return 1; + if (status === '已取消') return 2; + if (status === '已完结') return 3; + return 0; // 播出中/无状态 + } catch (e) { return 0; } + }; + const aStatus = getStatusPriority(a.t); + const bStatus = getStatusPriority(b.t); + const sDiff = aStatus - bStatus; + if (sDiff !== 0) { + cmp = sDiff; // 顺序：播出中/无 < 本季终 < 已取消 < 已完结（方向由最终 factor 决定） + } else { + // 3) 三次排序：节目的播出进度（已播出/总集数），与主排序同方向 + const getBroadcastPct = (task) => { + try { + const calTask = this.getCalendarTaskByName(task && (task.taskname || task.task_name)); + const aired = this.getTaskAiredCount(calTask || {}); + const total = this.getTaskTotalCount(calTask || {}); + if (!total || total <= 0) return 0; + return aired / total; + } catch (e) { return 0; } + }; + const aPct = getBroadcastPct(a.t); + const bPct = getBroadcastPct(b.t); + const pctDiff = aPct - bPct; + if (pctDiff !== 0) { + cmp = pctDiff; + } else { + // 3.1) 百分比也相同：按节目总集数排序（与主排序同方向） + const aTotal = this.getTaskTotalCount(this.getCalendarTaskByName(a.t && (a.t.taskname || a.t.task_name)) || {}); + const bTotal = this.getTaskTotalCount(this.getCalendarTaskByName(b.t && (b.t.taskname || b.t.task_name)) || {}); + const totalDiff = aTotal - bTotal; + if (totalDiff !== 0) { + cmp = totalDiff; + } else { + // 4) 末级排序：任务编号（#XX），与主排序同方向 + const aNum = parseInt((a.t.taskname || '').match(/^#?(\d+)/)?.[1] || '0'); + const bNum = parseInt((b.t.taskname || '').match(/^#?(\d+)/)?.[1] || '0'); + cmp = aNum - bNum; + } + } + } + } } else if (by === 'update_time') { // 按任务最近转存时间排序 const aRecord = this.taskLatestRecords[a.t.taskname]; @@ -5217,6 +5279,19 @@ // 保存编辑元数据 async saveEditMetadata() { try { + this.editMetadata.loading = true; + // 立即刷新一次视图，确保标题处 spinner 及时渲染 + await this.$nextTick(); + // 直接强制显示并触发一次重绘，确保首帧可见 + try { + var __sp = document.querySelector('#editMetadataModal .modal-title .spinner-border'); + if (__sp) { + __sp.style.display = 'inline-block'; + void __sp.offsetHeight; + } + } catch (e) {} + // 再让出到宏任务队列，确保浏览器先完成一次绘制 + await new Promise(function(resolve){ setTimeout(resolve, 0); }); if (!this.editMetadata || !this.editMetadata.form) return; const payload = { task_name: this.editMetadata.original.task_name, @@ -5346,6 +5421,8 @@ } } catch (e) { this.showToast('保存失败：' + (e.response?.data?.message || e.message)); + } finally { + this.editMetadata.loading = false; } }, // 根据输入内容自适应季数输入框宽度，最小32px @@ -5835,7 +5912,13 @@ } else if (sname && this.imageCacheBustByShowName && this.imageCacheBustByShowName[sname]) { tick = this.imageCacheBustByShowName[sname]; } else { - tick = this.imageCacheBustTick || 0; + // 优化：任务列表海报视图下，未命中特定节目/名称的情况下不使用全局穿透参数，避免本地海报反复绕过浏览器缓存 + // 仅对日历等视图保留全局 bust（以确保热更新及时生效） + if (this.activeTab === 'calendar') { + tick = this.imageCacheBustTick || 0; + } else { + tick = 0; + } } } catch (e) { tick = this.imageCacheBustTick || 0; } return tick ? `${path}?t=${tick}` : path; @@ -13022,9 +13105,23 @@ // 计算主内容区域可用宽度 const availableWidth = windowWidth - sidebarWidth - 20; // 减去侧边栏宽度和左右边距 - + // 根据页面宽度模式应用最大宽度上限，避免中/窄模式下超限 + // 对应 CSS: .page-width-narrow/.page-width-medium/.page-width-wide 的 container-fluid max-width + let maxContentWidth; + if (this.pageWidthMode === 'narrow') { + maxContentWidth = 1440; // 与 CSS 保持一致 + } else if (this.pageWidthMode === 'medium') { + maxContentWidth = 1680; // 与 CSS 保持一致 + } else { + maxContentWidth = 2160; // 宽模式上限 + } + // 主内容区域在 Bootstrap 栅格中通常占 10/12 宽度（col-md-10 col-lg-10），需要按比例折算 + // 这里以可视窗口宽度估算容器宽度并取上限，再减去侧边栏与边距后作为可用宽度 + const containerMaxWidth = Math.min(windowWidth, maxContentWidth); + const maxAvailableByMode = containerMaxWidth - sidebarWidth - 20; + const boundedWidth = Math.min(availableWidth, maxAvailableByMode); - return Math.max(availableWidth, 300); // 确保最小可用宽度为300px + return Math.max(boundedWidth, 300); // 确保最小可用宽度为300px }, // 格式化日期为YYYY-MM-DD格式（使用本地时间）