<!-- include 'header' -->
<link href="<?= WEB_SITE_GLOBAL ?>css/datepicker.min.css" rel="stylesheet" type="text/css">
<script src="<?= WEB_SITE_GLOBAL ?>js/datepicker.min.js"></script>
<script src="<?= WEB_SITE_GLOBAL ?>js/datepicker.zh.js"></script>
<style>
	nav a{
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5px;
		text-decoration:none;
		color: #8E0950;
		background-color: #ffffff;
		border: 1px solid #dddddd;
		margin-left: -1px;
	}
	nav a.current {
		background: #8E0950;
		color: #fff;
		cursor: default;
	}

	nav a:hover{
		border-color:#8E0950;
		z-index: 1
	}
	/*nav a.current {*/
		/*border-color: #8E0950;*/
		/*background-color: #8E0950;*/
		/*color: #fff;*/
		/*cursor: default;*/
	/*}*/

	/*nav a:hover{*/
		/*border-color:#8E0950;*/
		/*z-index: 1*/
	/*}*/
</style>
<body>
<div class="mainLayout">
	<div class="mainMenu">
		<div class="menuItem">
			<a href="#" class="mLogo">CLD</a>
			<ul>
				<!-- include 'menu' -->
			</ul>
		</div>
	</div>
	<div class="warpContent">
		<div class="subMenu fL">
			<div class="menuItem">
				<ul>
					<!-- include 'holiday_menu' -->
				</ul>
			</div>
		</div>
		<div class="adminContent autoHeight" style="height: 821px;">
			<legend><div class="fL"></div>今日考勤记录</legend>
			<div class="demandCate">
				<ul class="cateList">
					<li>
						<div class="search">
							<div class="input-append">
								<input id="datepicker" name="day" class="datepicker-here span3" placeholder="按时间筛选" type="text" data-range="true"
									   data-multiple-dates-separator="~"
									   data-language="zh" value="{{today}}">
								<button class="btn btn-small" type="button" id="searchtoday">查询</button>
							</div>
						</div></li>
					<li>
						<select id="cateselect">
							<option value="0">所有办事处</option>
							<option value="1" <!-- if {{cate}} == 1 -->selected<!-- endif -->>总部</option>
						</select>
					</li>
					<input type="hidden" id="typeselect" value="{{type}}">
					<li><a href="/holidayattendance{{typeurl}}" <!-- if {{type}} == '' -->class="now"<!-- endif -->>所有</a><a href="/holidayattendance{{typeurl}}/type/1" <!-- if {{type}} == 1 -->class="now"<!-- endif -->>事假</a><a href="/holidayattendance{{typeurl}}/type/2" <!-- if {{type}} == 2 -->class="now"<!-- endif -->>病假</a><a href="/holidayattendance{{typeurl}}/type/10" <!-- if {{type}} == 10 -->class="now"<!-- endif -->>补休</a><a href="/holidayattendance{{typeurl}}/type/11" <!-- if {{type}} == 11 -->class="now"<!-- endif -->>调休</a><a href="/holidayattendance{{typeurl}}/type/12" <!-- if {{type}} == 12 -->class="now"<!-- endif -->>年假</a><a href="/holidayattendance{{typeurl}}/type/4" <!-- if {{type}} == 4 -->class="now"<!-- endif -->>加/值班</a><a href="/holidayattendance{{typeurl}}/type/6" <!-- if {{type}} == 6 -->class="now"<!-- endif -->>其他</a></li>
				</ul>
			</div>
			<div class="saeaList">
				<div class="entry">
					<!-- if isset({{holidaylist}}) -->
					<table class="table table-bordered table-condensed">
						<tbody>
						<tr><th class="taC">办事处</th><th class="taC">员工</th><th class="taC">类型</th><th class="taC">申请日期</th><th class="taC" width="90">合计天数</th><th class="taC">审批时间</th></tr>
						<!-- loop holidaylist -->
						<tr>
							<td>{{holidaylist' value.category}}</td>
							<td>{{holidaylist' value.username}}</td>
							<td>{{holidaylist' value.typename}}</td>
							<td>{{holidaylist' value.daymsg}}</td>
							<td>{{holidaylist' value.daynum}}</td>
							<td>{{holidaylist' value.approvetime}}</td>
						</tr>
						<!-- endloop -->
						</tbody>
					</table>
					<!-- else -->
					<blockquote><p class="colGray">检索条件没有记录 </p></blockquote>
					<!-- endif -->
					<nav class="pagination fR">
						{{pager}}
					</nav>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">autoFlashHeight();</script>
<script>
$(function(){
//	$('#datepicker').datepicker({
//		setDate : new Date()
//	});
//	datepicker.date = new Date();
	$('#searchtoday').click(function(){
		if($('#datepicker').val() == ''){
			alert('请选择日期再查询');
		}else{
			var url = '';
			if($('#cateselect').val() != 0){
				url += '/cate/headquarters';
			}
			if($('#typeselect').val() != ''){
				url += '/type/'+$('#typeselect').val();
			}
			window.location.href = '/holidayattendance/day/'+$('#datepicker').val()+url;
		}
	});

	$('#cateselect').change(function(){
		var url = '';
		if($('#datepicker').val() != ''){
			url += '/day/'+$('#datepicker').val();
		}
		if($(this).val() != 0){
			url += '/cate/headquarters';
		}
		if($('#typeselect').val() != ''){
			url += '/type/'+$('#typeselect').val();
		}
		window.location.href = '/holidayattendance'+url;
	});
})
</script>
</body>
