var name = localStorage.getItem("name");
var idNumber = localStorage.getItem("idNumber");
var startTime = localStorage.getItem("startTime");
var endTime = localStorage.getItem("endTime");
var proId = localStorage.getItem("proId");
$(function() {
	jeDate({
		dateCell: "#startTime", // isinitVal:true,
		format: "YYYY-MM-DD",
		isTime: false, // isClear:false,
		minDate: "2015-10-19 00:00:00",
		maxDate: "2026-11-08 00:00:00",
		okfun: function(val) {
		//点击确定后的回调
		var startDate = new Date($('#startTime').val());
		var endDate = new Date($('#endTime').val());
		if(startDate != null) {
			if(endDate != null) {
				if(startDate > endDate) {
					parent.layer.msg('开始时间不能大于结束时间', {
						icon: 2,
						time: 1500
					});
					$("#startTime").val(getNowTime);
					$("#endTime").val(getNowTime);
					}
				}
			}
		},
		choosefun: function(val) {
			var startDate = new Date($('#startTime').val());
			var endDate = new Date($('#endTime').val());
			if(startDate != null) {
				if(endDate != null) {
					if(startDate > endDate) {
						parent.layer.msg('开始时间不能大于结束时间', {
							icon: 2,
							time: 1500
						});
						$("#startTime").val(getNowTime);
						$("#endTime").val(getNowTime);
					}
				}
			}
		}
	});
	jeDate({
		dateCell: "#endTime", // isinitVal:true,
		format: "YYYY-MM-DD",
		isTime: false, // isClear:false,
		minDate: "2015-10-19 00:00:00",
		maxDate: "2026-11-08 00:00:00",
		okfun: function(val) {
		//点击确定后的回调
		var startDate = new Date($('#startTime').val());
		var endDate = new Date($('#endTime').val());
		if(startDate != null) {
			if(endDate != null) {
				if(endDate < startDate) {
					parent.layer.msg('结束时间不能小于开始时间', {
						icon: 2,
						time: 1500
					});
					$("#startTime").val(getNowTime);
					$("#endTime").val(getNowTime);
					}
				}
			}
		},
		choosefun: function(val) {
			var startDate = new Date($('#startTime').val());
			var endDate = new Date($('#endTime').val());
			if(startDate != null) {
				if(endDate != null) {
					if(endDate < startDate) {
						parent.layer.msg('结束时间不能小于开始时间', {
							icon: 2,
							time: 1500
						});
						$("#startTime").val(getNowTime);
						$("#endTime").val(getNowTime);
					}
				}
			}
		}
	});
	$("#startTime").val(startTime);
	$("#endTime").val(endTime);
	leftTitle(startTime + "~" + endTime);
	initDate();
	initTable();
	$("#personnelAttendanceContent div .day").click(function() {
		constructionPersonnelInformation();
	});

})

function constructionPersonnelInformation(currentDay) {
	var height = '800px';
	var width = '1400px';
	localStorage.setItem("idNumber", idNumber);
	localStorage.setItem("currentDay", currentDay);
	var index = top.layer.open({
		title: false,
		type: 2,
		content: '../../page/worker/workerAttendance/constructionPersonnelInformation.html',
		area: [width, height],
		maxmin: false
	});
}

