<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>           
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<div class="tab-pane active">      
	<div class="animated fadeInRight">
		<div class="whitebg pl10 pr10">
			<table class="table table-striped table-bordered table-hover">     
				<thead> 
					<tr>  
						<th class="textc">序号</th>         
						<th class="textc wp15">流水账号</th>
						<th class="textc">日期</th>         
						<th class="textc">财务类别</th>     
						<th class="textc">金额</th>         
						<th class="textc">银行</th>         
						<th class="textc">发票</th>         
						<th class="textc">客户名称</th>     
						<th class="textc wp15">单号</th>    
						<th class="textc">状态</th>         
						<th class="textc">类别</th>         
						<th class="textc">操作</th>         
					</tr> 
				</thead>
				<tbody> 
					<tr class="odd">         
						<td class="textc">1</td>
						<td class="textc">MD-201812</td>    
						<td class="textc">2018-12-12</td>   
						<td class="textc">会员充值</td>     
						<td class="textc"><span class="red">4563.00</span></td>    
						<td class="textc">对公账户</td>     
						<td class="textc">否</td>           
						<td class="textc">张三</td>         
						<td class="textc">     
							<div class="overFont w150">销售单号(xs-3234456676776)</div>
						</td>      
						<td class="textc">已确认</td>       
						<td class="textc"><span class="red">收入</span></td>
						<td class="textc">     
							<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>   
						</td>      
					</tr> 
                
					<tr class="odd">         
						<td class="textc">1</td>
						<td class="textc">MD-201812</td>    
						<td class="textc">2018-12-12</td>   
						<td class="textc">会员充值</td>     
						<td class="textc"><span class="red">4563.00</span></td>    
						<td class="textc">对公账户</td>     
						<td class="textc">否</td>           
						<td class="textc">张三</td>         
						<td class="textc">     
							<div class="overFont w150">销售单号(xs-3234456676776)</div>
						</td>      
						<td class="textc">已确认</td>       
						<td class="textc"><span class="green">支出</span></td>     
						<td class="textc">     
							<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>   
						</td>      
					</tr> 
					<tr class="odd">         
						<td class="textc">1</td>
						<td class="textc">MD-201812</td>    
						<td class="textc">2018-12-12</td>   
						<td class="textc">会员充值</td>     
						<td class="textc"><span class="red">4563.00</span></td>    
						<td class="textc">对公账户</td>     
						<td class="textc">否</td>           
						<td class="textc">张三</td>         
						<td class="textc">     
							<div class="overFont w150">销售单号(xs-3234456676776)</div>
						</td>      
						<td class="textc">已确认</td>       
						<td class="textc"><span class="red">收入</span></td>
						<td class="textc">     
							<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>   
						</td>      
					</tr> 
					<tr class="odd">         
						<td class="textc">1</td>
						<td class="textc">MD-201812</td>    
						<td class="textc">2018-12-12</td>   
						<td class="textc">会员充值</td>     
						<td class="textc"><span class="red">4563.00</span></td>    
						<td class="textc">对公账户</td>     
						<td class="textc">否</td>           
						<td class="textc">张三</td>         
						<td class="textc">     
							<div class="overFont w150">销售单号(xs-3234456676776)</div>
						</td>      
						<td class="textc">已确认</td>       
						<td class="textc"><span class="red">收入</span></td>
						<td class="textc">     
							<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>   
						</td>      
					</tr> 
					<tr class="odd">         
						<td class="textc">1</td>
						<td class="textc">MD-201812</td>    
						<td class="textc">2018-12-12</td>   
						<td class="textc">会员充值</td>     
						<td class="textc"><span class="red">4563.00</span></td>    
						<td class="textc">对公账户</td>     
						<td class="textc">否</td>           
						<td class="textc">张三</td>         
						<td class="textc">     
							<div class="overFont w150">销售单号(xs-3234456676776)</div>
						</td>      
						<td class="textc">已确认</td>       
						<td class="textc"><span class="red">收入</span></td>
						<td class="textc">     
							<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>   
						</td>      
					</tr> 
					<tr class="odd">         
						<td class="textc">1</td>
						<td class="textc">MD-201812</td>    
						<td class="textc">2018-12-12</td>   
						<td class="textc">会员充值</td>     
						<td class="textc"><span class="red">4563.00</span></td>    
						<td class="textc">对公账户</td>     
						<td class="textc">否</td>           
						<td class="textc">张三</td>         
						<td class="textc">     
							<div class="overFont w150">销售单号(xs-3234456676776)</div>
						</td>      
						<td class="textc">已确认</td>       
						<td class="textc"><span class="red">收入</span></td>
						<td class="textc">     
							<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>   
						</td>      
					</tr> 
					<tr class="odd">         
						<td class="textc">1</td>
						<td class="textc">MD-201812</td>    
						<td class="textc">2018-12-12</td>   
						<td class="textc">会员充值</td>     
						<td class="textc"><span class="red">4563.00</span></td>    
						<td class="textc">对公账户</td>     
						<td class="textc">否</td>           
						<td class="textc">张三</td>         
						<td class="textc">     
							<div class="overFont w150">销售单号(xs-3234456676776)</div>
						</td>      
						<td class="textc">已确认</td>       
						<td class="textc"><span class="red">收入</span></td>
						<td class="textc">     
							<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>   
						</td>      
					</tr> 
					<tr class="odd">         
						<td class="textc">1</td>
						<td class="textc">MD-201812</td>    
						<td class="textc">2018-12-12</td>   
						<td class="textc">会员充值</td>     
						<td class="textc"><span class="red">4563.00</span></td>    
						<td class="textc">对公账户</td>     
						<td class="textc">否</td>           
						<td class="textc">张三</td>         
						<td class="textc">     
							<div class="overFont w150">销售单号(xs-3234456676776)</div>
						</td>      
						<td class="textc">已确认</td>       
						<td class="textc"><span class="red">收入</span></td>
						<td class="textc">     
							<a href="javascript:void(0);" class=" blue dlblock w20 h20 edit"><i class="fa fa-pencil"></i></a>   
						</td>      
					</tr> 
				</tbody>
                
			</table>  
			<!-- footer -->  
			<div class="clearfix mb10 pb20">          
					<div class="layui-tab-item fr">       
							<span class="dlblock vm">当前第<span class="now" id="currPage"></span>页 , </span>
							<span class="dlblock vm">共<span class="count" id="pageCount"></span>页 </span>   
							<div class="pagination dlblock vm" id="pagination"></div>
							<span class="dlblock vm ml10">总记录数<span class="now" id="totalCount"></span>条</span>            
					</div>
				</div>  
		</div>      
	</div>        
</div>          
                
<script type="text/javascript">    
//分页          
$('#pagination').pagination({        
	pageCount: 50,
	jump: true,   
	coping: true, 
	homePage: '首页',    
	endPage: '末页',     
	prevContent: '上页', 
	nextContent: '下页', 
	callback: function(api) {          
		$('.now').text(api.getCurrent());
	}             
});             
</script>       

