huanghai
/
ccZhiChengTouPiao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
main
kgdxpr 3 years ago
parent ac9615f427
commit 4abf69c791
3 changed files with 118 additions and 11 deletions
Show Stats Download Patch File Download Diff File

106
WebRoot/html/tp/advanced.html
Unescape View File

@ -0,0 +1,106 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="./component/pear/css/pear.css" />
</head>
<body class="pear-container">
<div class="layui-card">
<div class="layui-card-body">
<div style="text-align:center;padding-top: 40px;">
<div class="layui-form-item">
<h1>高级教师推荐人员名单</h1>
</div>
</div>
<div class="layui-card layui-form" lay-filter="component-form-element"
style="text-align:center;padding-top: 40px;">
<div class="layui-card-header" ><span style="color: red;">备注：从如下人员中推荐2人。</span><span id="identityView">投票人身份：评委会</span></div>
<script id="identityScript" type="text/html">
投票人身份：评委会
</script>
<div class="layui-card-body layui-row layui-col-space10">
<div class="layui-col-md12" id="checkboxPersonView">
<!-- <input type="checkbox" name="selectPerson" value="1" title="写作" lay-skin="primary">
<input type="checkbox" name="selectPerson" value="2" title="发呆" lay-skin="primary">
<input type="checkbox" name="selectPerson" value="3" title="禁用" lay-skin="primary"> -->
</div>
<script id="checkboxPersonScript" type="text/html">
{{# layui.each(d.data, function(index, item){ }}
<input type="checkbox" name="selectPerson" value="{{ item.houxuanren_type_id }}" title="{{ item.houxuanren_name }}" lay-skin="primary" style="width:50px;height:50px;">
{{# }); }}
</script>
</div>
</div>
<div style="text-align:center;padding-top: 40px;">
<div class="layui-form-item">
<button class="layui-btn" lay-submit lay-filter="submit">立即提交</button>
</div>
</div>
</div>
</div>
<script src="./component/layui/layui.js"></script>
<script src="./component/pear/pear.js"></script>
<script src="./component/other/js/base64.js"></script>
<script>
layui.use(['form', 'jquery', 'laytpl'], function () {
let form = layui.form;
let $ = layui.jquery;
let laytpl = layui.laytpl;
$.ajax({
type: "GET",
dataType: "json",
url: "/FengHuang/TouPiao/getHouXuanRenList?type_id=1",
success: function (data) {
var checkboxPersonTpl = checkboxPersonScript.innerHTML,
checkboxPersonView = document.getElementById('checkboxPersonView');
laytpl(checkboxPersonTpl).render(data, function (html) {
checkboxPersonView.innerHTML = html;
});
form.render();
}
});
form.on('submit(submit)', function (data) {
var arr = new Array();
$("input:checkbox[name='selectPerson']:checked").each(function (i) {
arr[i] = $(this).val();
});
if(arr.length!=2){
layer.msg('必须选中2人！', {icon: 5,time: 2000});
return;
}
console.log("22222");
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
})
</script>
</body>
</html>

4
WebRoot/html/tp/index.html
Unescape View File

@ -46,12 +46,12 @@
data: [{ data: [{
id: "page2", id: "page2",
title: "高级", title: "高级",
url: "./taskManageList.html", url: "./advanced.html",
close: false close: false
}, { }, {
id: "page1", id: "page1",
title: "中级", title: "中级",
url: "./formTemplateList.html", url: "./middle.html",
close: false close: false
}] }]
}); });

19
WebRoot/html/tp/taskManageList.html → WebRoot/html/tp/middle.html
Unescape View File

@ -13,7 +13,7 @@
<div style="text-align:center;padding-top: 40px;"> <div style="text-align:center;padding-top: 40px;">
<div class="layui-form-item"> <div class="layui-form-item">
<h1>高级教师推荐人员名单</h1> <h1>中级教师推荐人员名单</h1>
</div> </div>
</div> </div>
@ -22,13 +22,13 @@
<div class="layui-card-header" style="color: red;">备注：从如下人员中推荐2人。</div> <div class="layui-card-header" style="color: red;">备注：从如下人员中推荐2人。</div>
<div class="layui-card-body layui-row layui-col-space10"> <div class="layui-card-body layui-row layui-col-space10">
<div class="layui-col-md12" id="checkboxPersonView"> <div class="layui-col-md12" id="checkboxPersonView">
<input type="checkbox" name="selectPerson" value="1" title="写作" lay-skin="primary"> <!-- <input type="checkbox" name="selectPerson" value="1" title="写作" lay-skin="primary">
<input type="checkbox" name="selectPerson" value="2" title="发呆" lay-skin="primary"> <input type="checkbox" name="selectPerson" value="2" title="发呆" lay-skin="primary">
<input type="checkbox" name="selectPerson" value="3" title="禁用" lay-skin="primary"> <input type="checkbox" name="selectPerson" value="3" title="禁用" lay-skin="primary"> -->
</div> </div>
<script id="checkboxPersonScript" type="text/html"> <script id="checkboxPersonScript" type="text/html">
{{# layui.each(d.list, function(index, item){ }} {{# layui.each(d.data, function(index, item){ }}
<input type="checkbox" name="selectPerson" value="1" title="写作" lay-skin="primary"> <input type="checkbox" name="selectPerson" value="{{ item.houxuanren_type_id }}" title="{{ item.houxuanren_name }}" lay-skin="primary" style="width:50px;height:50px;">
{{# }); }} {{# }); }}
</script> </script>
@ -40,8 +40,6 @@
<button class="layui-btn" lay-submit lay-filter="submit">立即提交</button> <button class="layui-btn" lay-submit lay-filter="submit">立即提交</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -62,16 +60,19 @@
$.ajax({ $.ajax({
type: "GET", type: "GET",
dataType: "json", dataType: "json",
url: "/FengHuang/TouPiao/getHouXuanRenList?type_id=1", url: "/FengHuang/TouPiao/getHouXuanRenList?type_id=2",
success: function (data) { success: function (data) {
var checkboxPersonTpl = checkboxPersonScript.innerHTML, var checkboxPersonTpl = checkboxPersonScript.innerHTML,
checkboxPersonView = document.getElementById('checkboxPersonView'); checkboxPersonView = document.getElementById('checkboxPersonView');
laytpl(checkboxPersonTpl).render(data, function (html) { laytpl(checkboxPersonTpl).render(data, function (html) {
checkboxPersonView.innerHTML = html; checkboxPersonView.innerHTML = html;
}); });
form.render();
} }
}); });
@ -89,7 +90,7 @@
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。 return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
}); });
Write Preview
Loading…
Cancel
Save