培训机构消课管理系统

表C是下月空白模板，由教师填写次月消课情况。剩余课时已自动带入。

学员列表

异动学员

续费记录

设置

教师数

学员总数

续费记录数

暂无学员，请先添加。

'; return; } // Check month attendance exists let hasAny = students.some(s => getMonthlyAttendance(s.id, m)); const wd = getWeekDates(m); let html = ``; let grandTotal = 0; let sumW1=0, sumW2=0, sumW3=0, sumW4=0, sumWo=0; const activeStudents = students.filter(s => !s.xiuxue && !s.tuifei); const xiuxueStudents = students.filter(s => s.xiuxue); const tuifeiStudents = students.filter(s => s.tuifei); activeStudents.forEach((s, i) => { const att = getMonthlyAttendance(s.id, m) || { week1: 0, week2: 0, week3: 0, week4: 0, other: 0 }; const attKey = getAttendanceKey(s.id, m); const total = (att.week1||0) + (att.week2||0) + (att.week3||0) + (att.week4||0) + (att.other||0); grandTotal += total; const remaining = getRemainingHours(s.id, m); const warnClass = remaining < 0 ? 'has-error' : ''; html += ``; sumW1 += att.week1||0; sumW2 += att.week2||0; sumW3 += att.week3||0; sumW4 += att.week4||0; sumWo += att.other||0; }); // 合计 row html += ``; // 休学 students - collapsed by default if (xiuxueStudents.length > 0) { const cid = 'cx' + currentTeacherId; html += ``; xiuxueStudents.forEach((s, i) => { const att = getMonthlyAttendance(s.id, m) || { week1: 0, week2: 0, week3: 0, week4: 0, other: 0 }; const attKey = getAttendanceKey(s.id, m); const total = (att.week1||0) + (att.week2||0) + (att.week3||0) + (att.week4||0) + (att.other||0); const remaining = getRemainingHours(s.id, m); html += ``; }); html += ``; } // 退费 students if (tuifeiStudents.length > 0) { const cid4 = 'ctf' + currentTeacherId; html += ``; tuifeiStudents.forEach((s, i) => { const att = getMonthlyAttendance(s.id, m) || { week1: 0, week2: 0, week3: 0, week4: 0, other: 0 }; const total = (att.week1||0) + (att.week2||0) + (att.week3||0) + (att.week4||0) + (att.other||0); html += ``; }); html += ``; } html += `

#	姓名	第一周 ${wd.w1}	第二周 ${wd.w2}	第三周 ${wd.w3}	第四周 ${wd.w4}	其他 ${wd.other}	月合计	剩余课时
${i + 1}	${s.name} ${remaining <= 10 ? '续' : ''} ${getLatestUnitPrice(s.id) >= 150 ? '💎' : ''} ${remaining < 0 ? '超' : ''}						${total}	${remaining} (正${getRemainingPurchased(s.id, m)}/赠${getRemainingGifted(s.id, m)})
	合计	${sumW1}	${sumW2}	${sumW3}	${sumW4}	${sumWo}	${grandTotal}	正${activeStudents.reduce((s,st) => s+getRemainingPurchased(st.id),0)}/赠${activeStudents.reduce((s,st) => s+getRemainingGifted(st.id),0)}
▶ 休学学员 (${xiuxueStudents.length}人)
${i+1}	${s.name} (休学)						${total}	${remaining}
▶ 退费学员 (${tuifeiStudents.length}人)
${i+1}	${s.name} (退费)	${att.week1\|\|0}	${att.week2\|\|0}	${att.week3\|\|0}	${att.week4\|\|0}	${att.other\|\|0}	${total}	${getRemainingHours(s.id, m)}

`; html += `

本月总消课：${grandTotal} 节

