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.

134 lines
5.1 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../component/pear/css/pear.css" />
</head>
<body class="layui-form">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-inline" style="margin: 5px 0 5px 0">
<label class="layui-form-label" style="width: 55px;">班型:</label>
<div class="layui-input-inline" id="typeSelectView" style="margin-right: 8px;">
</div>
<script id="typeSelectScript" type="text/html">
<select name="typeSelect" id="bxSelect" lay-filter="selctOnchange">
{{# layui.each(d, function(index, item){ }}
<option value="{{item.bx_id}}">{{item.bx_name}}</option>
{{# }); }}
</select>
</script>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-body">
<table id="task-table" lay-filter="task-table"></table>
</div>
</div>
<script type="text/html" id="tableOperate">
<button class="pear-btn pear-btn-warming pear-btn-sm" lay-event="view" title="查看户口本照片"><i class="icon pear-icon pear-icon-picture"></i>
</button>
</script>
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script>
layui.use(['table', 'laytpl', 'form', 'jquery', 'common'], function () {
let table = layui.table;
let form = layui.form;
let laytpl = layui.laytpl
let $ = layui.jquery;
let common = layui.common;
let taskId = GetQueryString("task_id");
let cols = [
[
{ field: '', title: '序号', align: 'center', type: 'numbers', width: "5%" }
, { field: 'name', title: '姓名', align: 'center', width: "8%" }
, { field: 'xb', title: '性别', align: 'center', width: "5%" }
, { field: 'sfzh', title: '身份证号', align: 'center', width: "15%" }
, { field: 'bx_name', title: '报名学段', align: 'center', width: "8%" }
, { field: 'address', title: '家庭住址', align: 'center', width: "11%" }
, { field: 'father_name', title: '父亲姓名', align: 'center', width: "8%" }
, { field: 'mother_name', title: '母亲姓名', align: 'center', width: "8%" }
, { field: 'tel', title: '联系电话', align: 'center', width: "10%" }
, { field: 'create_time', title: '报名日期', align: 'center', width: "10%" }
, { field: '', title: '查看户口本照片', toolbar: '#tableOperate', align: 'center', width: "10%" }
]
]
$.ajax({
type: "GET",
dataType: "json",
async: false,
url: "/FengHuang/yp/getTaskLimit?task_id=" + taskId,
success: function (data) {
var typeSelectTpl = typeSelectScript.innerHTML,
typeSelectView = document.getElementById('typeSelectView');
laytpl(typeSelectTpl).render(data, function (html) {
typeSelectView.innerHTML = html;
form.render()
});
}
});
tableRender()
function tableRender() {
table.render({
elem: '#task-table',
url: '/FengHuang/yp/getTaskInfo?task_id=' + taskId + '&bx_id=' + $("#bxSelect").val() + '&page=1&limit=10',
where: {
keyword: $("#templateName").val()
},
page: {
limit: 15
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
cols: cols,
skin: 'line',
defaultToolbar: []
});
}
form.on('select(selctOnchange)', function (data) {
tableRender();
});
table.on('tool(task-table)', function (data) {
if (data.event === 'view') {
window.open('/FengHuang/' + data.data.pic);
}
});
function GetQueryString(name, istop) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (typeof (istop) != "undefined") r = top.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
})
</script>
</body>
</html>