<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>请假登记表</title>
</head>
<link rel="stylesheet" type="text/css" href="${StaticResourceContextPath}/lib/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
href="${StaticResourceContextPath}/lib/jstree/3.2.1/dist/themes/default/style.min.css">
<link rel="stylesheet" type="text/css"
href="${StaticResourceContextPath}/eam/vehicle/datatables/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css"
href="${StaticResourceContextPath}/lib/bootstrap-datetimepicker/default/css/bootstrap-datetimepicker.css">
<link rel="stylesheet" type="text/css" href="${StaticResourceContextPath}/school/attendance/css/index.css">
<%--start second tree--%>
<div class="second-trees">
<div id="second-tree" class="T30"></div>
</div>
<%--end second tree--%>
<%--one--%>
<%--start right_pannel--%>
<div class="right-pannel one block">
<%--start right-pannel-header--%>
<div class="right-pannel-header">
<label>学生姓名:</label>
<input type="text" name="student_user" class="student_user" id="student_user">
<label class="L2">请假时间:</label>
从<input type="text" name="starttime" class="starttime" id="starttime" readonly>
到<input type="text" name="endtime" class="endtime" id="endtime" readonly>
<input type="button" value="开始查询" name="search" class="L2" id="search">
</div>
<%--end right-pannel-header--%>
<div class="right-pannel-body">
<div class="btn_area">
<input type="button" name="add" class="add" id="add" value="添加">
<input type="button" name="delete" class="delete" id="delete" value="删除">
<input type="button" name="update" class="update" id="update" value="修改">
<input type="button" name="card" class="card" id="card" value="卡片模式">
</div>
<table cellpadding="0" cellspacing="0" id="tables">
</table>
</div>
</div>
<%--end right_pannel--%>
<%--two--%>
<%--start right_pannel--%>
<div class="right-pannel two none">
<%--start right-pannel-header--%>
<div class="right-pannel-header">
<input type="button" name="conserve" class="conserve" id="conserve" value="保存">
<%--<input type="button" name="card_update" class="card_update" id="card_update" value="修改">--%>
<input type="reset" name="reset" class="reset" id="reset" value="取消">
<input type="button" name="table_info" class="table_info" id="table_info" value="列表模式">
</div>
<%--end right-pannel-header--%>
<div class="right-pannel-body">
<div class="leave_info">
<ul>
<li>
<label>姓名</label>
<input type="text" name="info_user" class="info_user" id="info_user" readonly>
</li>
<li>
<label>请假时间</label>
<input type="text" name="leave_start_time" class="leave_start_time" id="leave_start_time">
</li>
<br>
<li>
<label>归来时间</label>
<input type="text" name="leave_end_time" class="leave_end_time" id="leave_end_time">
</li>
<br>
<li>
<label>个人联系方式</label>
<input type="text" name="self_phone" class="self_phone" id="self_phone">
</li>
<br>
<li>
<label>紧急联系方式</label>
<input type="text" name="family_phone" class="family_phone" id="family_phone">
</li>
<br>
<li>
<label>请假原由</label><br>
<textarea class="leave_reason" id="leave_reason"></textarea>
</li>
</ul>
</div>
<%--获取学生姓名--%>
<div class="student_info none"></div>
</div>
</div>
<%--end right_pannel--%>
<script type="text/javascript" src="${StaticResourceContextPath}/lib/jquery/2.1.1/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="${StaticResourceContextPath}/lib/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${StaticResourceContextPath}/lib/jstree/3.2.1/dist/jstree.min.js"></script>
<script type="text/javascript"
src="${StaticResourceContextPath}/eam/vehicle/datatables/jquery.dataTables.min.js"></script>
<script type="text/javascript"
src="${StaticResourceContextPath}/lib/bootstrap-datetimepicker/default/js/bootstrap-datetimepicker.js"></script>
<script>
$(function () {
/*定义body-pannel高度*/
var body_pannel = window.screen.availHeight - 120;
var right_pannel_width = window.screen.availWidth - 290;
// $('.right-pannel').css({right_pannel_width});
$('.second-trees').css({height: body_pannel});
/*datapicker*/
$(".starttime").datetimepicker({
format: 'yyyy-mm-dd',
language: 'ch' //汉化
});
$(".endtime").datetimepicker({
format: 'yyyy-mm-dd',
language: 'ch' //汉化
});
$(".leave_start_time").datetimepicker({
format: 'yyyy-mm-dd',
language: 'ch' //汉化
});
$(".leave_end_time").datetimepicker({
format: 'yyyy-mm-dd',
language: 'ch' //汉化
});
/*按钮事件*/
$('#table_info').on('click', function () {
location.href = "leave_register.jsp";
});
/*添加事件*/
$('#card').on('click', function () {
$('.one').removeClass('block').addClass('none');
$('.two').removeClass('none').addClass('block');
});
$("#table_info").on('click', function () {
$('.two').removeClass('block').addClass('none');
$('.one').removeClass('none').addClass('block');
})
/*显示学生名字框*/
$('.info_user').bind('click', function () {
if ($('.student_info').hasClass('none')) {
$('.student_info').removeClass('none').addClass('block');
}
else if ($('.student_info').hasClass('block')) {
$('.student_info').removeClass('block').addClass('none');
}
});
});
var ip = '<%=request.getServerName()%>';
var port = '<%=request.getServerPort()%>';
var url = "http://" + ip + ":" + port;
/*jstree define*/
initNavigation($("#teachercode", window.parent.document).val());
function initNavigation(userCode) {
//初始化导航树
$.get(url + "/root/api/class",
{
user_code: userCode
},
function (data) //回传函数
{
$('#second-tree').jstree("destroy");
var treeChildrenData = listToTree(data);
var treeData = [{
"id": "#",
"text": "",
"children": treeChildrenData,
"state": {
"opened": true,
"selected": true
}
}];
$('#second-tree').jstree({
"core": {
"check_callback": true,
"themes": {
"responsive": true
},
'strings': {
'Loading ...': '加载中 ...'
},
animation: 200,
"multiple": false,
'data': treeData
}
});
$('#second-tree').on('select_node.jstree', function (e, data) {
//对选中的节点进行操作
var pk_deptdoc = data.node.original.pk_deptdoc;//班级pk
$('.student_info').empty();
/* 获取学生人员*/
$.get(url + "/root/api/students", {
pk_deptdoc: pk_deptdoc
}, function (datas) {
if (datas.success = true) {
for (var m = 0; m < datas.resultData.length; m++) {
var str = "<ul>"
str += "<li>" + datas.resultData[m].psnname + "</li>";
str += "</ul>";
$('.student_info').append(str);
}
var lis = $('.student_info li');
$('.student_info li').each(function () {
$(this).bind('click', function () {
var student_name = $(this).html();
$('.info_user').val(student_name);
var liIndex = CurrentIndex(this, lis);
var pk_psndoc = datas.resultData[liIndex].pk_psndoc;
var psnname = datas.resultData[liIndex].psnname;
var psncode = datas.resultData[liIndex].psncode;
/*start 增加请假信息*/
$('.conserve').bind('click', function () {
var params = {};
params.pk_deptdoc = pk_deptdoc;
params.pk_psndoc = pk_psndoc;
params.psnname = psnname;
params.psncode = psncode;
params.start_date = $('#leave_start_time').val();
params.end_date = $('#leave_end_time').val();
$.ajax({
type: 'post',
dataType: 'json',
url: url + "/root/api/saveLeave",
data: params,
success: function () {
$('.two').removeClass('block').addClass('none');
$('.one').removeClass('none').addClass('block');
},
error: function () {
alert("连接失败");
}
});
});
/*增加请假信息*/
});
});
}
});
/*end 获取学生人员*/
/*start 表格获取学生请假信息*/
/*datatables*/
var columns = [
{"title": "学号", 'data': 'psncode', "visible": true},
{"title": "姓名", 'data': 'psnname'},
{"title": "请假时间", 'data': 'start_date'},
{"title": "结束时间", 'data': 'end_date'}
// {"title": "请假原由", 'data':'1'},
// {"title": "个人联系方式", 'data':'1'},
// {"title": "家长联系方式", 'data':'1'}
];
var columnObject = [{
"title": "<label><input type='checkbox' name='checkList' id='checkAll'/>All</label>",
'data': 'id',
'render': function (data, type, row, meta) {
return '<label><input type="checkbox" value="' + data + '" name="id"/>' + (meta.row + 1) + '</label>';
},
"orderable": false,
"width": "50px",
"sortable": false
}].concat(columns);
var oTable = $("#tables").dataTable({
"dom": "ftip",
"serverSide": true,//分页，取数据等等的都放到服务端去
"autoWidth": false,//自动控制列宽
"processing": true,
"ajax": {
"url": url + "/root/api/leaveRecord",
"dataType": "json",
"dataSrc": function (d) {
return d.resultData;
},
"data": function (d) {
d.pk_deptdoc = pk_deptdoc;
}
},
"order": [[2, "desc"]],
"LengthChange": true,//改变每页显示的数据量
"deferRender": true,// 延迟渲染
"bStateSave": false, // 在第三页刷新页面，会自动到第一页
"pageLength": 10,//首次加载的数据条数
"iDisplayStart": 0,
"bPaginate": true, //翻页功能
"bFilter": true, //列筛序功能
"searching": true,//本地搜索
"ordering": true,//排序操作在服务端进行
"Info": true,//页脚信息
"sScrollY": true,//DataTables的高
"sScrollX": true, //DataTables的宽
"columns": columnObject,
"language": {
"lengthMenu": "每页 _MENU_ 条记录",
"zeroRecords": "没有找到记录",
"info": "第 _PAGE_ 页 ( 总共 _PAGES_ 页 )",
"infoEmpty": "无记录",
"infoFiltered": "(从 _MAX_ 条记录过滤)",
"search": "搜索:",
"oPaginate": {
"sFirst": "首页",
"sPrevious": " 上一页 ",
"sNext": " 下一页 ",
"sLast": " 尾页 "
}
},
initComplete: function (settings, json) {
/*checkbox全选*/
$("#checkAll").on("click", function () {
var input = document.getElementsByTagName("input");
for (var i = 0; i < input.length; i++) {
if (input[i].type == "checkbox" && input[i].checked == false) {
input[i].checked = true;
$("#checkAll").checked = true;
}
else if (input[i].type == "checkbox" && input[i].checked == true) {
input[i].checked = false;
$("#checkAll").checked = false;
}
}
});
/*checkbox全选*/
/*选择某一行进行删除*/
var trs = $('#tables tr');
$('#tables tr').each(function () {
$(this).click( function () {
$(this).css({background: '#ccc'});
var trIndex = CurrentIndex(this, trs);
var pk_school_leaves = json.resultData[trIndex - 1].pk_school_leave;
$('.delete').click(function () {
// var table = $('#tables').DataTable();
// var data = table.row($(this).parents('tr')).data();
if (confirm("确认删除这行")) {
$.ajax({
url: url + "/root/api/deleteLeave",
type: 'post',
timeout: "3000",
data: {pk_school_leave: pk_school_leaves},
cache: "false",
success: function () {
// table.row().remove();//删除这行的数据
table.draw();
alert('删除成功');
},
error: function (strs) {
alert("删除失败");
}
});
}
});
});
});
/*选择某一行进行删除*/
}
});
/*end 表格获取学生请假信息*/
});
}
);
}
/*获取选择学生的索引值*/
function CurrentIndex(current, obj) {
for (var i = 0, length = obj.length; i < length; i++) {
if (obj[i] == current) {
return i;
}
}
}
/**
* @author andyzhao
* list转化为tree
* @param data
* @param selectedID 当存在selectID时，默认选中id为selectID的节点
* @returns {Array}
*/
function listToTree(data, selectedID) {
var result = [];
$.each(data, function (n, e) {
var cc = [];
if (e.children != null) {
cc = listToTree(e.children, selectedID);
}
var isChecked = false;
if (e.isChecked == "true") {
isChecked = true;
}
if (e.id == selectedID) {
isChecked = true;
}
e.children = cc;
//e.icon = "fa fa-folder icon-state-default";
e.state = {
"opened": true
// "selected": isChecked
};
result.push(convertItem(e));
});
return result;
}
function convertItem(o) {
o.id = o.deptcode;
o.text = o.deptname;
return o;
}
</script>
</html>