function initDate() {
	//初始化Table
	var startTime = $("#startTime").val();
	var endTime = $("#endTime").val();
	$.ajax({
		url: dataUrl + 'workerAttendance/getWorkerAttendanceCurrentDay',
		type: "post",
		cache: false,
		data: {
			startTime: startTime,
			endTime: endTime,
			idNumber: idNumber,
			proId: proId,
		},
		success: function(data) {
			assignmentMonthTest(data, startTime, endTime);
		},
		error: function(e) {
			alert(e);
		}
	});
}
function responseHandler(res) {
	console.log(res);
	var datas=[];
	   console.log(res.total);
	datas.push({total:res.total,rows:res.list});
	return datas[0];
}
function initTable() {
	//初始化Table
	$("#table").bootstrapTable({
		classes: 'table table-hover',
		url: dataUrl + 'workerAttendance/getWorkerAttendanceOne',
		method: 'post',
		responseHandler: responseHandler,  //处理服务器返回的数据格式
		height: $(window).height() - ($(window).height() * 0.13) - 40,
		undefinedText: '', //当数据为 undefined 时显示的字符
		queryParams: function(param) {
			param = {
				startTime: $("#startTime").val(),
				endTime: $("#endTime").val(),
				idNumber: localStorage.getItem("idNumber"),
				proId: proId,
				pageSize: param.limit,
				pageNum: param.offset / param.limit + 1,
				sort: param.sort,      //排序列名
                sortOrder: param.order //排位命令（desc，asc）
			}
			return param;
		},
		sortable: true, //是否启用排序
		sortOrder: "asc", //排序方式
		cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
		pagination: true,
		pageNumber: 1,
		pageSize: 50,
		pageList: [50, 100, 200, 300],
		smartDisplay: false,
		showColumns: false,
		sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
		contentType: "application/x-www-form-urlencoded",
		minimumCountColumns: 2, //最少允许的列数
		uniqueId: "no", //每一行的唯一标识，一般为主键列
		columns: [{
				title: '序号',
				formatter: function(value, row, index) {
					return index + 1;
				},
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				width: 50
			},
			{
				title: '工程名称',
				field: 'proName',
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				sortable: true,
				width: 230
			},
			{
				title: '考勤日期',
				field: 'currentDay',
				formatter: function(value, row, index) {
					var cent = "";
					cent += '<a href="#" style="color: dodgerblue;" onclick="openImg(\'' + row.currentDay + '\')">' + row.currentDay + '</a>'
					return cent;
				},
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				sortable: true,
				width: 140
			},
			{
				title: '打卡状态',
				field: 'success',
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				sortable: true,
				width: 100,
				cellStyle:function (value, row, index) {
					console.log(row.success);
				     if(row.success=="已打卡"){
				      return {css:{'color':'greenyellow'}};
				     }else if(row.success=="未打卡"){
						 return {css:{'color':'red'}};
					 }
				     return '';
				    }//更具条件修改某行样式
			},
			{
				title: '上班时长',
				field: 'workHours',
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				sortable: true,
				width: 100
			},
			{
				title: '加班时长',
				field: 'overHours',
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				sortable: true,
				width: 100
			},
			{
				title: '审核结果',
				field: 'auditStatus',
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				sortable: true,
				width: 100,
				cellStyle:function (value, row, index) {
					console.log(row.auditStatus);
				     if(row.auditStatus=="有效"){
				      return {css:{'color':'greenyellow'}};
				     }else if(row.auditStatus=="无效"){
						 return {css:{'color':'red'}};
					 }else{//待审核
						 return {css:{'color':'orange'}};
					 }
				     return '';
				    }//更具条件修改某行样式
			},{
				title: '审核人',
				field: 'auditor',
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				sortable: true,
				width: 100
			},{
				title: '审核时间',
				field: 'auditTime',
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				sortable: true,
				width: 140
			},{
				title: '打卡位置',
				field: '',
				formatter: function(value, row, index) {
					var cent = "";
					cent += '<a href="#" style="color: dodgerblue;" onclick="openMap(\'' + row.proName + '\',\'' + row.name + '\',\'' + row.addTime + '\',\'' + row.lon + '\',\'' + row.lat + '\')">查看定位</a>'
					return cent;
				},
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				sortable: true,
				width: 100
			},{
				title: '备注',
				field: 'auditRemark',
				rowspan: 1,
				align: 'center',
				valign: 'middle',
				sortable: true,
				width: 100
			},
		],
		onLoadSuccess: function(data) {
			$("#dataCount").html( "数量：" + data.total);
		},
		onLoadError: function() {
			$("#dataCount").html("数量:0");
			$("#table").bootstrapTable('removeAll');
		}
	});
}

