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

提交修改

Browse Source
master
dsh 1 year ago
parent 0fad0ff1f3
commit db7770624e
1 changed files with 85 additions and 172 deletions
Show Stats Download Patch File Download Diff File

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

@ -1,189 +1,102 @@
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header('保密考试')" />
</head>
<style>
.table-striped {
min-height: 89%;
overflow: auto;
.gray-bg{
padding: 20px;
}
.container-div{
height: 100%;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.content{
width: 60%;
height: 60%;
/*background-color: #f2f2f2;*/
display: flex;
align-items: center;
justify-content: center;
}
.table{
width:43% ;
}
</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 class="content">
<form name="form1" method="post" action="">
<input type="hidden" name="operate" value=""/>
<br>
<table width="90%" align="center" cellpadding="2" cellspacing="1" class="table02">
<tr>
<td class="cell1">
<div align="center">
<table width="600">
<tr>
<td colspan="3" ><br><h5>您的相关信息:</h5><hr /></td>
</tr>
<tr>
<td class="table" align="left"><b>人员编号:</b>admin<hr /></td>
<!-- <%-->
<!-- String disabled="";-->
<!-- String tmpsex=buf.fget("sex",0);-->
<!-- if (tmpsex.equals("0")) {-->
<!-- tmpsex = "女";-->
<!-- disabled = "";-->
<!-- } else {-->
<!-- tmpsex = "男";-->
<!-- disabled = "disabled";-->
<!-- }-->
<!-- %>-->
<td class="table" align="left"><b>性别:</b>nan<hr /></td>
<td class="table" align="left"><b>选择相关考题</b><hr /></td>
</tr>
<tr>
<td class="table" align="left"><b>人员姓名:</b>admin<hr/></td>
<td class="table" align="left"><b>单位:</b>admin<hr/></td>
<td class="table" align="left">
<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>
<hr/></td>
</tr>
<tr>
<td colspan="3"><p align="center" class="unnamed1">友情提示</p>
<p align="center" class="unnamed1">答题过程不能中断!不能作弊和抄袭,</p>
<p align="center" class="unnamed1">考试时间为：45分钟，到考试结束时间没有交卷的，系统将强制交卷！</p>
<p align="center">
<input type="button" name="button1" value=" 开始答卷" class="box_button" onclick="check('addTryBook')"
/>
</p></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</form>
</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)
function check(operate) {
debugger
form1.operate.value = operate;
if (operate == "addTryBook") {
if (form1.TYPEID.value=='') {
alert("请选择相关考题！");
return false;
}
});
document.getElementById('next-question').addEventListener('click', nextQuestion);
// 初始加载第一题
if (questions.length > 0) {
showQuestion(questions[currentQuestionIndex]);
// form1.action = "/zhyw/smsj/TryBook.jsp";
}
// form1.button1.disabled=true;
// form1.submit();
}
</script>
</body>
</html>
</html>

Write Preview
Loading…
Cancel
Save