`; el.innerHTML = html; document.getElementById('entryInfo').textContent = `${d.teachers[currentTeacherId]?.name || ''} - ${m} 消课录入`; } function getAttendanceKey(studentId, month) { return studentId + '|' + month; } function updateAtt(input) { const key = input.dataset.att; const field = input.dataset.field; const [studentId, month] = key.split('|'); const val = parseInt(input.value) || 0; // Find or create attendance record let att = Object.values(d.attendance).find(a => a.studentId === studentId && a.month === month); if (!att) { const id = 'a' + (Object.keys(d.attendance).length + 1); att = { id, studentId, month, week1: 0, week2: 0, week3: 0, week4: 0, other: 0 }; d.attendance[att.id] = att; } att[field] = val; saveData(d); // Update the total cell and remaining const tr = input.closest('tr'); const tds = tr.querySelectorAll('td'); const total = (parseInt(tr.querySelector('[data-field="week1"]')?.value)||0) + (parseInt(tr.querySelector('[data-field="week2"]')?.value)||0) + (parseInt(tr.querySelector('[data-field="week3"]')?.value)||0) + (parseInt(tr.querySelector('[data-field="week4"]')?.value)||0) + (parseInt(tr.querySelector('[data-field="other"]')?.value)||0); if (tds.length > 7) tds[7].innerHTML = '' + total + ''; if (tds.length > 8) { const remaining = getRemainingHours(studentId); tds[8].textContent = remaining + ' (正' + getRemainingPurchased(studentId) + '/赠' + getRemainingGifted(studentId) + ')'; tr.className = remaining < 0 ? 'has-error' : ''; } } function saveAttendance() { saveData(d); showToast('已保存'); } function addEmptyRow() { showStudentModal(); } // ========== SUMMARY (表B) ========== function toggleXiuxue(id) { const tbody = document.getElementById(id); const icon = document.getElementById(id + '-icon'); if (tbody) { if (tbody.style.display === 'none') { tbody.style.display = ''; if(icon) icon.textContent = '▼'; } else { tbody.style.display = 'none'; if(icon) icon.textContent = '▶'; } } } function renderSummary() { if (!currentTeacherId) return; const students = getStudentsByTeacher(currentTeacherId); const m = getCurrentMonth(); document.getElementById('summaryTitle').textContent = `${d.teachers[currentTeacherId]?.name || ''} - ${m} 月消课汇总表B`; // Cards const activeStudents = students.filter(s => !s.xiuxue); const xiuxueStudents = students.filter(s => s.xiuxue); let totalAmount = 0; let totalHours = 0; let activeCount = 0; activeStudents.forEach(s => { const h = getMonthlyTotal(s.id, m); if (h > 0) activeCount++; totalHours += h; totalAmount += getMonthlyAmount(s.id, m); }); document.getElementById('summaryCards').innerHTML = `

本月消课学员

${activeCount}人

本月总消课

${totalHours}节

月消课金额

¥${totalAmount.toFixed(2)}

剩余总课时

${activeStudents.reduce((s,st) => s + Math.max(0, getRemainingHours(st.id)), 0)}节

`; let html = ``; let sumTotal=0, sumAmount=0, sumRemaining=0, sumP=0, sumG=0; activeStudents.forEach((s, i) => { const total = getMonthlyTotal(s.id, m); const price = getLatestUnitPrice(s.id); const amount = total * price; const r = getLatestRenewal(s.id); sumTotal += total; sumAmount += amount; sumRemaining += Math.max(0, getRemainingHours(s.id, m)); sumP += getRemainingPurchased(s.id, m); sumG += getRemainingGifted(s.id, m); const rem = getRemainingHours(s.id, m); html += ``; }); // 休学 students const sumXiuxue = students.filter(s => s.xiuxue); if (sumXiuxue.length > 0) { const cid2 = 'cxsum' + currentTeacherId; html += ``; sumXiuxue.forEach((s, i) => { const total = getMonthlyTotal(s.id, m); const price = getLatestUnitPrice(s.id); const amount = total * price; const r = getLatestRenewal(s.id); html += ``; }); html += ``; } html += `

