431 lines
20 KiB
HTML
431 lines
20 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<base href="/signup/">
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css"/>
|
|
<link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
|
|
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
|
|
</head>
|
|
<body>
|
|
<div class="layui-fluid layui-anim layui-anim-fadein">
|
|
<div class="layui-row">
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-body">
|
|
<div class="test-table-reload-btn" style="margin-bottom: 10px;">
|
|
<div class="layui-inline">
|
|
<input type="text" id="keywords" class="layui-input search-item" placeholder="输入关键字">
|
|
</div>
|
|
<div class="layui-inline">
|
|
<input type="text" id="startTime" class="layui-input search-item" placeholder="开始时间" readonly>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<input type="text" id="endTime" class="layui-input search-item" placeholder="结束时间" readonly>
|
|
</div>
|
|
<button type="button" id="search" class="layui-btn layui-btn-sm">
|
|
<i class="fa fa-lg fa-search"></i> 搜索
|
|
</button>
|
|
</div>
|
|
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="assets/layuiadmin/layui/layui.js"></script>
|
|
<script src="assets/js/vendor/viewer/viewer.min.js"></script>
|
|
<script>
|
|
layui.config({
|
|
base: 'assets/layuiadmin/'
|
|
}).extend({
|
|
index: 'lib/index'
|
|
}).use(['index', 'table', 'laydate', 'common'], function() {
|
|
var $ = layui.$;
|
|
var $win = $(window);
|
|
var table = layui.table;
|
|
var admin = layui.admin;
|
|
var laydate = layui.laydate;
|
|
var common = layui.common;
|
|
var resizeTimeout = null;
|
|
var tableUrl = 'api/classplan/listpage';
|
|
var orgInfo = {};
|
|
|
|
function initData(){
|
|
initDate();
|
|
getOrgInfo();
|
|
}
|
|
initData();
|
|
|
|
function getOrgInfo(){
|
|
top.restAjax.get(top.restAjax.path('api/teacher/getorginfo', []), {}, null, function (code, data) {
|
|
orgInfo = data;
|
|
initTable();
|
|
}, function (code, data) {
|
|
top.dialog.msg(data.msg);
|
|
});
|
|
}
|
|
|
|
// 初始化表格
|
|
function initTable() {
|
|
table.render({
|
|
elem: '#dataTable',
|
|
id: 'dataTable',
|
|
url: top.restAjax.path(tableUrl, []),
|
|
width: admin.screen() > 1 ? '100%' : '',
|
|
height: $win.height() - 90,
|
|
limit: 20,
|
|
limits: [20, 40, 60, 80, 100, 200],
|
|
toolbar: false,
|
|
request: {
|
|
pageName: 'page',
|
|
limitName: 'rows'
|
|
},
|
|
where : {
|
|
orgId : orgInfo.institutionId
|
|
},
|
|
cols: [
|
|
[
|
|
{width:90, title: '', fixed: 'left', align:'center',
|
|
templet: function(row) {
|
|
var dom = '';
|
|
dom += '<a type="button" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="signUpUserEvent">报名人员</a>';
|
|
return dom;
|
|
}
|
|
},
|
|
{width:150, title: '状态', fixed: 'left', align:'center',
|
|
templet: function(row) {
|
|
var dom = '';
|
|
if(row['reportType'] === '0'){
|
|
return '<a type="button" class="layui-btn layui-btn-warm layui-btn-xs">开班待审</a>';
|
|
}
|
|
if(row['reportType'] === '2' && row['examType'] === '' ){
|
|
dom += '<a type="button" class="layui-btn layui-btn-info layui-btn-xs">开班通过</a>';
|
|
return dom;
|
|
}
|
|
if(row['reportType'] === '2' && row['examType'] === '0' ){
|
|
dom += '<a type="button" class="layui-btn layui-btn-warm layui-btn-xs">考试申请中</a>';
|
|
return dom;
|
|
}
|
|
if(row['reportType'] === '2' && row['examType'] === '1' ){
|
|
dom += '<a type="button" class="layui-btn layui-btn-info layui-btn-xs">考试申请通过</a>';
|
|
return dom;
|
|
}
|
|
if(row['reportType'] === '2' && row['examType'] === '2' ){
|
|
dom += '<a type="button" class="layui-btn layui-btn-danger layui-btn-xs">考试申请驳回</a>';
|
|
return dom;
|
|
}
|
|
if(row['reportType'] === '3'){
|
|
return '<a type="button" class="layui-btn layui-btn-danger layui-btn-xs">开班不通过</a>';
|
|
}
|
|
return dom;
|
|
}
|
|
},
|
|
{width:160, title: '操作', fixed: 'left', align:'center',
|
|
templet: function(row) {
|
|
var dom = '';
|
|
if(row['reportType'] === '0'){
|
|
dom += '<a type="button" class="layui-btn layui-btn-info layui-btn-xs" lay-event="showEvent">查看开班申请</a>';
|
|
return dom;
|
|
}
|
|
if(row['reportType'] === '2' && row['examType'] === ''){
|
|
dom += '<a type="button" class="layui-btn layui-btn-info layui-btn-xs" lay-event="showEvent">查看详情</a>';
|
|
dom += '<a type="button" class="layui-btn layui-btn-warm layui-btn-xs" lay-event="examReportEvent">申请考试</a>';
|
|
return dom;
|
|
}
|
|
if(row['reportType'] === '2' && row['examType'] === '0'){
|
|
dom += '<a type="button" class="layui-btn layui-btn-warm layui-btn-xs" lay-event="showExamCommitEvent">考试申请信息</a>';
|
|
return dom;
|
|
}
|
|
if(row['reportType'] === '2' && row['examType'] === '1'){
|
|
dom += '<a type="button" class="layui-btn layui-btn-info layui-btn-xs" lay-event="showExamEvent">查看考试安排</a>';
|
|
return dom;
|
|
}
|
|
if(row['reportType'] === '2' && row['examType'] === '2'){
|
|
dom += '<a type="button" class="layui-btn layui-btn-danger layui-btn-xs" lay-event="reExamEvent">重新申考</a>';
|
|
return dom;
|
|
}
|
|
if(row['reportType'] === '3'){
|
|
return '<a type="button" class="layui-btn layui-btn-danger layui-btn-xs" lay-event="unPassEvent">重新编辑</a>';
|
|
}
|
|
return dom;
|
|
}
|
|
},
|
|
{field: 'planNumber', width: 190, title: '班号', align:'left',
|
|
templet: function(row) {
|
|
var rowData = row[this.field];
|
|
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
|
|
return '-';
|
|
}
|
|
return rowData;
|
|
}
|
|
},
|
|
{field: 'planName', width: 180, title: '班级名称', align:'left',
|
|
templet: function(row) {
|
|
var rowData = row[this.field];
|
|
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
|
|
return '-';
|
|
}
|
|
if(row['planType'] == '1'){
|
|
return '[初训] ' + rowData;
|
|
}
|
|
if(row['planType'] == '2'){
|
|
return '[复训] ' + rowData;
|
|
}
|
|
return rowData;
|
|
}
|
|
},
|
|
{field: 'projectCatalogName', width: 180, title: '培训项目', align:'center',
|
|
templet: function(row) {
|
|
var rowData = row[this.field];
|
|
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
|
|
return '-';
|
|
}
|
|
return rowData;
|
|
}
|
|
},
|
|
{field: 'workerCatalogName', width: 180, title: '培训工种', align:'center',
|
|
templet: function(row) {
|
|
var rowData = row[this.field];
|
|
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
|
|
return '-';
|
|
}
|
|
return rowData;
|
|
}
|
|
},
|
|
{field: 'signUpUserCount', width: 90, title: '报名人数', align:'center',
|
|
templet: function(row) {
|
|
var rowData = row[this.field];
|
|
if(typeof(rowData) === 'undefined' || rowData == null || rowData === '') {
|
|
return '-';
|
|
}
|
|
return '<span style="color: #0a54a6">' + rowData + '</span> 人';
|
|
}
|
|
},
|
|
{field: 'chargePerson', width: 110, title: '负责人', align:'center',
|
|
templet: function(row) {
|
|
var rowData = row[this.field];
|
|
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
|
|
return '-';
|
|
}
|
|
return rowData;
|
|
}
|
|
},
|
|
{field: 'chargePersonTel', width: 120, title: '联系方式', align:'center',
|
|
templet: function(row) {
|
|
var rowData = row[this.field];
|
|
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
|
|
return '-';
|
|
}
|
|
return rowData;
|
|
}
|
|
},
|
|
|
|
{field: 'planAddress', width: 180, title: '培训地点', align:'center',
|
|
templet: function(row) {
|
|
var rowData = row[this.field];
|
|
if(typeof(rowData) === 'undefined' || rowData == null || rowData == '') {
|
|
return '-';
|
|
}
|
|
return rowData;
|
|
}
|
|
},
|
|
{width: 330, title: '开班时间', align:'center',
|
|
templet: function(row) {
|
|
var start = row['planStartTime'].substring(0,10);
|
|
var end = row['planEndTime'].substring(0,10);
|
|
return start + ' ~ ' + end;
|
|
}
|
|
},
|
|
]
|
|
],
|
|
page: true,
|
|
parseData: function(data) {
|
|
return {
|
|
'code': 0,
|
|
'msg': '',
|
|
'count': data.total,
|
|
'data': data.rows
|
|
};
|
|
}
|
|
});
|
|
}
|
|
|
|
// 重载表格
|
|
function reloadTable(currentPage) {
|
|
table.reload('dataTable', {
|
|
url: top.restAjax.path(tableUrl, []),
|
|
where: {
|
|
keywords: $('#keywords').val(),
|
|
startTime: $('#startTime').val(),
|
|
endTime: $('#endTime').val(),
|
|
orgId : orgInfo.institutionId
|
|
},
|
|
page: {
|
|
curr: currentPage
|
|
},
|
|
height: $win.height() - 90,
|
|
});
|
|
}
|
|
|
|
// 初始化日期
|
|
function initDate() {
|
|
// 日期选择
|
|
laydate.render({
|
|
elem: '#startTime',
|
|
format: 'yyyy-MM-dd'
|
|
});
|
|
laydate.render({
|
|
elem: '#endTime',
|
|
format: 'yyyy-MM-dd'
|
|
});
|
|
}
|
|
|
|
// 事件 - 页面变化
|
|
$win.on('resize', function() {
|
|
clearTimeout(resizeTimeout);
|
|
resizeTimeout = setTimeout(function() {
|
|
reloadTable();
|
|
}, 500);
|
|
});
|
|
// 事件 - 搜索
|
|
$(document).on('click', '#search', function() {
|
|
reloadTable(1);
|
|
});
|
|
|
|
table.on('tool(dataTable)', function(obj) {
|
|
var layEvent = obj.event;
|
|
var checkStatus = table.checkStatus('dataTable');
|
|
var checkDatas = checkStatus.data;
|
|
if(layEvent == 'examReportEvent'){
|
|
top.dialog.msg('确认提交考试申请？', {
|
|
time: 0,
|
|
btn: [top.dataMessage.button.yes, top.dataMessage.button.no],
|
|
shade: 0.3,
|
|
yes: function (index) {
|
|
top.dialog.close(index);
|
|
layer.open({
|
|
type: 2,
|
|
title: '提交 【' + obj.data.workerCatalogName + '】 考试申请',
|
|
closeBtn: 1,
|
|
area: ['70%', '70%'],
|
|
shadeClose: false,
|
|
anim: 2,
|
|
content: top.restAjax.path('route/classplan/save-exam-commit.html?classPlanId={classPlanId}', [obj.data.classPlanId]),
|
|
end: function () {
|
|
reloadTable();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
return;
|
|
}
|
|
if(layEvent == 'reExamEvent'){
|
|
layer.open({
|
|
type: 2,
|
|
title: '重新提交 【' + obj.data.workerCatalogName + '】 考试申请',
|
|
closeBtn: 1,
|
|
area: ['70%', '70%'],
|
|
shadeClose: false,
|
|
anim: 2,
|
|
content: top.restAjax.path('route/classplan/update-exam-commit.html?classPlanId={classPlanId}', [obj.data.classPlanId]),
|
|
end: function () {
|
|
reloadTable();
|
|
}
|
|
});
|
|
return;
|
|
}
|
|
if(layEvent == 'showEvent') {
|
|
layer.open({
|
|
type: 2,
|
|
title: '查看 【' + obj.data.workerCatalogName + '】 开班申请',
|
|
closeBtn: 1,
|
|
area: ['90%', '90%'],
|
|
shadeClose: false,
|
|
anim: 2,
|
|
content: top.restAjax.path('route/classplan/show.html?classPlanId={classPlanId}', [obj.data.classPlanId]),
|
|
end: function () {
|
|
reloadTable();
|
|
}
|
|
});
|
|
}
|
|
if(layEvent == 'showExamCommitEvent') {
|
|
layer.open({
|
|
type: 2,
|
|
title: '查看 【' + obj.data.workerCatalogName + '】 考试申请',
|
|
closeBtn: 1,
|
|
area: ['90%', '90%'],
|
|
shadeClose: false,
|
|
anim: 2,
|
|
content: top.restAjax.path('route/classplan/show-exam-commit.html?classPlanId={classPlanId}', [obj.data.classPlanId]),
|
|
end: function () {
|
|
reloadTable();
|
|
}
|
|
});
|
|
}
|
|
if(layEvent == 'showReasonEvent') {
|
|
var reason = obj.data.examReason == '' ? '未填写原因' : obj.data.examReason;
|
|
layer.open({
|
|
type: 1,
|
|
title: '申请不通过原因',
|
|
closeBtn: 1,
|
|
offset:'200px',
|
|
area: ['300px', '150px'],
|
|
shadeClose: false,
|
|
content: '<div style="padding: 20px 50px;">'+ reason +'</div>',
|
|
end: function () {
|
|
reloadTable();
|
|
}
|
|
});
|
|
}
|
|
if(layEvent == 'showExamEvent') {
|
|
layer.open({
|
|
type: 2,
|
|
title: '查看考试安排',
|
|
closeBtn: 1,
|
|
area: ['90%', '90%'],
|
|
shadeClose: false,
|
|
anim: 2,
|
|
content: top.restAjax.path('route/examination/distribution/show.html?planId={classPlanId}', [obj.data.classPlanId]),
|
|
end: function () {
|
|
reloadTable();
|
|
}
|
|
});
|
|
}
|
|
if(layEvent == 'unPassEvent') {
|
|
layer.open({
|
|
type: 2,
|
|
title: '重新编辑 【' +obj.data.workerCatalogName + '】 开班申请',
|
|
closeBtn: 1,
|
|
area: ['90%', '90%'],
|
|
shadeClose: false,
|
|
anim: 2,
|
|
content: top.restAjax.path('route/classplan/update.html?classPlanId={classPlanId}', [obj.data.classPlanId]),
|
|
end: function () {
|
|
reloadTable();
|
|
}
|
|
});
|
|
}
|
|
if(layEvent == 'signUpUserEvent') {
|
|
layer.open({
|
|
type: 2,
|
|
title: '报名人员列表',
|
|
closeBtn: 1,
|
|
area: ['90%', '90%'],
|
|
shadeClose: true,
|
|
anim: 2,
|
|
content: top.restAjax.path('route/classplan/list-signup-user.html?classPlanId={arg}&reportType={arg1}&orgId={arg2}&workerCatalog={arg3}',
|
|
[obj.data.classPlanId,obj.data.reportType, obj.data.orgId,obj.data.workerCatalog]),
|
|
end: function () {
|
|
reloadTable();
|
|
}
|
|
});
|
|
}
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |