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.

202 lines
7.7 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../component/pear/css/pear.css" />
<link rel="stylesheet" href="../component/other/css/photoviewer.min.css" />
<style>
.photoviewer-stage {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .85);
border: none;
}
.photoviewer-button {
color: #ccc;
pointer-events: auto;
}
</style>
</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 src="../component/other/js/photoviewer.min.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(),
where: {
keyword: $("#templateName").val()
},
page: {
layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
cols: cols,
skin: 'line',
page: true,
defaultToolbar: []
});
}
form.on('select(selctOnchange)', function (data) {
tableRender();
});
table.on('tool(task-table)', function (data) {
if (data.event === 'view') {
var items = [{ src: "/FengHuang/" + data.data.pic }],
options = {
index: 0,
resizable: false,
title: false,
initMaximized: true,
headerToolbar: ['close'],
footerToolbar: [
'rotateLeft',
'rotateRight'
],
i18n: {
close: '关闭',
rotateLeft: '向左旋转',
rotateRight: '向右旋转'
}
};
new PhotoViewer(items, options);
} 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>