caipin
/
cld


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<!-- include '../admin/header' -->

<link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>js/DataTables/jquery.dataTables.css"> 
<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/DataTables/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/dataTables.fixedColumns.min.js"></script>

<body>
	<div class="mainLayout">
		<div class="mainMenu">
			<div class="menuItem">
				<a href="#" class="mLogo">CLD</a>
				<ul>
					<!-- include '../admin/menuReceipt' -->
					</ul>
			</div>
		</div>
		<div class="warpContent">
			<div class="subMenu fL">
				<div class="menuItem">
					<ul>
						<!-- include '../admin/receipt_menu' -->
					</ul>
				</div>
			</div>
			<div class="adminContent autoHeight" style="height: 821px;">
				<legend>办事处 全年费用汇总</legend>
				<div class="demandCate">
					<ul class="cateList">
	  					<li><a href="saea-dlist-category-year.html">办事处</a><a href="saea-dlist-category-year2.html" class="now">办事处明细</a><a href="saea-dlist-staff-year.html">员工</a></li>
	  					<li><select><option>2019</option></select></li>
	  					<li><a href="#view-setting" data-toggle="modal">显示设置</a></li>
	  					<li><a href="#export" data-toggle="modal" class="button">导出</a></li>
	  			</ul>
	  		</div>
	  		<div class="saeaList">
	  			<div class="entry">
	  				<table id="example" class="table table-bordered table-condensed table-hover">
							<thead>
								<tr>
								<th class="taC" rowspan="3">费用项</th>
								<th class="taC" rowspan="2" colspan="6">收入</th>
								<th class="taC" colspan="56">支出</th>
								</tr>
								<tr>
								{{sectionHtml}}
								</tr>
								<tr>
								<th>利润</th>
								<th>利润占比</th>
								<th>收入合计</th>
								<th>软件收入</th>
								<th>培训及其他收入</th>
								<th class="colGreen">费用合计</th>
								
								{{sectionItemHtml}}
								
								
								</tr>
							</thead>
	  					<tbody>
	  					
	  					
	  					
							
							
							
							{{summaryDateHtml}}
							
							
  					
  					</table>
	  			</div>
			</div>
		</div>
	</div>
	<!--弹出 显示设置-->
<div class="modal hide fade" id="export">
	<div class="modal-dialog">
        <div class="modal-content">
		    <div class="modal-header">
		    <h3>显示设置</h3>
		    </div>
		    <div class="modal-body">
		    	<a href="#">2019办事处费用明细.xls</a>
		    </div>
			<div class="modal-footer">
			    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
			</div>
		</div>
	</div>
</div>
    <!--结束弹出 显示设置-->
    
    <div class="modal hide fade" id="view-setting">
	<div class="modal-dialog">
        <div class="modal-content">
		    <div class="modal-header">
		    <h3>显示设置</h3>
		    </div>
		    <div class="modal-body">
		    	<label class="checkbox inline"><input type="checkbox">广东办</label>
		    	<label class="checkbox inline"><input type="checkbox">广西办</label>
		    </div>
			<div class="modal-footer">
			    <a href="#" class="button">确定</a>
			    <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
			</div>
		</div>
	</div>
</div>
    
   
   
<script type="text/javascript">
$(document).ready( function () {
	
	//var data = 
	
	
	var table =$('#example').DataTable({
		//data:data,
		searching:false,
		paging:false,
		bInfo:false,
    	language: {
    		"sProcessing": "处理中...",
    		"sLengthMenu": "显示 _MENU_ 项结果",
    		"sSearch": "搜索:",
    		"sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
    		"sEmptyTable": "表中数据为空",
    		 "oPaginate": {
    	            "sFirst": "首页",
    	            "sPrevious": "上页",
    	            "sNext": "下页",
    	            "sLast": "末页"
    	        },
    		 "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
    	},
    	
    	scrollY:        "800px",
        scrollX:        true,
        scrollCollapse: true,
        
     	fixedColumns:   {
             leftColumns: 1
         }
    });
	
	
		

} );

</script>   
   
   
   
    
    
    
    
    
    
    
<script type="text/javascript">autoFlashHeight();</script>
</body>