// 模糊查询数据、重置查询
function querys(type) {
	var startTime = $("#startTime").val();
	var endTime = $("#endTime").val();
	var dateStart = new Date(startTime);
	var dateEnd = new Date(endTime);
	var difValue = (dateEnd - dateStart) / (1000 * 60 * 60 * 24);
	if (endTime < startTime) {
		parent.layer.msg('结束时间不能小于开始时间', {
			icon: 2,
			time: 1500
		});
	} else {
		if (difValue >= 0 && difValue < 31) {
			initDate();
			var index = top.layer.load(0, {
				shade: false
			}); // 0代表加载的风格，支持0-2
			$("#query").css("background-image", "url(../../../img/info/queryClick.png)");
			$("#export").css("background-image", "url(../../../img/info/export.png)");
			var opt = {
				url: dataUrl + 'workerAttendance/getWorkerAttendanceOne',
				silent: true,
				query: {
					startTime: startTime,
					endTime: endTime,
					idNumber: idNumber,
					proId: proId,
				}
			};
			$("#table").bootstrapTable('refresh', opt);
			top.layer.close(index);
			leftTitle(startTime + "~" + endTime);
		} else {
			parent.layer.msg('请将日期控制在31天之内', {
				icon: 2,
				time: 1500
			});
		}
	}
}

function exportBtn() {
	$("#query").css("background-image", "url(../../../img/info/query.png)");
	$("#export").css("background-image", "url(../../../img/info/exportClick.png)");
	var startTime = $("#startTime").val();
	var endTime = $("#endTime").val();
	window.location.href = dataUrl + "workerAttendance/exportWorkerAttendanceOne?idNumber=" + idNumber + "&startTime=" + startTime +
		"&endTime=" + endTime + "&proId=" + proId + "&name=" + name + "&x-auth-token=" + token;
}

function leftTitle(time) {
	console.log("time", time);
	$("#personnelAttendanceTitle").html("人员考勤 " + time+"("+name+")");
}

