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.

171 lines
6.8 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>
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove" title="删除"><i class="layui-icon layui-icon-delete"></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);
layer.photos({
photos: {
"data": [
{
"src": "/FengHuang/" + data.data.pic
}
]
}
});
} else if (data.event === 'remove') {
layer.confirm('确定要删除吗?', {
icon: 3,
title: '提示'
}, function (index) {
$.ajax({
url: "/FengHuang/yp/delRecord?id=" + data.data.id,
type: 'GET',
success: function (result) {
if (result.success) {
layer.msg("删除成功!", {
icon: 1,
time: 1000
}, function () {
table.reload('task-table');
});
} else {
layer.msg(result.msg, {
icon: 2,
time: 1000
});
}
}
})
});
}
});
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>