@@ -286,10 +286,20 @@
}
.toc-item__title {
font-size: 13px; font-weight: 600; color: #0b1a4a; line-height: 1.35;
display: flex; align-items: flex-start; gap: 6px;
}
.toc-item__num {
flex-shrink: 0; min-width: 1.15em;
font-variant-numeric: tabular-nums; font-weight: 800; color: #0003FF;
}
.toc-item__name {
flex: 1; min-width: 0;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.toc-item.is-active .toc-item__title { color: #0003FF; }
.toc-item.is-active .toc-item__num { color: #0003FF; }
.toc-item.is-locked .toc-item__title { color: #64748b; font-weight: 500; }
.toc-item.is-locked .toc-item__num { color: #94a3b8; font-weight: 700; }
.toc-item__meta {
margin-top: 2px; font-size: 11px; color: #94a3b8;
display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
@@ -960,9 +970,13 @@
function mapCourseware(cw, source, groupTitle) {
// 预览与去上课都尊重接口 is_locked；
var locked = cw.is_locked === true;
var sortOrder = Number(cw.sort_order);
if (!isFinite(sortOrder)) sortOrder = 0;
return {
id: cw.id,
title: cw.name || '未命名课件',
displayIndex: sortOrder + 1,
sortOrder: sortOrder,
type: String(cw.format || 'html').toLowerCase(),
typeLabel: cw.format_display || cw.format || '课件',
duration: cw.duration_minutes ? (cw.duration_minutes + '分钟') : '',
@@ -980,62 +994,91 @@
return (topics || []).filter(function(t) { return !t.isLocked; }).length;
}
function buildChapters(category, source ) {
var coursewares = Array.isArray(category.coursewares) ? category.coursewares.slice() : [];
coursewares.sort(function(a, b) {
function sortCoursewares(coursewares ) {
return (coursewares || []).slice().sort(function(a, b) {
return (Number(a.sort_order) || 0) - (Number(b.sort_order) || 0);
});
var groups = Array.isArray(category.groups) ? category.groups.slice() : [];
var chapters = [];
}
if (groups.length ) {
chapters = groups.map(function(g, idx) {
var gName = g.group_name || ('分组' + (idx + 1));
var topics = coursewares.filter(function(cw) {
return String(cw.group_name || '') === String(g.group_name || '');
}).map(function(cw) { return mapCourseware(cw, source, gName); }) ;
// 始终按课件实际锁定状态统计，避免 groups.unlocked_ cou nt 与课件列表不一致
return {
id: idx + 1,
title: gName,
count: topics.length || Number(g.course_count) || 0,
unlocked: countUnlockedTopics(topics),
topics: topics
};
});
var groupedNames = {};
groups.forEach(function(g) { groupedNames[String(g.group_name || '')] = true; });
var orphans = coursewares.filter(function(cw) {
var gn = String(cw.group_name || '');
return !Object.prototype.hasOwnProperty.call(groupedNames, gn);
});
if (orphans.length) {
var orphanTopics = orphans.map(function(cw) {
return mapCourseware(cw, source, '其他课件');
});
chapters.push({
id: chapters.length + 1,
title: '其他课件',
count: orphanTopics.length,
unlocked: countUnlockedTopics(orphanTopics),
topics: orphanTopics
function collectCoursewares(container ) {
if (!container) return [];
if (Array.isArray(container.coursewares) && container.coursewares.length) {
return container.coursewares.slice();
}
var list = [] ;
if (Array.isArray( container.groups)) {
container.groups.forEach(function(g) {
if (Array.isArray(g.coursewares)) {
g.coursewares.forEach(function(cw) { list.push(cw); });
}
});
}
} else {
var topics = coursewares.map(function(cw) {
return mapCourseware(cw, source, category.name || courseName);
return list;
}
function chapterFromCoursewares(coursewares, opts) {
var title = opts.title || '课件列表';
var topics = sortCoursewares(coursewares).map(function(cw) {
return mapCourseware(cw, opts.source, title);
});
chapters = [ {
id: 1 ,
title: category.name || courseName || '课件列表' ,
return {
id: opts.id ,
indexLabel: opts.indexLabel != null ? opts.indexLabel : opts.id ,
title: title,
intro: opts.intro || '',
count: topics.length,
unlocked: countUnlockedTopics(topics),
topics: topics
}] ;
} ;
}
return chapters;
function buildChapters(category, source) {
var semesters = Array.isArray(category.semesters) ? category.semesters.slice() : [];
if (semesters.length) {
semesters.sort(function(a, b) {
return (Number(a.sort_order) || 0) - (Number(b.sort_order) || 0);
});
return semesters.map(function(sem, idx) {
var title = String(sem.name || '').trim() || ('第' + (idx + 1) + '学期');
return chapterFromCoursewares(collectCoursewares(sem), {
source: source,
id: sem.id != null ? sem.id : (idx + 1),
indexLabel: Number(sem.sort_order) || (idx + 1),
title: title,
intro: sem.intro || ''
});
});
}
var coursewares = collectCoursewares(category);
var groups = Array.isArray(category.groups) ? category.groups.slice() : [];
var namedGroups = groups.filter(function(g) {
return String(g.group_name || '').trim();
});
if (namedGroups.length) {
return namedGroups.map(function(g, idx) {
var gName = String(g.group_name || '').trim();
var list = Array.isArray(g.coursewares) && g.coursewares.length
? g.coursewares
: coursewares.filter(function(cw) {
return String(cw.group_name || '') === String(g.group_name || '');
});
return chapterFromCoursewares(list, {
source: source,
id: idx + 1,
indexLabel: idx + 1,
title: gName
});
});
}
return [chapterFromCoursewares(coursewares, {
source: source,
id: 1,
indexLabel: 1,
title: category.name || courseName || '课件列表'
})];
}
function flattenLessons(chapters) {
@@ -1093,7 +1136,7 @@
return;
}
stageTitle.textContent = lesson.title;
stageTitle.textContent = (lesson.displayIndex != null ? (lesson.displayIndex + '. ') : '') + lesson.title;
var metaParts = [];
if (lesson.groupTitle) metaParts.push(lesson.groupTitle);
if (lesson.typeLabel) metaParts.push(lesson.typeLabel);
@@ -1143,6 +1186,12 @@
document.getElementById('stageFrame').removeAttribute('src');
}
function resetLockControl(btn) {
if (!btn) return;
btn.classList.remove('is-loading');
btn.disabled = false;
}
function syncLockedPanel(lesson) {
var desc = document.getElementById('stageLockedDesc');
var unlockBtn = document.getElementById('stageUnlockBtn');
@@ -1153,6 +1202,8 @@
: '请联系老师解锁相关内容。';
}
if (!unlockBtn) return;
// 大按钮是常驻 DOM， ，
resetLockControl(unlockBtn);
if (teacherCanUnlock) {
unlockBtn.classList.add('is-visible');
unlockBtn.setAttribute('data-id', String(lesson.id));
@@ -1328,15 +1379,16 @@
var keepLessonId = opts.keepLessonId != null ? opts.keepLessonId : currentLessonId;
listEl.innerHTML = chaptersCache.map(function(ch, idx) {
var allUnlocked = ch.topics.length > 0 && ch.topics.every(function(t) { return !t.isLocked; }) ;
var topics = ch.topics || [] ;
var allUnlocked = topics.length > 0 && topics.every(function(t) { return !t.isLocked; });
var isOpen = opts.preserveOpen
? openGroupIds.indexOf(String(ch.id)) !== -1
: idx === 0;
if (!opts.preserveOpen && keepLessonId) {
var hasKeep = ch. topics.some(function(t) { return String(t.id) === String(keepLessonId); });
var hasKeep = topics.some(function(t) { return String(t.id) === String(keepLessonId); });
if (hasKeep) isOpen = true;
}
var items = ch. topics.map(function(t) {
var items = topics.map(function(t) {
var tagClass = 'toc-item__tag--' + (t.status || 'doing');
var meta = escapeHtml(t.typeLabel || t.type || '课件');
if (t.duration) meta += ' · ' + escapeHtml(t.duration);
@@ -1354,7 +1406,10 @@
return '<div class="' + itemClass + '" data-id="' + t.id + '" role="button" tabindex="0"' + itemTitle + '>' +
'<div class="toc-item__icon"><img src="../images/aigc/icon_book.png" alt="" /></div>' +
'<div class="toc-item__body">' +
'<div class="toc-item__title">' + escapeHtml(t.title) + '</div>' +
'<div class="toc-item__title">' +
'<span class="toc-item__num">' + escapeHtml(String(t.displayIndex != null ? t.displayIndex : '')) + '</span>' +
'<span class="toc-item__name">' + escapeHtml(t.title) + '</span>' +
'</div>' +
'<div class="toc-item__meta">' +
'<span>' + meta + '</span>' +
'<span class="toc-item__tag ' + tagClass + '">' + escapeHtml(statusLabels[t.status] || '') + '</span>' +
@@ -1370,7 +1425,7 @@
: '';
return '<div class="toc-group' + (isOpen ? ' is-open' : '') + '" data-group-id="' + ch.id + '">' +
'<button type="button" class="toc-group__head" data-toggle-group="' + ch.id + '">' +
'<span class="toc-group__idx' + (allUnlocked ? ' is-done' : '') + '">' + (allUnlocked ? '✓' : ch.id) + '</span>' +
'<span class="toc-group__idx' + (allUnlocked ? ' is-done' : '') + '">' + (allUnlocked ? '✓' : escapeHtml(String(ch.indexLabel || ch.id))) + '</span>' +
'<span class="toc-group__meta">' +
'<div class="toc-group__name">' + escapeHtml(ch.title) + '</div>' +
unlockCountHtml +
@@ -1471,10 +1526,8 @@
} catch (error) {
console.error('[course-detail] toggle lock failed', error);
showToast((error && error.message) || '锁定状态切换失败', 'error');
if (btn) {
btn.classList.remove('is-loading' );
btn.disabled = false;
}
} finally {
resetLockControl(btn );
}
}
@@ -1500,7 +1553,10 @@
if (!response.ok || (result && result.success === false)) {
throw new Error((result && result.message) || ('HTTP ' + response.status));
}
var data = ( result && result.data) || {};
var data = result || {};
if (data.data && (Array.isArray(data.data.categories) || data.data.source)) {
data = data.data;
}
courseSource = data.source || (classId ? 'class' : 'all');
var categories = Array.isArray(data.categories) ? data.categories : [];
var category = categories[0] || null;
Evan