已提交和非待评状态的条目不会列入清单。
'; for (const [index, item] of items.entries()) { const li = document.createElement('li'); const name = `${item.course.name} · ${item.course.teacher}`; const selection = document.createElement('label'); selection.className = 'checkbox course-select'; const checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.checked = true; checkbox.setAttribute('aria-label', `评价 ${name}`); selection.append(checkbox); const details = document.createElement('details'); const summary = document.createElement('summary'); const heading = document.createElement('span'); heading.className = 'course-name'; const courseTitle = document.createElement('span'); courseTitle.className = 'course-title'; courseTitle.textContent = item.course.name; const teacher = document.createElement('span'); teacher.className = 'teacher'; teacher.textContent = item.course.teacher; heading.append(courseTitle, teacher); summary.append(heading); const score = document.createElement('span'); score.className = 'result'; summary.append(score); const editor = document.createElement('fieldset'); editor.className = 'editor'; editor.setAttribute('aria-label', `${name}的评价内容`); details.append(summary, editor); li.append(selection, details); const updateSummary = () => { score.textContent = item.selected ? (item.payload.overallRating ? `${item.payload.overallRating} 分` : '待填写') : '本次不评'; }; checkbox.addEventListener('change', () => { item.selected = checkbox.checked; updateSummary(); updateSelection(); }); for (const f of item.fields) { const label = document.createElement('label'); const title = document.createElement('span'); title.textContent = f.indicator.title; const select = document.createElement('select'); for (const [value, [text, weight]] of Object.entries(grades)) select.add(new Option(`${text} · ${Number(f.indicator.maxScore) * weight} / ${f.indicator.maxScore}`, value)); select.value = f.grade; label.append(title, select); const source = paragraph(label, f.preserved ? '保留草稿' : '来自统一设置', 'muted'); if (f.indicator.description) paragraph(label, f.indicator.description, 'muted'); select.addEventListener('change', () => { f.grade = select.value; f.score = Number(f.indicator.maxScore) * grades[f.grade][1]; item.payload.ratings = item.fields.map(field => ({ zbid: field.indicator.id, score: field.score })); source.textContent = '本次修改'; }); editor.append(label); } const overallLabel = document.createElement('label'); const overallTitle = document.createElement('span'); overallTitle.textContent = '综合评分'; const overall = document.createElement('input'); overall.type = 'number'; overall.min = $('overall').min; overall.max = String(range.max); overall.step = '1'; overall.required = true; overall.value = item.payload.overallRating; overallLabel.append(overallTitle, overall); const overallSource = paragraph(overallLabel, item.hasOverall ? '保留草稿' : '来自统一设置', 'muted'); const error = paragraph(overallLabel, `请输入 ${overall.min}–${range.max} 范围内的整数，不能使用网站初始值 ${range.initial}。`, 'field-error'); error.id = `course-error-${index}`; error.hidden = true; overall.setAttribute('aria-describedby', error.id); item.validate = () => { const value = Number(overall.value); const valid = overall.value !== '' && overall.checkValidity() && value !== range.initial; overall.setAttribute('aria-invalid', String(!valid)); error.hidden = valid; return valid; }; item.focusInvalid = () => { details.open = true; overall.focus(); }; overall.addEventListener('blur', item.validate); overall.addEventListener('input', () => { item.payload.overallRating = overall.value === '' ? '' : String(Number(overall.value)); overallSource.textContent = '本次修改'; updateSummary(); if (overall.getAttribute('aria-invalid') === 'true') item.validate(); }); const commentLabel = document.createElement('label'); commentLabel.className = 'wide'; const commentTitle = document.createElement('span'); commentTitle.textContent = '评语'; const comment = document.createElement('textarea'); comment.rows = 3; comment.value = item.payload.comment; commentLabel.append(commentTitle, comment); const commentSource = paragraph(commentLabel, item.hasComment ? '保留草稿' : '来自统一设置，可留空', 'muted'); comment.addEventListener('input', () => { item.payload.comment = comment.value; commentSource.textContent = '本次修改'; }); editor.append(overallLabel, commentLabel); updateSummary(); $('list').append(li); } } $('select-all').addEventListener('change', () => { const checked = $('select-all').checked; for (const checkbox of $('list').querySelectorAll('input[type="checkbox"]')) { checkbox.checked = checked; checkbox.dispatchEvent(new Event('change')); } }); $('launch').addEventListener('click', () => { dialog.showModal(); try { const range = limits(); $('overall').min = String(range.min === range.initial ? range.min + 1 : range.min); $('overall').max = String(range.max); $('overall').placeholder = `${$('overall').min}–${range.max}`; $('score-help').textContent = `网站允许 ${$('overall').min}–${range.max} 分`; } catch (error) { $('error').textContent = error.message; } }); $('close').addEventListener('click', () => dialog.close()); dialog.addEventListener('cancel', event => { if (busy) event.preventDefault(); }); $('back').addEventListener('click', () => { if (busy || step !== 'preview') return; showStep('settings'); $('error').textContent = ''; $('status').textContent = '课程选择与逐课编辑已保留；修改统一设置后会重新生成。'; }); $('settings').addEventListener('input', () => { plan = null; $('list').replaceChildren(); $('selection').hidden = true; $('error').textContent = ''; $('status').textContent = '填写后进入下一步，核对课程与评价内容。'; lock(busy); }); $('settings').addEventListener('submit', async event => { event.preventDefault(); if (busy || step !== 'settings') return; if (plan) { showStep('preview'); updateSelection(); return; } lock(true); $('error').textContent = ''; $('status').textContent = '正在读取当前学期、待评条目和草稿…'; try { const modal = document.getElementById('evaluationModal'); if (modal && getComputedStyle(modal).display !== 'none') fail('请先关闭网站的单门评教窗口，保存当前草稿后再预览。'); const range = limits(); const preset = { grade: $('grade').value, overall: Number($('overall').value), comment: $('comment').value }; if (!Object.hasOwn(grades, preset.grade)) fail('请选择满意度档位。'); const semester = await currentSemester(); const rows = (await courses(semester)).filter(pending); const draftRaw = localStorage.getItem('evaluationState'); const draft = draftData(draftRaw); const byType = new Map(); const items = []; for (const course of rows) { if (!byType.has(course.kcxz)) byType.set(course.kcxz, await definitions(course.kcxz)); items.push(prepare(course, byType.get(course.kcxz), semester, draft, preset, range)); } plan = { semester, items, draftRaw, reviewedAt: Date.now() }; showPlan(items, range); updateSelection(); showStep('preview'); } catch (error) { $('status').textContent = '未生成提交计划。'; $('error').textContent = `${error.message}\n处理后点击「下一步」重试，已填写的设置会保留。`; } finally { lock(false); } }); $('refresh').addEventListener('click', () => location.reload()); $('stop').addEventListener('click', () => { stopping = true; $('stop').disabled = true; $('progress-title').textContent = '正在停止'; $('progress-step').dataset.state = 'stopped'; $('status').textContent = '正在停止；如已发出提交请求，将先核实当前条目的结果。'; }); $('evaluation').addEventListener('submit', async event => { event.preventDefault(); if (busy || step !== 'preview' || !plan) return; const selected = plan.items.filter(item => item.selected); if (!selected.length) return; const invalid = selected.find(item => !item.validate()); if (invalid) { invalid.focusInvalid(); return; } const batch = { ...plan, items: selected }; plan = null; lock(true); stopping = false; $('stop').disabled = false; $('error').textContent = ''; $('status').textContent = '正在核对当前学期与课程状态…'; $('progress-step').dataset.state = 'running'; updateProgress(0, batch.items.length); showStep('progress'); $('stop').focus({ preventScroll: true }); let completed = 0; let active = null; let result = null; let sent = false; try { if (await currentSemester() !== batch.semester) fail('当前学期已变化，请重新预览。'); for (const item of batch.items) { if (stopping) break; active = item; result = startRecord(item.course); $('current-course').textContent = `${item.course.name} · ${item.course.teacher}`; $('progress-phase').textContent = '正在核对课程状态…'; sent = false; if (localStorage.getItem('evaluationState') !== batch.draftRaw) fail('草稿已变化，请重新预览，避免覆盖新填写的内容。'); const latest = (await courses(batch.semester)).find(c => c.id === item.course.id); if (stopping) { result.textContent = '未提交'; break; } if (!latest || !pending(latest) || latest.kcxz !== item.course.kcxz || latest.teacher !== item.course.teacher || latest.name !== item.course.name) fail('条目状态已变化，请重新预览。'); if (localStorage.getItem('evaluationState') !== batch.draftRaw) fail('草稿已变化，请重新预览。'); result.textContent = '正在提交…'; $('progress-phase').textContent = '正在提交评价，核实成功后计入进度。'; $('status').textContent = `正在提交：${item.course.name} · ${item.course.teacher}（已完成 ${completed} / ${batch.items.length}）`; sent = true; await api('/saveEvaluation', { ...item.payload, pjsj: Math.max(0, Math.round((Date.now() - batch.reviewedAt) / 1000)) }); result.textContent = '正在核实…'; $('progress-phase').textContent = '正在向服务器核实提交结果…'; const saved = (await courses(batch.semester)).find(c => c.id === item.course.id); if (!saved?.completed || saved.status === '未评教' || !saved.status) fail('服务器尚未显示已提交，结果未确认。'); result.textContent = '已核实提交成功'; result.dataset.state = 'success'; completed++; updateProgress(completed, batch.items.length); } $('progress-step').dataset.state = stopping ? 'stopped' : 'complete'; $('progress-title').textContent = stopping ? '已停止' : '全部评价已完成'; $('progress-phase').textContent = stopping ? '已停止后续提交。刷新后重新核对剩余课程。' : '所有已选课程均已核实提交成功。'; $('status').textContent = `${stopping ? '已停止' : '完成'}：${completed} / ${batch.items.length} 个条目已核实提交成功。`; } catch (error) { $('progress-step').dataset.state = 'error'; $('progress-title').textContent = '提交已停止'; $('progress-phase').textContent = '进度仅包含已核实成功的课程，请先刷新核实。'; if (result) { result.textContent = sent ? '结果未确认' : '未提交'; result.dataset.state = 'error'; } $('status').textContent = `已停止：${completed} / ${batch.items.length} 个条目已核实提交成功。`; $('error').textContent = `${active ? `${active.course.name} · ${active.course.teacher}：` : ''}${error.message}${sent ? '\n请求可能已到达服务器；请先刷新核实，再决定是否重新预览。' : ''}`; } finally { lock(false); $('refresh').focus({ preventScroll: true }); } }); })();