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> <!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> <head>
<th:block th:include="include :: header('保密考试')" /> <th:block th:include="include :: header('保密考试')" />
</head> </head>
<style> <style>
.table-striped { .gray-bg{
min-height: 89%; padding: 20px;
overflow: auto; }
.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> </style>
<body class="gray-bg"> <body class="gray-bg">
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="content">
<div class="col-sm-12 search-collapse"> <form name="form1" method="post" action="">
<form id="formId"> <input type="hidden" name="operate" value=""/>
<div class="select-list"> <br>
<ul> <table width="90%" align="center" cellpadding="2" cellspacing="1" class="table02">
<li> <tr>
<label>题库类型：</label> <td class="cell1">
<select name="TYPEID" th:with="type=${@dict.getType('td_question_type')}"> <div align="center">
<option value="">所有</option> <table width="600">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> <tr>
</select> <td colspan="3" ><br><h5>您的相关信息:</h5><hr /></td>
</li> </tr>
<li> <tr>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a> <td class="table" align="left"><b>人员编号:</b>admin<hr /></td>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a> <!-- <%-->
</li> <!-- String disabled="";-->
</ul> <!-- String tmpsex=buf.fget("sex",0);-->
</div> <!-- if (tmpsex.equals("0")) {-->
</form> <!-- tmpsex = "女";-->
</div> <!-- disabled = "";-->
<div id="question-container" class="col-sm-12 select-table table-striped"> <!-- } else {-->
<h1 id="question-number"></h1> <!-- tmpsex = "男";-->
<p id="question-content"></p> <!-- disabled = "disabled";-->
<form id="answer-form"> <!-- }-->
<div id="options"></div> <!-- %>-->
<button type="submit">提交答案</button> <td class="table" align="left"><b>性别:</b>nan<hr /></td>
</form> <td class="table" align="left"><b>选择相关考题</b><hr /></td>
<p id="result"></p> </tr>
<button id="next-question">下一题</button> <tr>
</div> <td class="table" align="left"><b>人员姓名:</b>admin<hr/></td>
<!-- <div class="col-sm-12 select-table table-striped">--> <td class="table" align="left"><b>单位:</b>admin<hr/></td>
<!-- <table id="bootstrap-table"></table>--> <td class="table" align="left">
<!-- </div>--> <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>
</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"> <script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('system:question:edit')}]]; function check(operate) {
var removeFlag = [[${@permission.hasPermi('system:question:remove')}]]; debugger
var TYPEIDDatas = [[${@dict.getType('td_question_type')}]]; form1.operate.value = operate;
var prefix = ctx + "system/question"; if (operate == "addTryBook") {
if (form1.TYPEID.value=='') {
// $(function() { alert("请选择相关考题！");
// var options = { return false;
// 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)
} }
}); // form1.action = "/zhyw/smsj/TryBook.jsp";
document.getElementById('next-question').addEventListener('click', nextQuestion);
// 初始加载第一题
if (questions.length > 0) {
showQuestion(questions[currentQuestionIndex]);
} }
// form1.button1.disabled=true;
// form1.submit();
} }
</script> </script>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save