<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
	<title>考勤信息管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript">
		$(document).ready(function() {
			$(".oaAttendance_startTime").each(function () {
				var time = $(this).text().trim();
				if(time.length==0){
				    time = $(this).next("td").text().trim();
				}
				var date = new Date(time);
                //var dataType = Object.prototype.toString.call(date);
				var weeks = ['日','一','二','三','四','五','六'];
                var week = weeks[date.getDay()];
                var rules = $(this).siblings(".oaAttendance_rule").text().trim();
                rules = rules.replace(week,"<strong style='color: red;'>"+week+"</strong>");
                $(this).siblings(".oaAttendance_rule").html(rules);
            });

            laydate.render({
                elem: '#fromThisDay', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
                event: 'focus' //响应事件。如果没有传入event，则按照默认的click
            });
            laydate.render({
                elem: '#toThisDay', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
                event: 'focus' //响应事件。如果没有传入event，则按照默认的click
            });
		});
	</script>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content">
	<div class="ibox">
	<%--<div class="ibox-title">
		<h5>考勤信息列表 </h5>
		<div class="ibox-tools">
			<a class="collapse-link">
				<i class="fa fa-chevron-up"></i>
			</a>
			<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
				<i class="fa fa-wrench"></i>
			</a>
			<ul class="dropdown-menu dropdown-user">
				<li><a href="javascript:void(0)">选项1</a>
				</li>
				<li><a href="javascript:void(0)">选项2</a>
				</li>
			</ul>
			<a class="close-link">
				<i class="fa fa-times"></i>
			</a>
		</div>
	</div>--%>
    
    <div class="ibox-content">
	<sys:message content="${message}"/>
	
	<!--查询条件-->
	<div class="row">
	<div class="col-sm-12">
	<form:form id="searchForm" modelAttribute="oaAttendance" action="${ctx}/oa/oaAttendance/" method="post" class="form-inline">
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
		<table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/><!-- 支持排序 -->
		<a href="#" id="moresee" class="fa fa-chevron-down" style="float: right;">更多</a>
		<div class="form-group">
			<span>姓名：</span>
			<%--<form:input path="user.name"  htmlEscape="false" maxlength="64"  class=" form-control input-sm"/>--%>
			<input name="user.name" value="${username}" class="form-control input-sm"/>
			<span>开始日期：</span>
			<input id="fromThisDay"  name="fromThisDay"  type="text" readonly="" maxlength="20" style="width:180px;" class="laydate-icondate form-control layer-date input-sm"
				   value="<fmt:formatDate value="${fromThisDay}" pattern="yyyy-MM-dd"/>">
			<span>结束日期：</span>
			<input id="toThisDay"  name="toThisDay"  type="text" readonly="" maxlength="20" style="width:180px;" class="laydate-icondate form-control layer-date input-sm"
				   value="<fmt:formatDate value="${toThisDay}" pattern="yyyy-MM-dd"/>">
		</div>
	</form:form>
	<br/>
	</div>
	</div>
	
	<!-- 工具栏 -->
	<div class="row">
	<div class="col-sm-12">
		<div class="pull-left">
			<shiro:hasPermission name="oa:oaAttendance:add">
				<table:addRow url="${ctx}/oa/oaAttendance/form" title="考勤信息"></table:addRow><!-- 增加按钮 -->
			</shiro:hasPermission>
			<shiro:hasPermission name="oa:oaAttendance:edit">
			    <table:editRow url="${ctx}/oa/oaAttendance/form" title="考勤信息" id="contentTable"></table:editRow><!-- 编辑按钮 -->
			</shiro:hasPermission>
			<shiro:hasPermission name="oa:oaAttendance:del">
				<table:delRow url="${ctx}/oa/oaAttendance/deleteAll" id="contentTable"></table:delRow><!-- 删除按钮 -->
			</shiro:hasPermission>
			<shiro:hasPermission name="oa:oaAttendance:import">
				<table:importExcel url="${ctx}/oa/oaAttendance/import"></table:importExcel><!-- 导入按钮 -->
			</shiro:hasPermission>
			<shiro:hasPermission name="oa:oaAttendance:export">
	       		<table:exportExcel url="${ctx}/oa/oaAttendance/export"></table:exportExcel><!-- 导出按钮 -->
	       	</shiro:hasPermission>
	       <button class="btn btn-white btn-sm " data-toggle="tooltip" data-placement="left" onclick="sortOrRefresh()" title="刷新"><i class="glyphicon glyphicon-repeat"></i> 刷新</button>
		
			</div>
		<div class="pull-right">
			<button  class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="search()" ><i class="fa fa-search"></i> 查询</button>
			<button  class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="reset()" ><i class="fa fa-refresh"></i> 重置</button>
		</div>
	</div>
	</div>
	
	<!-- 表格 -->
	<table id="contentTable" class="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable">
		<thead>
			<tr>
				<%--<th> <input type="checkbox" class="i-checks"></th>--%>
				<th style="text-align: center;"  class="sort-column company.name">公司</th>
				<th style="text-align: center;"  class="sort-column rule.id">考勤规则</th>
				<th style="text-align: center;"  class="sort-column user.name">用户</th>
				<th style="text-align: center;"  class="sort-column startTime">上班时间</th>
				<th style="text-align: center;"  class="sort-column endTime">下班时间</th>
				<th style="text-align: center;" class="sort-column morning">上班情况</th>
				<th style="text-align: center;" class="sort-column afternoon">下班情况</th>
				<th style="text-align: center;"  class="sort-column remarks">备注信息</th>
				<th style="text-align: center;">操作</th>
			</tr>
		</thead>
		<tbody>
		<c:forEach items="${page.list}" var="oaAttendance">
			<tr>
				<%--<td> <input type="checkbox" id="${oaAttendance.id}"  class="i-checks"></td>--%>
				<td>
					<%--${oaAttendance.company.name}--%>
					<span title="${oaAttendance.company.name}">${fns:abbr(oaAttendance.company.name, 30)}</span>
				</td>
				<td class="oaAttendance_rule">
					${oaAttendance.rule.startTime}
					--
					${oaAttendance.rule.endTime}
					&nbsp;&nbsp;
					(${oaAttendance.rule.workdays})
				</td>
				<td>
					${oaAttendance.user.name}
				</td>
				<td class="oaAttendance_startTime">
					<fmt:formatDate value="${oaAttendance.startTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
				</td>
				<td>
					<fmt:formatDate value="${oaAttendance.endTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
				</td>
				<td>
					<c:if test="${oaAttendance.morning==1}">正常打卡</c:if>
					<c:if test="${oaAttendance.morning==2}"><strong style="color: red">迟到</strong></c:if>
					<c:if test="${oaAttendance.morning==5}"><strong style="color: red">待打卡</strong></c:if>
				</td>
				<td>
					<c:if test="${oaAttendance.afternoon==1}">正常打卡</c:if>
					<c:if test="${oaAttendance.afternoon==3}"><strong style="color: red">早退</strong></c:if>
					<c:if test="${oaAttendance.afternoon==5}"><strong style="color: red">待打卡</strong></c:if>
				</td>
				<td>
					${oaAttendance.remarks}
				</td>

				<td>
					<div style="text-align: center">
					<shiro:hasPermission name="oa:oaAttendance:view">
						<a href="javascript:void(0)" onclick="openDialogView('查看考勤信息', '${ctx}/oa/oaAttendance/form?id=${oaAttendance.id}&morning=${oaAttendance.morning}&afternoon=${oaAttendance.afternoon}&readAttr=disabled','80%','80%')" class="btn btn-info btn-xs" ><i class="fa fa-search-plus"></i> 查看</a>
					</shiro:hasPermission>
				<%--	<shiro:hasPermission name="oa:oaAttendance:edit">
    					<a href="javascript:void(0)" onclick="openDialog('修改考勤信息', '${ctx}/oa/oaAttendance/form?id=${oaAttendance.id}','80%','80%')" class="btn btn-success btn-xs" ><i class="fa fa-edit"></i> 修改</a>
    				</shiro:hasPermission>
    				<shiro:hasPermission name="oa:oaAttendance:del">
						<a href="${ctx}/oa/oaAttendance/delete?id=${oaAttendance.id}" onclick="return confirmx('确认要删除该考勤信息吗？', this.href)"   class="btn btn-danger btn-xs"><i class="fa fa-trash"></i> 删除</a>
					</shiro:hasPermission>--%>
					</div>
				</td>

			</tr>
		</c:forEach>
		</tbody>
	</table>
	
		<!-- 分页代码 -->
	<table:page page="${page}"></table:page>
	<br/>
	<br/>
	</div>
	</div>
</div>
</body>
</html>