luoluo
/
ry_zhky
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交修改

Browse Source
master
dsh 1 year ago
parent 34b871aadc
commit f50bd8b797
1 changed files with 189 additions and 0 deletions
Show Stats Download Patch File Download Diff File

189
ruoyi-admin/src/main/resources/templates/system/exam/index.html
Unescape View File

@ -0,0 +1,189 @@
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<th:block th:include="include :: header('保密考试')" />
</head>
<style>
.table-striped {
min-height: 89%;
overflow: auto;
}
</style>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 search-collapse">
<form id="formId">
<div class="select-list">
<ul>
<li>
<label>题库类型：</label>
<select name="TYPEID" th:with="type=${@dict.getType('td_question_type')}">
<option value="">所有</option>
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
</li>
</ul>
</div>
</form>
</div>
<div id="question-container" class="col-sm-12 select-table table-striped">
<h1 id="question-number"></h1>
<p id="question-content"></p>
<form id="answer-form">
<div id="options"></div>
<button type="submit">提交答案</button>
</form>
<p id="result"></p>
<button id="next-question">下一题</button>
</div>
<!-- <div class="col-sm-12 select-table table-striped">-->
<!-- <table id="bootstrap-table"></table>-->
<!-- </div>-->
</div>
</div>
<th:block th:include="include :: footer" />
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('system:question:edit')}]];
var removeFlag = [[${@permission.hasPermi('system:question:remove')}]];
var TYPEIDDatas = [[${@dict.getType('td_question_type')}]];
var prefix = ctx + "system/question";
// $(function() {
// var options = {
// url: prefix + "/list",
// createUrl: prefix + "/add",
// updateUrl: prefix + "/edit/{id}",
// removeUrl: prefix + "/remove",
// exportUrl: prefix + "/export",
// modalName: "保密考试",
// };
// $.table.init(options);
// });
$(document).ready(function() {
const obj = {
pageSize: 10,
pageNum: 1,
isAsc: 'asc',
TYPEID: ''
};
$.ajax({
url: prefix + "/list",
type: "POST",
data: obj,
success: function(data) {
// 请求成功时，初始化答题系统
var questions = data.rows;
initQuestionSystem(questions);
},
error: function() {
// 请求失败时显示错误消息
}
});
});
function initQuestionSystem(questions) {
let currentQuestionIndex = 0;
// const result = [];
let result1 = []
let result2 = []
// 实现显示第一题的函数
function showQuestion(question) {
// 显示题目和选项等信息
const questionNumberElement = document.getElementById('question-number');
const questionContentElement = document.getElementById('question-content');
const optionsElement = document.getElementById('options');
questionNumberElement.textContent = `题目 ${question.id}`;
questionContentElement.textContent = question.qSubject;
question.options = [
'A、' + question.optiona,
'B、' + question.optionb,
'C、' + question.optionc,
'D、' + question.optiond
]
optionsElement.innerHTML = '';
for (let index = 0; index < question.options.length; index++) {
const option = question.options[index];
const optionElement = document.createElement('input');
optionElement.type = 'radio';
optionElement.name = 'answer';
optionElement.value = option;
optionElement.id = `option-${index}`;
const labelElement = document.createElement('label');
labelElement.htmlFor = `option-${index}`;
labelElement.textContent = option;
optionsElement.appendChild(optionElement);
optionsElement.appendChild(labelElement);
optionsElement.appendChild(document.createElement('br'));
}
}
// 检查答案的函数
function checkAnswer(answer) {
// 检查用户答案，更新result数组
const question = questions[currentQuestionIndex];
if (answer.indexOf(question.note) !== -1) {
// 答案正确
result1.push({ number: question.id, answer: answer,note:question.note,});
console.log('正确',result1)
} else {
result2.push({ number: question.id, answer: answer,note:question.note,});
console.log('错误',result2)
}
}
// 显示结果的函数
function showResult() {
// 显示用户的答题结果
const resultElement = document.getElementById('result');
resultElement.textContent = `已答题数：${result.length}`;
}
// 显示下一题的函数
function nextQuestion(event) {
event.preventDefault();
const selectedOption = document.querySelector('input[name="answer"]:checked');
if (selectedOption) {
const selectedAnswer = selectedOption.value;
checkAnswer(selectedAnswer);
// showResult();
// 清除选择
selectedOption.checked = false;
// 更新currentQuestionIndex，显示下一题
currentQuestionIndex++;
if (currentQuestionIndex < questions.length) {
showQuestion(questions[currentQuestionIndex]);
} else {
alert('所有题目已答完！');
// 如果需要在所有题目答完后进行额外操作，可以在这里添加代码
}
} else {
alert('请选择一个答案！');
}
}
//提交
document.getElementById('answer-form').addEventListener('submit', function(event) {
event.preventDefault();
if (result1.length){
let int = result1.length * 2
console.log(int)
}
});
document.getElementById('next-question').addEventListener('click', nextQuestion);
// 初始加载第一题
if (questions.length > 0) {
showQuestion(questions[currentQuestionIndex]);
}
}
</script>
</body>
</html>
Write Preview
Loading…
Cancel
Save