#	姓名	月消课	课单价	月金额	剩余课时	正课剩余	赠课剩余	最新续费
${i+1}	${s.name}${rem <= 10 ? '续' : ''}}${price >= 150 ? '💎' : ''}	${total}	${price ? '¥' + price.toFixed(2) : '-'}	¥${amount.toFixed(2)}	${rem}	${getRemainingPurchased(s.id, m)}	${getRemainingGifted(s.id, m)}	${r ? r.date : '-'}
▶ 休学学员 (${sumXiuxue.length}人)
${i+1}	${s.name} (休学)	${total}	${price ? '¥' + price.toFixed(2) : '-'}	¥${amount.toFixed(2)}	${getRemainingHours(s.id, m)}	${getRemainingPurchased(s.id, m)}	${getRemainingGifted(s.id, m)}	${r ? r.date : '-'}
合计		${sumTotal}	—	¥${sumAmount.toFixed(2)}	${sumRemaining}	${sumP}	${sumG}	—

`; document.getElementById('summaryTableWrap').innerHTML = html; } // ========== CARRY (表C) ========== function renderCarry() { if (!currentTeacherId) return; const allStudents = getStudentsByTeacher(currentTeacherId); const m = getCurrentMonth(); const nextMonth = getNextMonth(m); document.getElementById('carryTitle').textContent = `${d.teachers[currentTeacherId]?.name || ''} - ${nextMonth} 结转空白模板表C`; const carryActive = allStudents.filter(s => !s.xiuxue && !s.tuifei); const carryXiuxue = allStudents.filter(s => s.xiuxue); const carryTuifei = allStudents.filter(s => s.tuifei); let html = ``; let cSumRem=0, cSumP=0, cSumG=0; carryActive.forEach((s, i) => { const rem = getRemainingHours(s.id, m); const pRem = getRemainingPurchased(s.id, m); const gRem = getRemainingGifted(s.id, m); const price = getLatestUnitPrice(s.id); cSumRem += Math.max(0, rem); cSumP += pRem; cSumG += gRem; html += ``; }); // 合计 html += ''; // Xiuxue if (carryXiuxue.length > 0) { const cid3 = 'cxc' + currentTeacherId; html += ''; carryXiuxue.forEach((s, i) => { const rem = getRemainingHours(s.id, m); const pRem = getRemainingPurchased(s.id, m); const gRem = getRemainingGifted(s.id, m); const price = getLatestUnitPrice(s.id); html += ''; }); html += ''; } // Tuifei if (carryTuifei.length > 0) { const cid5 = 'cctf' + currentTeacherId; html += ''; carryTuifei.forEach((s, i) => { const rem = getRemainingHours(s.id, m); const pRem = getRemainingPurchased(s.id, m); const gRem = getRemainingGifted(s.id, m); const price = getLatestUnitPrice(s.id); html += ''; }); html += ''; } html += '

#	姓名	月合计	剩余课时	正课剩余	赠课剩余	课单价	备注
${i+1}	${s.name}${rem <= 10 ? '续' : ''}${price >= 150 ? '💎' : ''}	—	${rem}	${pRem}	${gRem}	${price ? '¥' + price.toFixed(2) : '-'}	${rem < 5 ? '⚠️ ' : ''}${rem < 0 ? '超课' : rem <= 3 ? '极少' : rem <= 10 ? '不足' : ''}
合计			' + cSumRem + '	' + cSumP + '	' + cSumG + '
▶ 休学学员 (' + carryXiuxue.length + '人)
' + (i+1) + '	' + s.name + ' (休学)		' + rem + '	' + pRem + '	' + gRem + '	' + (price ? '¥' + price.toFixed(2) : '-') + '
▶ 退费学员 (' + carryTuifei.length + '人)
' + (i+1) + '	' + s.name + ' (退费)		' + rem + '	' + pRem + '	' + gRem + '	' + (price ? '¥' + price.toFixed(2) : '-') + '

'; document.getElementById('carryTableWrap').innerHTML = html; } // ========== STUDENTS ========== function renderStudents() { if (!currentTeacherId) return; const q = (document.getElementById('studentSearch')?.value || '').toLowerCase(); let students = getStudentsByTeacher(currentTeacherId); if (q) students = students.filter(s => s.name.includes(q)); let html = ``; students.forEach((s, i) => { const renewals = getStudentRenewals(s.id); html += ``; }); html += '

#	姓名	入读日期	总购课	总赠课	已消课	剩余课时	当前课单价	续费次数	操作
${i+1}	${s.name}${getRemainingHours(s.id, currentMonth) <= 10 ? '续' : ''}${getLatestUnitPrice(s.id) >= 150 ? '💎' : ''}${s.xiuxue ? ' (休学)' : ''}${s.tuifei ? ' (退费)' : ''}	${s.enrollDate \|\| '-'}	${getTotalPurchased(s.id)}	${getTotalGifted(s.id)}	${getTotalConsumed(s.id)}	${getRemainingHours(s.id, currentMonth)}	${getLatestUnitPrice(s.id) ? '¥' + getLatestUnitPrice(s.id).toFixed(2) : '-'}	${renewals.length}

'; document.getElementById('studentTableWrap').innerHTML = html; renderTuifeiList(); } // ========== RENEWALS ========== function renderRenewals() { if (!currentTeacherId) return; const students = getStudentsByTeacher(currentTeacherId); const studentMap = {}; students.forEach(s => studentMap[s.id] = s); let allRenewals = []; students.forEach(s => { getStudentRenewals(s.id).forEach(r => { allRenewals.push({ ...r, studentName: s.name }); }); }); allRenewals.sort((a,b) => b.date.localeCompare(a.date)); let html = ``; allRenewals.forEach(r => { html += ``; }); html += '

日期	学员	购买正课	赠课	金额	课单价	操作
${r.date}	${r.studentName}	${r.purchased}	${r.gifted}	¥${(r.amount \|\| 0).toFixed(2)}	¥${(r.unitPrice \|\| 0).toFixed(2)}

'; document.getElementById('renewalTableWrap').innerHTML = html; } // ========== STATS ========== // ========== 异动处理 ========== function handleStudentAction(studentId, action, selectEl) { const s = d.students[studentId]; if (!s) return; if (selectEl) selectEl.value = ''; // Reset dropdown if (action === 'xiuxue') { s.xiuxue = true; delete s.tuifei; showToast(s.name + ' 已设为休学'); } else if (action === 'tuifei') { s.tuifei = true; delete s.xiuxue; showToast(s.name + ' 已设为退费'); } saveData(d); render(); } // ========== 退费学员列表 ========== function renderTuifeiList() { const el = document.getElementById('tuifeiList'); if (!el) return; const tuifei = Object.values(d.students).filter(s => s.tuifei); const xiuxue = Object.values(d.students).filter(s => s.xiuxue); let html = ''; if (xiuxue.length > 0) { html += '

休学学员 (' + xiuxue.length + '人)

'; html += ''; xiuxue.forEach((s, i) => { html += ''; }); html += '

#	姓名	剩余课时	操作
' + (i+1) + '	' + s.name + '	' + getRemainingHours(s.id) + '	' + '

'; } if (tuifei.length > 0) { html += '

退费学员 (' + tuifei.length + '人)

'; html += ''; tuifei.forEach((s, i) => { html += ''; }); html += '

#	姓名	剩余课时	操作
' + (i+1) + '	' + s.name + '	' + getRemainingHours(s.id) + '	' + '

'; } if (xiuxue.length === 0 && tuifei.length === 0) { html = '

暂无休学或退费学员

'; } el.innerHTML = html; } function restoreStudent(studentId) { const s = d.students[studentId]; if (!s) return; delete s.xiuxue; delete s.tuifei; saveData(d); render(); showToast(s.name + ' 已恢复'); } function renderStats() { document.getElementById('statTeachers').textContent = Object.keys(d.teachers).length; document.getElementById('statStudents').textContent = Object.keys(d.students).length; document.getElementById('statRenewals').textContent = Object.keys(d.renewals).length; } // ========== MODALS ========== function showStudentModal(studentId) { editingStudentId = studentId || null; document.getElementById('studentModalTitle').textContent = studentId ? '编辑学员' : '新增学员'; if (studentId) { const s = d.students[studentId]; document.getElementById('sName').value = s.name || ''; document.getElementById('sPurchased').value = 0; document.getElementById('sGifted').value = 0; document.getElementById('sAmount').value = 0; document.getElementById('sUnitPrice').value = 0; document.getElementById('sRenewDate').value = ''; document.getElementById('sNote').value = ''; } else { document.getElementById('sName').value = ''; document.getElementById('sPurchased').value = 0; document.getElementById('sGifted').value = 0; document.getElementById('sAmount').value = 0; document.getElementById('sUnitPrice').value = 0; document.getElementById('sRenewDate').value = new Date().toISOString().slice(0,10); document.getElementById('sNote').value = ''; } document.getElementById('studentModal').classList.add('show'); } function closeModal(id) { document.getElementById(id).classList.remove('show'); } function saveStudent() { const name = document.getElementById('sName').value.trim(); if (!name) { alert('请输入学员姓名'); return; } if (editingStudentId) { // Update existing student d.students[editingStudentId].name = name; saveData(d); showToast('已更新'); closeModal('studentModal'); render(); return; } // New student const id = 's' + (Object.keys(d.students).length + 1000); const s = { id, name, teacherId: currentTeacherId, enrollDate: new Date().toISOString().slice(0,10) }; d.students[id] = s; d.studentOrder.push(id); // Create initial renewal record const purchased = parseInt(document.getElementById('sPurchased').value) || 0; const gifted = parseInt(document.getElementById('sGifted').value) || 0; const amount = parseFloat(document.getElementById('sAmount').value) || 0; const unitPrice = parseFloat(document.getElementById('sUnitPrice').value) || 0; const date = document.getElementById('sRenewDate').value || new Date().toISOString().slice(0,10); if (purchased > 0 || gifted > 0) { const rid = 'r' + (Object.keys(d.renewals).length + 1); d.renewals[rid] = { id: rid, studentId: id, date, purchased, gifted, amount, unitPrice }; } saveData(d); showToast('已添加学员'); closeModal('studentModal'); render(); } function editStudent(studentId) { showStudentModal(studentId); } function deleteStudent(studentId) { if (!confirm('确定删除该学员及其所有消课记录？')) return; delete d.students[studentId]; d.studentOrder = d.studentOrder.filter(id => id !== studentId); // Remove attendance Object.keys(d.attendance).forEach(k => { if (d.attendance[k].studentId === studentId) delete d.attendance[k]; }); // Remove renewals Object.keys(d.renewals).forEach(k => { if (d.renewals[k].studentId === studentId) delete d.renewals[k]; }); saveData(d); render(); } function handleXiuxueAction(selectEl) { if (!selectEl) return; const studentId = selectEl.dataset.sid; const action = selectEl.value; if (!action) return; const s = d.students[studentId]; if (!s) return; selectEl.value = ''; if (action === 'restore') { delete s.xiuxue; delete s.tuifei; showToast(s.name + ' 已恢复正常'); } else if (action === 'tuifei') { delete s.xiuxue; s.tuifei = true; showToast(s.name + ' 已移至退费'); } saveData(d); render(); } // ========== RENEWAL ========== function showRenewalForStudent(studentId) { const s = d.students[studentId]; const sel = document.getElementById('rStudent'); sel.innerHTML = ''; getStudentsByTeacher(currentTeacherId).forEach(st => { const opt = document.createElement('option'); opt.value = st.id; opt.textContent = st.name; if (st.id === studentId) opt.selected = true; sel.appendChild(opt); }); document.getElementById('rPurchased').value = 48; document.getElementById('rGifted').value = 4; document.getElementById('rAmount').value = 0; document.getElementById('rUnitPrice').value = 0; document.getElementById('rDate').value = new Date().toISOString().slice(0,10); document.getElementById('renewalModal').classList.add('show'); } function showRenewalModal() { showRenewalForStudent(null); // If no student selected, default to first const sel = document.getElementById('rStudent'); if (!sel.value && sel.options.length > 0) sel.selectedIndex = 0; } function saveRenewal() { const studentId = document.getElementById('rStudent').value; if (!studentId) { alert('请选择学员'); return; } const purchased = parseInt(document.getElementById('rPurchased').value) || 0; const gifted = parseInt(document.getElementById('rGifted').value) || 0; const amount = parseFloat(document.getElementById('rAmount').value) || 0; const unitPrice = parseFloat(document.getElementById('rUnitPrice').value) || 0; const date = document.getElementById('rDate').value; if (!date) { alert('请选择日期'); return; } const id = 'r' + (Object.keys(d.renewals).length + 1); d.renewals[id] = { id, studentId, date, purchased, gifted, amount, unitPrice }; saveData(d); showToast('续费记录已保存'); closeModal('renewalModal'); render(); } function deleteRenewal(rid) { if (!confirm('确定删除此续费记录？')) return; delete d.renewals[rid]; saveData(d); render(); } // ========== EXPORT / IMPORT ========== function exportSheet(type) { if (!currentTeacherId) return; const students = getStudentsByTeacher(currentTeacherId); const m = getCurrentMonth(); let rows = []; if (type === 'entry') { rows = students.map(s => { const att = getMonthlyAttendance(s.id, m) || {}; return [s.name, att.week1||0, att.week2||0, att.week3||0, att.week4||0, att.other||0]; }); } else if (type === 'summary') { rows = students.map(s => [ s.name, getMonthlyTotal(s.id, m), getLatestUnitPrice(s.id), getMonthlyAmount(s.id, m), getRemainingHours(s.id), getRemainingPurchased(s.id), getRemainingGifted(s.id) ]); } else if (type === 'renewals') { rows = students.flatMap(s => getStudentRenewals(s.id).map(r => [s.name, r.date, r.purchased, r.gifted, r.amount, r.unitPrice]) ); } const csv = rows.map(r => r.join(',')).join('\n'); downloadText(csv, `${type}_${m}.csv`, 'text/csv'); } function exportAllData() { const blob = new Blob([JSON.stringify(d, null, 2)], { type: 'application/json' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `消课数据_${new Date().toISOString().slice(0,10)}.json`; a.click(); URL.revokeObjectURL(url); } function importData(e) { const file = e.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = function(ev) { try { const imported = JSON.parse(ev.target.result); if (!imported.version || !imported.teachers) { alert('数据格式不正确'); return; } if (!confirm('导入将覆盖当前全部数据，确定继续？')) return; data = imported; saveData(d); currentTeacherId = Object.keys(d.teachers)[0] || null; render(); showToast('数据已导入'); } catch(e) { alert('导入失败：' + e.message); } }; reader.readAsText(file); e.target.value = ''; } function printSummary() { window.print(); } // ========== UTILS ========== function getCurrentMonth() { if (currentMonth) return currentMonth; const now = new Date(); return now.getFullYear() + '-' + String(now.getMonth() + 1).padStart(2, '0'); } function getNextMonth(m) { const [y, mon] = m.split('-').map(Number); if (mon === 12) return (y+1) + '-01'; return y + '-' + String(mon + 1).padStart(2, '0'); } function downloadText(content, filename, mime) { const blob = new Blob(['\uFEFF' + content], { type: mime + ';charset=utf-8' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = filename; a.click(); URL.revokeObjectURL(url); } function showToast(msg) { const existing = document.querySelector('.toast'); if (existing) existing.remove(); const div = document.createElement('div'); div.className = 'toast'; div.style.cssText = 'position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:10px 20px;border-radius:8px;z-index:9999;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:opacity .3s'; div.textContent = msg; document.body.appendChild(div); setTimeout(() => { div.style.opacity = '0'; setTimeout(() => div.remove(), 300); }, 2000); } // ========== MONTH PICKER ========== document.getElementById('monthPicker').addEventListener('change', function() { currentMonth = this.value; render(); }); // ========== INIT ========== (function init() { // Set month picker const mp = document.getElementById('monthPicker'); const now = new Date(); currentMonth = now.getFullYear() + '-' + String(now.getMonth() + 1).padStart(2, '0'); mp.value = currentMonth; // Find first teacher if (!currentTeacherId && d.teacherOrder.length > 0) { currentTeacherId = d.teacherOrder[0]; } render(); })();

📊 消课管理

新增学员

续费记录