<!-- include 'header' -->
<script src="<?= receipt ?>"></script>
<link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>css/fixedheadertable.css"> 
<script src="<?= WEB_SITE_GLOBAL ?>js/jquery.fixedheadertable.js"></script>

<body>
	<div class="mainLayout">
		<div class="mainMenu">
			<div class="menuItem">
				<a href="#" class="mLogo">CLD</a>
				<ul>
					<!-- include 'menuReceipt' -->
				</ul>
			</div>
		</div>
		<div class="warpContent">
			<div class="subMenu fL">
				<div class="menuItem">
					<ul>
						<!-- include 'receipt_menu' -->
					</ul>
				</div>
			</div>
			<div class="adminContent autoHeight" style="height: 821px;">
			
			<form action="/receiptStatisticsStaffDetail" id="up" method="post">
			<input type="hidden" name='username' value='{{username}}'>
				<legend><div class="fL"><a class="icon- crumb" href="/staffCollectMonthDetail/{{year}}/{{month}}/ONJOB" title="返回上级">b</a></div>{{usernameEN}} {{month}}月费用列表</legend>
				<div class="demandCate">
					<ul class="cateList">
	  					<li><a href="/companyCategoryCollect">办事处</a><a href="#" class="now">员工</a></li>
	  					<li><select name="year" id="Y" onchange="receiptYear();">
	  					<!-- include 'year' -->
	  					</select> 
	  					 <select name="month" id="M" onchange="receiptYear();">
		{{monthHtml}}
	</select> 
	</li>
	
	  					<li><b>{{month}}月</b>报销总计：￥{{stList.rePrice}}</li>
	  					<li><b>{{month}}月</b>同意支付：<span class="colGreen">￥{{stList.agPrice}}</span></li>
	  					<li><b>{{month}}月</b>审批中：￥{{stList.skPrice}}</li>
	  			</ul>
	  		</div>
	  		</form>
	  		
	  		
	  		
	  		
	  		<div class="saeaList">
	  			<div class="entry autoHeightI2">
	  			<script type="text/javascript">$(document).ready(function() {
    $('#saeaTable').fixedHeaderTable({ fixedColumns:2 });
});</script>
	  				<table class="table table-bordered table-condensed table-hover fancyTable" id="saeaTable">
	  				<thead>
	  						<tr>
	  						<th class="taC" rowspan="3">员工/费用项</th>
	  						<th class="taC" rowspan="3">{{year}}年{{month}}月费用合计</th>
	  						{{itemHtml}}
	  						<th class="taC" rowspan="2">报销金额调整<div class="fht-cell" style="width: 72px;"></div></th>
	  						<th class="taC" rowspan="2" style="padding-right: 11px;">费用说明<div class="fht-cell" style="width: 60px;"></div></th>
	  						</tr>
	  						
	  						<tr>
	  						{{categoryHtml}}
	  						
	  						</tr>
	  						
	  						<tr class="warning">
	  						{{receiptTotalHtml}}
							</tr>
	  				</thead>
	  					<tbody>
	  						<!-- loop list -->
	  						<tr>
	  						<th><a href="/expensesDoc/{{list' value.ridKey}}" target="_blank">{{list' value.receiptOrder}}</th>
	  						<td><b>{{list' value.sum}}</b></td>
	  						{{list' value.receiptItemHtml}}
	  						
	  						</tr>
	  						<!-- endloop -->
	  						
	  						
	  						</tbody>
	  					</table>
	  			</div>
			</div>
		</div>
	</div>
	<!--弹出-->
<div class="modal hide fade" id="detail">
	<div class="modal-dialog">
		<div class="modal-content">
    <div class="modal-header">
    	<h3>费用说明</h3>
    </div>
    <div class="modal-body">
    	<p id="explanationHtml">这是报销说明的内容</p>
    </div>
		<div class="modal-footer">
		    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
		</div>
	</div>
</div>
</div>
    <!--弹出内容-->
<script type="text/javascript">autoFlashHeight();

function showExplanation(key){
	var data=$("#sen"+key).attr('data');
	console.log(data);
	$('#explanationHtml').html(data);
}

</script>
</body>
