@@ -805,6 +1583,7 @@
await this.loadTags();
this.initializeTagSelectors();
this.bindEvents();
+ this.updateRulesFromInputs();
this.updateConfigDisplay();
} catch (error) {
this.showError('系统初始化失败: ' + error.message);
@@ -887,8 +1666,10 @@
// 年级标签下拉菜单事件
document.getElementById('gradeFilter').addEventListener('change', () => this.updateSelectedTags());
- // 自定义规则监听
- document.getElementById('customRules').addEventListener('input', () => this.updateCustomRules());
+ // 新的抽题规则输入事件
+ document.getElementById('basicQuestions').addEventListener('input', () => this.updateRulesFromInputs());
+ document.getElementById('advancedQuestions').addEventListener('input', () => this.updateRulesFromInputs());
+ document.getElementById('competitionQuestions').addEventListener('input', () => this.updateRulesFromInputs());
// 测评报告相关事件
document.getElementById('viewReportBtn').addEventListener('click', () => this.showReportModal());
@@ -922,19 +1703,37 @@
}
}
- updateCustomRules() {
- const customRulesText = document.getElementById('customRules').value.trim();
- if (customRulesText) {
- try {
- const customRules = JSON.parse(customRulesText);
- if (customRules && typeof customRules === 'object') {
- this.currentRules = { ...this.currentRules, ...customRules };
- this.updateConfigDisplay();
- }
- } catch (error) {
- console.error('自定义规则解析失败:', error);
- }
- }
+ updateRulesFromInputs() {
+ const basicQuestions = parseInt(document.getElementById('basicQuestions').value) || 0;
+ const advancedQuestions = parseInt(document.getElementById('advancedQuestions').value) || 0;
+ const competitionQuestions = parseInt(document.getElementById('competitionQuestions').value) || 0;
+
+ this.currentRules = {
+ "基础题": basicQuestions,
+ "进阶题": advancedQuestions,
+ "竞赛题": competitionQuestions
+ };
+
+ this.updateRuleCalculations();
+ this.updateConfigDisplay();
+ }
+
+ updateRuleCalculations() {
+ const basicQuestions = parseInt(document.getElementById('basicQuestions').value) || 0;
+ const advancedQuestions = parseInt(document.getElementById('advancedQuestions').value) || 0;
+ const competitionQuestions = parseInt(document.getElementById('competitionQuestions').value) || 0;
+
+ // 更新各项计算
+ document.getElementById('basicScore').textContent = basicQuestions * 5;
+ document.getElementById('advancedScore').textContent = advancedQuestions * 10;
+ document.getElementById('competitionScore').textContent = competitionQuestions * 15;
+
+ // 更新总计
+ const totalQuestions = basicQuestions + advancedQuestions + competitionQuestions;
+ const totalScore = (basicQuestions * 5) + (advancedQuestions * 10) + (competitionQuestions * 15);
+
+ document.getElementById('summaryTotalQuestions').textContent = totalQuestions;
+ document.getElementById('summaryTotalScore').textContent = totalScore;
}
filterQuestionsByTags(selectedTag) {
@@ -993,60 +1792,68 @@
updateConfigDisplay() {
this.filteredQuestions = this.filterQuestionsByTags(this.selectedTag);
- let totalQuestions = 0;
- let totalScore = 0;
- let rulesHTML = '';
-
- Object.keys(this.currentRules).forEach((type, index) => {
- const count = this.currentRules[type];
- const available = this.filteredQuestions[type]?.length || 0;
- const scorePerQuestion = type === '基础题' ? 5 : type === '进阶题' ? 10 : 15;
- const ruleScore = count * scorePerQuestion;
-
- totalQuestions += count;
- totalScore += ruleScore;
-
- const availabilityClass = available >= count ? '✅' : '❌';
- rulesHTML += `
-
-
规则 ${index + 1} - ${type} ${availabilityClass}
-
${count}题 × ${scorePerQuestion}分 = ${ruleScore}分 (可用: ${available}题)
-
- `;
- });
-
- document.getElementById('rulesList').innerHTML = rulesHTML;
+ // 更新输入框的可选性（显示当前可用题目数量）
+ const basicAvailable = this.filteredQuestions['基础题']?.length || 0;
+ const advancedAvailable = this.filteredQuestions['进阶题']?.length || 0;
+ const competitionAvailable = this.filteredQuestions['竞赛题']?.length || 0;
- const rulesList = document.getElementById('rulesList').parentElement;
- const summaryDiv = rulesList.querySelector('.rule-details[style*="background"]');
- const summaryText = `
总题数: ${totalQuestions}题 | 总分数: ${totalScore}分`;
+ // 更新输入框的最大值和可用性显示
+ const basicInput = document.getElementById('basicQuestions');
+ const advancedInput = document.getElementById('advancedQuestions');
+ const competitionInput = document.getElementById('competitionQuestions');
- if (summaryDiv) {
- summaryDiv.innerHTML = summaryText;
- } else {
- rulesList.innerHTML += `
-
- ${summaryText}
-
- `;
- }
-
- // 检查是否有足够的题目
- const canStart = Object.keys(this.currentRules).every(type => {
- const needed = this.currentRules[type];
- const available = this.filteredQuestions[type]?.length || 0;
- return available >= needed;
- });
+ basicInput.max = basicAvailable;
+ advancedInput.max = advancedAvailable;
+ competitionInput.max = competitionAvailable;
+
+ // 检查当前设置是否超出可用题目数量
+ const basicQuestions = parseInt(basicInput.value) || 0;
+ const advancedQuestions = parseInt(advancedInput.value) || 0;
+ const competitionQuestions = parseInt(competitionInput.value) || 0;
+
+ // 添加可用性警告样式
+ this.updateInputAvailability(basicInput, basicQuestions, basicAvailable);
+ this.updateInputAvailability(advancedInput, advancedQuestions, advancedAvailable);
+ this.updateInputAvailability(competitionInput, competitionQuestions, competitionAvailable);
+
+ // 检查是否有足够的题目开始答题
+ const canStart = basicQuestions <= basicAvailable &&
+ advancedQuestions <= advancedAvailable &&
+ competitionQuestions <= competitionAvailable &&
+ (basicQuestions + advancedQuestions + competitionQuestions) > 0;
const startBtn = document.getElementById('startSurvey');
startBtn.disabled = !canStart;
if (!canStart) {
- startBtn.textContent = '题目不足，无法开始';
- startBtn.style.background = '#ccc';
+ if ((basicQuestions + advancedQuestions + competitionQuestions) === 0) {
+ startBtn.querySelector('.button-text').textContent = '请设置题目数量';
+ } else {
+ startBtn.querySelector('.button-text').textContent = '题目不足，无法开始';
+ }
+ startBtn.disabled = true;
} else {
- startBtn.textContent = '开始答题';
- startBtn.style.background = '';
+ startBtn.querySelector('.button-text').textContent = '开始答题';
+ startBtn.disabled = false;
+ }
+ }
+
+ updateInputAvailability(input, requested, available) {
+ const ruleCard = input.closest('.rule-card');
+ const statusElement = ruleCard.querySelector('.status-text');
+
+ if (requested > available) {
+ input.style.borderColor = '#e53e3e';
+ statusElement.className = 'status-text error';
+ statusElement.textContent = `题目不足：仅${available}题可用`;
+ } else if (requested === 0) {
+ input.style.borderColor = '#e2e8f0';
+ statusElement.className = 'status-text';
+ statusElement.textContent = `共${available}题可用`;
+ } else {
+ input.style.borderColor = '#48bb78';
+ statusElement.className = 'status-text success';
+ statusElement.textContent = `✓ 已选择${requested}题，共${available}题可用`;
}
}
@@ -1076,8 +1883,8 @@
// 禁用按钮并显示加载状态
const startBtn = document.getElementById('startSurvey');
- const originalText = startBtn.textContent;
- startBtn.textContent = '正在创建答题会话...';
+ const originalText = startBtn.querySelector('.button-text').textContent;
+ startBtn.querySelector('.button-text').textContent = '正在创建答题会话...';
startBtn.disabled = true;
// 调用后端API创建会话
@@ -1118,7 +1925,7 @@
// 恢复按钮状态
const startBtn = document.getElementById('startSurvey');
- startBtn.textContent = '开始答题';
+ startBtn.querySelector('.button-text').textContent = '开始答题';
startBtn.disabled = false;
}
}