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.
 
 
 
 
 

430 lines
14 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>
<div class="page_tools">
<div class="layui-inline" style="width:50px;">
名称:
</div>
<div class="layui-inline" style="width:150px;">
<input id="exam_0_typeName" class="layui-input" type="text" style="font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</div>
<button id="exam_0_cxBtn" class="layui-btn layui-btn-normal"><i class="layui-icon">&#xe615;</i>查询</button>
<button id="exam_0_czBtn" class="layui-btn"><i class="layui-icon">&#xe669;</i>重置</button>
<button id="exam_0_tjBtn" 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_0_dataTable" lay-filter="exam_0_dataTable_filter" lay-size="sm" width="100%">
</table>
</div>
</div>
</div>
</div>
</div>
<div id="exam_0_addWin" class="page_win page_win_hide" style="padding:10px">
<form id="exam_0_addForm" lay-filter="exam_0_addForm_filter" class="layui-form">
<input type="hidden" value="${manager_user['usersUid']}" name="usersUid"/>
<input type="hidden" value="${manager_user['baseId']}" name="baseId"/>
<input type="hidden" value="${manager_user['regionId']}" name="regionId"/>
<input type="hidden" value="${manager_user['regionIds']}" name="regionIds"/>
<input type="hidden" value="${manager_user['regionVal']}" name="regionVal"/>
<input type="hidden" value="${manager_user['regionVals']}" name="regionVals"/>
<table width="100%">
<tbody>
<tr height="50px">
<td width="15%" class="_td_class"><span style="color:red">*</span>名称</td>
<td width="35%" class="_td_class">
<input name="typeName" class="layui-input" type="text" lay-verify="required" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td width="15%" class="_td_class"><span style="color:red">*</span>是否公开</td>
<td width="35%" class="_td_class">
<input type="radio" name="isOpen" lay-verify="otherReq" value="1">是
<input type="radio" name="isOpen" lay-verify="otherReq" value="2">否
</td>
</tr>
<tr height="200px">
<td class="_td_class"><span style="color:white">*</span>备注</td>
<td class="_td_class" colspan="3">
<textarea name="typeDesc" rows="5" cols="30" style="width:98%;height:90%;margin-top:10px"></textarea>
</td>
</tr>
</tbody>
</table>
<button lay-submit lay-filter="exam_0_addForm_filter" class="layui-btn layui-hide" style="float:right;margin-right:10px">确定</button>
</form>
</div>
<div id="exam_0_editWin" class="page_win page_win_hide" style="padding:10px">
<form id="exam_0_editForm" lay-filter="exam_0_editForm_filter" class="layui-form">
<input type="hidden" name="id"/>
<input type="hidden" name="usersUid"/>
<input type="hidden" name="baseId"/>
<input type="hidden" name="regionId"/>
<input type="hidden" name="regionIds"/>
<input type="hidden" name="regionVal"/>
<input type="hidden" name="regionVals"/>
<table width="100%">
<tbody>
<tr height="50px">
<td width="15%" class="_td_class">名称</td>
<td width="35%" class="_td_class">
<input name="typeName" class="layui-input" type="text" lay-verify="required" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td width="15%" class="_td_class">是否公开</td>
<td width="35%" class="_td_class">
<input type="radio" name="isOpen" lay-verify="otherReq" value="1">是
<input type="radio" name="isOpen" lay-verify="otherReq" value="2">否
</td>
</tr>
<tr height="200px">
<td class="_td_class">备注</td>
<td class="_td_class" colspan="3">
<textarea name="typeDesc" rows="5" cols="30" style="width:98%;height:90%;margin-top:10px"></textarea>
</td>
</tr>
</tbody>
</table>
<button lay-submit lay-filter="exam_0_editForm_filter" class="layui-btn layui-hide" style="float:right;margin-right:10px">确定</button>
</form>
</div>
<div id="exam_0_showWin" class="page_win page_win_hide" style="padding:10px">
<form id="exam_0_showForm" lay-filter="exam_0_showForm_filter" class="layui-form">
<input type="hidden" name="id"/>
<input type="hidden" name="usersUid"/>
<input type="hidden" name="baseId"/>
<input type="hidden" name="regionId"/>
<input type="hidden" name="regionIds"/>
<input type="hidden" name="regionVal"/>
<input type="hidden" name="regionVals"/>
<table width="100%">
<tbody>
<tr height="50px">
<td width="15%" class="_td_class">名称</td>
<td width="35%" class="_td_class">
<input readonly="readonly" name="typeName" class="layui-input" type="text" lay-verify="required" style="width:98%;font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
</td>
<td width="15%" class="_td_class">是否公开</td>
<td width="35%" class="_td_class">
<input disabled="disabled" type="radio" name="isOpen" lay-verify="otherReq" value="1">是
<input disabled="disabled" type="radio" name="isOpen" lay-verify="otherReq" value="2">否
</td>
</tr>
<tr height="200px">
<td class="_td_class">备注</td>
<td class="_td_class" colspan="3">
<textarea readonly="readonly" name="typeDesc" rows="5" cols="30" style="width:98%;height:90%;margin-top:10px"></textarea>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<script type="text/javascript">
layuiplus.on_w_1(function(){
layuiplus.init(1);
//列表开始
var exam_0_dataTable = table.render({
elem:"#exam_0_dataTable",
url:"${ctx}/exam/exam_0/list",
where:{
baseId:"${manager_user['baseId']}"
},
method:"get",
cols:[[
{field:"typeName",title:"名称",unresize:true,width:300},
{field:"isOpen",title:"是否公开",unresize:true,width:160,templet:function(d){
if(d.isOpen == "2") return "否";
if(d.isOpen == "1") return "是";
return "";
}},
{field:"createTime",title:"创建时间",unresize:true,width:260,templet:function(d){
var _time = d.updateTime.replace(","," - ");
return _time;
}},
{field:"updateTime",title:"更新时间",unresize:true,width:260,templet:function(d){
var _time = d.updateTime.replace(","," - ");
return _time;
}},
{field:"typeDesc",title:"备注",unresize:true,width:260},
{title:"操作 ",unresize:true,align:"center",templet:function(d){
var opt = "";
if("${manager_user['baseId']}" == d.baseId){
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_0_dataTable').offset().top - 20,
text:{none:"暂无数据,您可以更改查询时间段进行查询"},
page:{
layout:["prev","page","next","skip","count","limit"],
limits:[10],
theme: '#1E9FFF'
}
});
//查询按钮
$("#exam_0_cxBtn").bind("click", function(){
exam_0_dataTable.reload({
where:{
typeName:$("#exam_0_typeName").val(),
baseId:"${manager_user['baseId']}"
}
});
});
//重置按钮
$("#exam_0_czBtn").bind("click", function(){
$("#exam_0_typeName").val("");
exam_0_dataTable.reload({
where:{
typeName:"",
baseId:"${manager_user['baseId']}"
}
});
});
//添加按钮
var addWin;
$("#exam_0_tjBtn").bind("click", function(){
addWin = layer.open({
id:"exam_0_addWin_id",
title: "新增题库",
type: 1,
content: $("#exam_0_addWin"),
area: ["1000px", "600px"],
btn:["确定"],
yes:function(){
$("#exam_0_addForm").find("button[lay-filter=exam_0_addForm_filter]").click();
},
end:function(){
$("#exam_0_addForm")[0].reset();
}
});
});
//添加提交按钮
form.on("submit(exam_0_addForm_filter)",function(formData){
layerload.on();
$.ajax({
type:"post",
url:"${ctx}/exam/exam_0/add",
data:$(formData.form).serialize(),
dataType:"json",
success:function(data){
if(data.status == true){
layer.close(addWin);
layer.msg("操作成功",{time:2000});
exam_0_dataTable.reload({
where:{
typeName:$("#exam_0_typeName").val(),
baseId:"${manager_user['baseId']}"
}
});
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 '必填项不能为空';
}
}
});
var exam_0_editWin,exam_0_showWin;
//数据表格exam_0_dataTable_filter每行数据操作监听
table.on("tool(exam_0_dataTable_filter)",function(row){//row.data row.event
if(row.event == "opt_show"){
exam_0_showWin = layer.open({
id:"exam_0_showWin_id",
type:1,
shade:0.3,
area:["1000px","600px"],
resize:false,
content:$("#exam_0_showWin"),
end:function(){
$("#typeName").val("");
$("#typeDesc").val("");
$("#exam_0_showForm")[0].reset();
},
success:function(){
$.ajax({
type:"get",
url:"${ctx}/exam/exam_0/get",
data:{id:row.data.id},
dataType:"json",
success:function(data){
var _data = data;
form.val("exam_0_showForm_filter",{
id:_data.id,
usersUid:_data.usersUid,
baseId:_data.baseId,
regionId:_data.regionId,
regionIds:_data.regionIds,
regionVal:_data.regionVal,
regionVals:_data.regionVals,
typeName:_data.typeName,
isOpen:_data.isOpen.toString(),
typeDesc:_data.typeDesc
});
}
});
}
});
}
if(row.event == "opt_edit"){
exam_0_editWin = layer.open({
id:"exam_0_editWin_id",
type:1,
shade:0.3,
area:["1000px","600px"],
btn:["确定"],
resize:false,
content:$("#exam_0_editWin"),
yes:function(index,layero){
$("#exam_0_editForm").find("button[lay-filter=exam_0_editForm_filter]").click();
},
end:function(){
$("#typeName").val("");
$("#typeDesc").val("");
$("#exam_0_editForm")[0].reset();
},
success:function(){
$.ajax({
type:"get",
url:"${ctx}/exam/exam_0/get",
data:{id:row.data.id},
dataType:"json",
success:function(data){
var _data = data;
form.val("exam_0_editForm_filter",{
id:_data.id,
usersUid:_data.usersUid,
baseId:_data.baseId,
regionId:_data.regionId,
regionIds:_data.regionIds,
regionVal:_data.regionVal,
regionVals:_data.regionVals,
typeName:_data.typeName,
isOpen:_data.isOpen.toString(),
typeDesc:_data.typeDesc
});
}
});
}
});
}
if(row.event == "opt_delete"){
layer.confirm("删除当前题库类别。<br/>如果继续请点击“确定”,否则点击“取消”<br/>是否继续?",{title:"提示"},function(index){
$.ajax({
type:"get",
url:"${ctx}/exam/exam_0/delete",
data:{id:row.data.id},
dataType:"json",
success:function(data){
if(data.status == true){
exam_0_dataTable.reload({
where:{
typeName:$("#exam_0_typeName").val(),
baseId:"${manager_user['baseId']}"
}
});
layer.close(index);
layer.msg("操作成功",{time:2000});
}else{
layer.close(index);
layer.msg("请先删除相关试题信息",{time:2000});
}
}
});
});
}
});
//编辑提交按钮
form.on("submit(exam_0_editForm_filter)",function(formData){
layerload.on();
$.ajax({
type:"post",
url:"${ctx}/exam/exam_0/edit",
data:$(formData.form).serialize(),
dataType:"json",
success:function(data){
if(data.status == true){
layer.close(exam_0_editWin);
layer.msg("操作成功",{time:2000});
exam_0_dataTable.reload({
where:{
typeName:$("#exam_0_typeName").val(),
baseId:"${manager_user['baseId']}"
}
});
layerload.off();
}
}
});
return false;
});
});
</script>
</body>
</html>