Date.prototype.format = function() {
	var y = this.getFullYear();
	var m = this.getMonth() + 1;
	if (m < 10) {
		m = "0" + m;
	}
	var d = this.getDate();
	if (d < 10) {
		d = "0" + d;
	}
	var s = '';
	s += y + '-'; // 获取年份。
	s += m + "-"; // 获取月份。
	s += d; // 获取日。
	return (s); // 返回日期。
};
var dateArr = new Array();
function assignmentMonthTest(data, startTime, endTime) {
	console.log("data", data);
	$("#currentDay").html("");
	if (data.length > 0) {
		getAll(data);
		console.log("dateArr",dateArr);
		var len = dateArr.length;
		var cs = parseInt(len / 7);
		var ys = len % 7;
		var html = '';
		$("#currentDay").html(html);
		if (cs == 0 && ys > 0) {
			html += '<tr style="width: 100%;">';
			var rate = 14 * ys;
			$("#currentDay").css("width", rate + "%");
			for (var i = 0; i < ys; i++) {
				var date = dateArr[i].split("-");
				var auditStatus = data[i].auditStatus;
				var currentDay = data[i].currentDay;
				var id = data[i].faceId;
				html += '<td style="width: 13%;">';
				html += '	<div class="month">' + date[1] + '</div>';
				if (auditStatus == "有效") {
					 html += '	<div class="day" style="width:100%;background-color:rgb(88,228,153)"><span>' + date[2] +
                        '</span></div>';
					/*html += '	<div  onclick="constructionPersonnelInformation(\'' + currentDay +
							'\')"class="day" style="width:98%;background-color:rgb(88,228,153);cursor:pointer"><span>' + date[2] +
						'</span></div>';*/
				} else if (auditStatus == "待审核") {
					html += '	<div  class="day" style="width:100%;background-color:rgb(252,177,96)"><span>' + date[2] +
                    '</span></div>';
					/*html += '	<div class="day" style="width:98%;background-color:rgb(252,177,96);cursor:pointer"><span>' + date[2] +
						'</span></div>';*/
				} else if (auditStatus == "无效"){
					 console.log("currentDay:" + currentDay + ",attendStatus:" + auditStatus);
                    html += '	<div class="day" style="width:100%;background-color:rgb(228,81,84)"><span>' + date[2] + '</span></div>';
					/*html += '	<div class="day" style="width:98%;background-color:rgb(228,81,84)"><span>' + date[2] + '</span></div>';*/
				}
				html += '</td>';
				if (i == ys - 1) {
					html += '</tr>';
				}
			}
			$("#currentDay").html(html);
		} else {
			$("#currentDay").css("width", "98%");
			for (var i = 0; i < cs; i++) {
				html += '<tr style="width: 100%;">';
				for (var j = 0; j < 7; j++) {
					var k = i * 7 + j;
					var auditStatus = data[k].auditStatus;
					var currentDay = data[k].currentDay;
					var id = data[k].faceId;
					var date = dateArr[k].split("-");
					html += '<td style="width: 13%;">';
					html += '	<div class="month">' + date[1] + '</div>';
					if (auditStatus == "有效") {
						html += '	<div onclick="constructionPersonnelInformation(\'' + currentDay +
							'\')" class="day" style="width:98%;background-color:rgb(88,228,153);cursor:pointer"><span>' + date[2] +
							'</span></div>';
					} else if (auditStatus == "待审核") {
						html += '	<div  class="day" style="width:98%;background-color:rgb(252,177,96);cursor:pointer"><span>' + date[2] +
							'</span></div>';
					} else {
						console.log("currentDay:" + currentDay + ",auditStatus:" + auditStatus);
						html += '	<div class="day" style="width:98%;background-color:rgb(228,81,84)"><span>' + date[2] + '</span></div>';
					}
					html += '</td>';
					if (j == 6) {
						html += '</tr>';
					}
				}
			}
			if (ys > 0) {
				html += '<tr style="width: 100%;">';
				for (var i = 0; i < ys; i++) {
					var k = cs * 7 + i;
					var date = dateArr[k].split("-");
					var auditStatus = data[k].auditStatus;
					var currentDay = data[k].currentDay;
					var id = data[k].faceId;
					html += '<td style="width: 13%;">';
					html += '	<div class="month">' + date[1] + '</div>';
					if (auditStatus == "有效") {
						html += '	<div onclick="constructionPersonnelInformation(\'' + currentDay +
							'\')" class="day" style="width:98%;background-color:rgb(88,228,153);cursor:pointer"><span>' + date[2] +
							'</span></div>';
					} else if (auditStatus == "待审核") {
						html += '	<div class="day" style="width:98%;background-color:rgb(252,177,96);cursor:pointer"><span>' + date[2] +
							'</span></div>';
					} else {
						console.log("currentDay:" + currentDay + ",auditStatus:" + auditStatus);
						html += '	<div class="day" style="width:98%;background-color:rgb(228,81,84)"><span>' + date[2] + '</span></div>';
					}
					html += '</td>';
					if (i == ys - 1) {
						html += '</tr>';
					}
				}
			}
			$("#currentDay").html(html);
		}
	}else{
		var html = '<div style = "display: flex;justify-content: center;text-align: center;align-items: center;height: 100%;font-size: 18px;color: #FF0000;">无考勤日期</div>'
		$('#currentDay').append(html);
	}
}

function getAll(data) {
	dateArr = new Array();
    for (var k = 0; k < data.length; k++) {
        dateArr.push(data[k].currentDay);
    }
}

function openImg(currentDay){
	localStorage.setItem("idNumber", idNumber);
	localStorage.setItem("proId", proId);
	localStorage.setItem("currentDay", currentDay);
	var index = top.layer.open({
		title: false,
		type: 2,
		content: '../../page/worker/workerAttendance/openImg.html',
		area: ['75%', '75%'],
		maxmin: false
	});
}

function openMap(proName,name,addTime,lon,lat){
	localStorage.setItem("proName", proName);
	localStorage.setItem("name", name);
	localStorage.setItem("addTime", addTime);
	localStorage.setItem("lon", lon);
	localStorage.setItem("lat", lat);
	var index = top.layer.open({
		title: false,
		type: 2,
		content: '../../page/worker/workerAttendance/openMap.html',
		area: ['75%', '75%'],
		maxmin: false
	});
}