You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

597 lines
23 KiB

<#include "../_include/_t.ftl"/>
<!DOCTYPE html>
<html>
<head>
<title></title>
<#include "../_include/_h.ftl"/>
<#include "../_include/_l.ftl"/>
<#include "../_include/_j.ftl"/>
<#include "../_include/_z.ftl"/>
<#include "../_include/_p.ftl"/>
<#include "../_include/_c_1.ftl"/>
<style>
._td_class{
font-size:16px;
text-align:center;
height:40px;
line-height:40px;
vertical-align:middle;
text-align:left;
padding-left:10px;
}
.page_win form {margin:0}
.layui-form-radio{
margin:0;
padding:0;
}
</style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<!-- 内容主体区域 -->
<div class="layui-body" style="top:0;">
<div class="page_content" style="padding:20px;margin-left:0px;width:100%;overflow-y:hidden">
<div class="layui-show">
<div class="page_tools">
<div class="layui-inline" style="width:50px;">
题目:
</div>
<div class="layui-inline" style="width:150px;">
<input id="exam_1_questionTitle" class="layui-input" type="text" style="font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</div>
<button id="exam_1_searchBtn" class="layui-btn layui-btn-normal"><i class="layui-icon">&#xe615;</i>查询</button>
<button id="exam_1_resetBtn" class="layui-btn"><i class="layui-icon">&#xe669;</i>重置</button>
<button id="exam_1_addBtn" class="layui-btn layui-btn-warm"><i class="layui-icon">&#xe654;</i>添加</button>
</div>
<div id="div_table" style="height:90%;margin:10px;border-radius:5px;">
<table id="exam_1_dataTable" lay-filter="exam_1_dataTable_filter" lay-size="sm" width="100%">
</table>
</div>
</div>
</div>
</div>
</div>
<div id="exam_1_addWin" class="page_win page_win_hide" style="padding:10px">
<form id="exam_1_addForm" lay-filter="exam_1_addForm_filter" class="layui-form">
<input type="hidden" value="1" name="type"/>
<input type="hidden" value="${manager_user['usersUid']}" name="usersUid"/>
<table width="100%">
<tbody>
<tr height="50px">
<td width="15%" class="_td_class">类别:</td>
<td width="35%" class="_td_class">
<div class="layui-inline layui-form" style="width:95%;">
<select name="questionType_id" lay-verify="required">
<option value="">请选择</option>
<#list questionTypeList as list>
<option value="${list.id}">${list.typeName}</option>
</#list>
</select>
</div>
</td>
<td width="35%" class="_td_class">难度:</td>
<td width="15%" class="_td_class">
<div class="layui-inline layui-form" style="width:95%;">
<select name="questionLevel">
<option value="1" checked>容易</option>
<option value="2">中等</option>
<option value="3">困难</option>
</select>
</div>
</td>
</tr>
<tr height="80px">
<td class="_td_class">题目:</td>
<td class="_td_class" colspan="3">
<textarea rows="5" cols="30" style="width:98%;margin-top:10px" name="questionTitle" lay-verify="required"></textarea>
</td>
</tr>
<tr height="50px">
<td class="_td_class">选项:</td>
<td class="_td_class">选项</td>
<td class="_td_class" colspan="2">内容</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input value="A" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input value="B" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input value="C" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input value="D" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class">答案:</td>
<td class="_td_class" colspan="3">
<input type="radio" name="questionAnswer" lay-verify="otherReq" value="1">A
<input type="radio" name="questionAnswer" lay-verify="otherReq" value="2">B
<input type="radio" name="questionAnswer" lay-verify="otherReq" value="3">C
<input type="radio" name="questionAnswer" lay-verify="otherReq" value="4">D
</td>
</tr>
<tr height="80px">
<td class="_td_class">备注:</td>
<td class="_td_class" colspan="3">
<textarea name="questionDesc" rows="5" cols="30" style="width:98%;margin-top:10px"></textarea>
</td>
</tr>
</tbody>
</table>
<button lay-submit class="layui-btn layui-btn-normal layui-hide" lay-filter="exam_1_addForm_filter" style="float:right;margin-right:10px">确定</button>
</form>
</div>
<div id="exam_1_editWin" class="page_win page_win_hide" style="padding:10px">
<form id="exam_1_editForm" lay-filter="exam_1_editForm_filter" class="layui-form">
<input type="hidden" value="1" name="type"/>
<input type="hidden" value="" name="id"/>
<input type="hidden" value="${manager_user['usersUid']}" name="usersUid"/>
<table width="100%">
<tbody>
<tr height="50px">
<td width="15%" class="_td_class">类别:</td>
<td width="35%" class="_td_class">
<div class="layui-inline layui-form" style="width:95%;">
<select name="questionType_id" lay-verify="required">
<option value="">请选择</option>
<#list questionTypeList as list>
<option value="${list.id}">${list.typeName}</option>
</#list>
</select>
</div>
</td>
<td width="35%" class="_td_class">难度:</td>
<td width="15%" class="_td_class">
<div class="layui-inline layui-form" style="width:95%;">
<select name="questionLevel">
<option value="1">容易</option>
<option value="2">中等</option>
<option value="3">困难</option>
</select>
</div>
</td>
</tr>
<tr height="120px">
<td class="_td_class">题目:</td>
<td class="_td_class" colspan="3">
<textarea rows="5" cols="30" style="width:98%;margin-top:10px" name="questionTitle" lay-verify="required"></textarea>
</td>
</tr>
<tr height="50px">
<td class="_td_class">选项:</td>
<td class="_td_class">选项</td>
<td class="_td_class" colspan="2">内容</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input value="A" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input id="questionOption_1" name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input value="B" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input id="questionOption_2" name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input value="C" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input id="questionOption_3" name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input value="D" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input id="questionOption_4" name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class">答案:</td>
<td class="_td_class" colspan="3">
<input type="radio" name="questionAnswer" lay-verify="otherReq" value="1">A
<input type="radio" name="questionAnswer" lay-verify="otherReq" value="2">B
<input type="radio" name="questionAnswer" lay-verify="otherReq" value="3">C
<input type="radio" name="questionAnswer" lay-verify="otherReq" value="4">D
</td>
</tr>
<tr height="120px">
<td class="_td_class">备注:</td>
<td class="_td_class" colspan="3">
<textarea name="questionDesc" rows="5" cols="30" style="width:98%;margin-top:10px"></textarea>
</td>
</tr>
</tbody>
</table>
<button lay-submit class="layui-btn layui-btn-normal layui-hide" lay-filter="exam_1_editForm_filter" style="float:right;margin-right:10px">确定</button>
</form>
</div>
<div id="exam_1_showWin" class="page_win page_win_hide" style="padding:10px">
<form id="exam_1_showForm" lay-filter="exam_1_showForm_filter" class="layui-form">
<input type="hidden" value="1" name="type"/>
<input type="hidden" value="" name="id"/>
<input type="hidden" value="${manager_user['usersUid']}" name="usersUid"/>
<table width="100%">
<tbody>
<tr height="50px">
<td width="15%" class="_td_class">类别:</td>
<td width="35%" class="_td_class">
<div class="layui-inline layui-form" style="width:95%;">
<select name="questionType_id" lay-verify="required" disabled="disabled">
<option value="">请选择</option>
<#list questionTypeList as list>
<option value="${list.id}">${list.typeName}</option>
</#list>
</select>
</div>
</td>
<td width="35%" class="_td_class">难度:</td>
<td width="15%" class="_td_class">
<div class="layui-inline layui-form" style="width:95%;">
<select name="questionLevel" disabled="disabled">
<option value="1">容易</option>
<option value="2">中等</option>
<option value="3">困难</option>
</select>
</div>
</td>
</tr>
<tr height="120px">
<td class="_td_class">题目:</td>
<td class="_td_class" colspan="3">
<textarea disabled="disabled" rows="5" cols="30" style="width:98%;margin-top:10px" name="questionTitle" lay-verify="required"></textarea>
</td>
</tr>
<tr height="50px">
<td class="_td_class">选项:</td>
<td class="_td_class">选项</td>
<td class="_td_class" colspan="2">内容</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input disabled="disabled" value="A" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input disabled="disabled" id="questionOption_1_show" name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input disabled="disabled" value="B" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input disabled="disabled" id="questionOption_2_show" name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input disabled="disabled" value="C" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input disabled="disabled" id="questionOption_3_show" name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class"></td>
<td class="_td_class">
<input value="D" readonly="readonly" class="layui-input" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td class="_td_class" colspan="2">
<input disabled="disabled" id="questionOption_4_show" name="questionOptions" class="layui-input" lay-verify="required" type="text" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
</tr>
<tr height="50px">
<td class="_td_class">答案:</td>
<td class="_td_class" colspan="3">
<input disabled="disabled" type="radio" name="questionAnswer" lay-verify="otherReq" value="1">A
<input disabled="disabled" type="radio" name="questionAnswer" lay-verify="otherReq" value="2">B
<input disabled="disabled" type="radio" name="questionAnswer" lay-verify="otherReq" value="3">C
<input disabled="disabled" type="radio" name="questionAnswer" lay-verify="otherReq" value="4">D
</td>
</tr>
<tr height="120px">
<td class="_td_class">备注:</td>
<td class="_td_class" colspan="3">
<textarea disabled="disabled" name="questionDesc" rows="5" cols="30" style="width:98%;margin-top:10px"></textarea>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<script type="text/javascript">
layuiplus.on(function(){
layuiplus.init(0);
var addWin;
var editWin,showWin;
//列表开始=============================================================================
var exam_1_dataTable = table.render({
elem:"#exam_1_dataTable",
url:"${ctx}/exam/exam_1/list",
method:"get",
cols:[[
{field:"questionTypeName",title:"类别",unresize:true,width:200},
{field:"questionTitle",title:"题目",unresize:true,width:500},
{field:"questionLevel",title:"难度",unresize:true,width:100,templet:function(d){
if(d.questionLevel == "1") return "容易";
if(d.questionLevel == "2") return "中等";
if(d.questionLevel == "3") return "困难";
return "";
}},
{field:"updateTime",title:"更新时间",unresize:true,width:200,templet:function(d){
var _time = d.updateTime.replace(","," - ");
return _time;
}},
{field:"questionDesc",title:"备注",unresize:true,width:260},
{title:"操作 ",unresize:true,align:"center",templet:function(d){
var opt = "";
if("${manager_user['usersUid']}" == d.usersUid){
opt = "<a class=\"layui-btn layui-btn-xs\" lay-event=\"opt_edit\">修改</a>&nbsp;&nbsp;";
opt += "<a class=\"layui-btn layui-btn-danger layui-btn-xs\" lay-event=\"opt_delete\">删除</a>&nbsp;&nbsp;"
}else{
opt = "<a class=\"layui-btn layui-btn-xs\" lay-event=\"opt_show\">查看</a>&nbsp;&nbsp;";
}
return opt;
}},
]],
height: $(document).height() - $('#exam_1_dataTable').offset().top - 20,
page:{
layout:["prev","page","next","skip","count","limit"],
limits:[10],
theme: '#1E9FFF'
}
})
//列表结束=============================================================================
//查询开始=============================================================================
$(":button[id^='exam_1_searchBtn']").bind("click", function(){
exam_1_dataTable.reload({
where:{
questionTitle:$("#exam_1_questionTitle").val()
}
});
});
//查询结束=============================================================================
//重置开始=============================================================================
$(":button[id^='exam_1_resetBtn']").bind("click", function(){
$("#exam_1_questionTitle").val("");
exam_1_dataTable.reload({
where:{
questionTitle:""
}
});
});
//重置结束=============================================================================
//添加开始=============================================================================
$(":button[id^='exam_1_addBtn']").bind("click", function(){
addWin = layer.open({
id:"exam_1_addWin_id",
title: "新增题库",
type: 1,
content: $("#exam_1_addWin"),
area: ["1000px", "600px"],
btn:["确定"],
yes:function(){
$("#exam_1_addForm").find("button[lay-filter=exam_1_addForm_filter]").click();
},
end:function(){
$("#exam_1_addForm")[0].reset();
}
});
});
form.on("submit(exam_1_addForm_filter)",function(formData){
layerload.on();
$.ajax({
type:"post",
url:"${ctx}/exam/exam_1/add",
data:$(formData.form).serialize(),
dataType:"json",
success:function(data){
if(data.status == true){
layer.close(addWin);
layer.msg("操作成功",{time:2000});
exam_1_dataTable.reload({
where:{
questionTitle:$("#exam_1_questionTitle").val()
}
});
layerload.off();
}
}
});
return false;
});
//添加结束=============================================================================
//监听表格内的事件开始========================================================================
table.on("tool(exam_1_dataTable_filter)",function(row){//row.data row.event
if(row.event == "opt_delete"){
layer.confirm("确定要删除此条数据吗(慎重)。<br/>如果继续请点击“确定”,否则点击“取消”<br/>是否继续?",{title:"提示"},function(index){
$.ajax({
type:"get",
url:"${ctx}/exam/exam_1/delete",
data:{id:row.data.id},
dataType:"json",
success:function(data){
if(data.status == true){
exam_1_dataTable.reload();
layer.close(index);
layer.msg("操作成功",{time:2000});
}
}
});
});
}
if(row.event == "opt_show"){
showWin = layer.open({
id:"exam_1_showWin_id",
title: "查看题库",
type: 1,
content: $("#exam_1_showWin"),
area: ["1000px", "600px"],
success:function(){
$.ajax({
type:"get",
url:"${ctx}/exam/exam_1/get",
data:{id:row.data.id},
dataType:"json",
success:function(data){
form.val("exam_1_showForm_filter",{
id:data.id,
questionType_id:data.questionType_id,
questionLevel:data.questionLevel,
questionTitle:data.questionTitle,
questionAnswer:data.questionAnswer,
questionExplain:data.questionExplain,
type:data.type,
questionDesc:data.questionDesc
});
var strs = data.questionOption.split("###");
$("#questionOption_1_show").val(strs[0]);
$("#questionOption_2_show").val(strs[1]);
$("#questionOption_3_show").val(strs[2]);
$("#questionOption_4_show").val(strs[3]);
}
});
},
end:function(){
$("#exam_1_showForm")[0].reset();
}
});
}
if(row.event == "opt_edit"){
editWin = layer.open({
id:"exam_1_editWin_id",
title: "修改题库",
type: 1,
content: $("#exam_1_editWin"),
area: ["1000px", "600px"],
btn:["确定"],
success:function(){
$.ajax({
type:"get",
url:"${ctx}/exam/exam_1/get",
data:{id:row.data.id},
dataType:"json",
success:function(data){
form.val("exam_1_editForm_filter",{
id:data.id,
questionType_id:data.questionType_id,
questionLevel:data.questionLevel,
questionTitle:data.questionTitle,
questionAnswer:data.questionAnswer,
questionExplain:data.questionExplain,
type:data.type,
questionDesc:data.questionDesc
});
var strs = data.questionOption.split("###");
$("#questionOption_1").val(strs[0]);
$("#questionOption_2").val(strs[1]);
$("#questionOption_3").val(strs[2]);
$("#questionOption_4").val(strs[3]);
}
});
},
yes:function(){
$("#exam_1_editForm").find("button[lay-filter=exam_1_editForm_filter]").click();
},
end:function(){
$("#exam_1_editForm")[0].reset();
}
});
}
});
//监听表格内的事件结束========================================================================
//修改开始================================================================================
form.on("submit(exam_1_editForm_filter)",function(formData){
layerload.on();
$.ajax({
type:"post",
url:"${ctx}/exam/exam_1/edit",
data:$(formData.form).serialize(),
dataType:"json",
success:function(data){
if(data.status == true){
layer.close(editWin);
layer.msg("操作成功",{time:2000});
exam_1_dataTable.reload({
where:{
questionTitle:$("#exam_1_questionTitle").val()
}
});
layerload.off();
}
}
});
return false;
});
//修改结束=============================================================================
//自定义验证规则
form.verify({
otherReq: function(value,item){
var $ = layui.$;
var verifyName=$(item).attr('name')
, verifyType=$(item).attr('type')
,formElem=$(item).parents('.layui-form')//获取当前所在的form元素,如果存在的话
,verifyElem=formElem.find('input[name='+verifyName+']')//获取需要校验的元素
,isTrue= verifyElem.is(':checked')//是否命中校验
,focusElem = verifyElem.next().find('i.layui-icon');//焦点元素
if(!isTrue || !value){
//定位焦点
focusElem.css(verifyType=='radio'?{"color":"#FF5722"}:{"border-color":"#FF5722"});
//对非输入框设置焦点
focusElem.first().attr("tabIndex","1").css("outline","0").blur(function() {
focusElem.css(verifyType=='radio'?{"color":""}:{"border-color":""});
}).focus();
return '必填项不能为空';
}
}
});
})
</script>
</body>
</html>