{extend name="public/base"/}
{block name="body"}
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			<h2>{$meta_title}</h2>
		</div>
		<div class="pull-right">			
			<div class="col-sm-12 col-md-2">
				<button class="btn btn-primary" id="btn-export"><i class="fa fa-download"></i>导出已支付订单</button>
			</div>
		</div>
	</header>
	<div class="main-box-body clearfix">
		<div class="row">
			<form method="get" class="target_form">
				<div class="col-sm-12 col-md-3 col-lg-3">
					
					<div class="input-group">
						<input type="text" class="form-control" name="startdata" id="startdata" value="{$startdata|date='Y-m-d',###}" placeholder="">
						<span class="input-group-addon"><i class="fa fa-th"></i></span>
					</div>
				</div>
				<div class="col-sm-12 col-md-3 col-lg-3">
					<div class="input-group">
						<input type="text" class="form-control" name="enddata" id="enddata" value="{$enddata|date='Y-m-d',###}" placeholder="">
						<span class="input-group-addon"><i class="fa fa-th"></i></span>
					</div>
				</div>
				<div class="col-sm-12 col-md-3 col-lg-3">
					<input type="text" class="form-control" name="keyword" value="{$keyword|default=''}" placeholder="请输入单号, 微信交易号">
				</div>
				<div class="col-sm-12 col-md-3">
					<button class="btn btn-primary" type="submit">搜索</button>
				</div>
			</form>
		</div>
		<div class="table-responsive clearfix"style="margin-top:20px;">

			<div class="table-responsive clearfix">

				<ul class="nav nav-tabs">
						<li {if $status == ''}class="active"{/if}>
							<a href="{:url('klindex',array('model_id'=>6,'spreadid'=>$spreadid))}">全部</a>
						</li>
						<li {if $status ==0 && $status != ''}class="active"{/if}>
							<a href="{:url('klindex',array('model_id'=>6,'status'=>0,'spreadid'=>$spreadid))}">待支付</a>
						</li>
						<li {if $status ==1}class="active"{/if}>
							<a href="{:url('klindex',array('model_id'=>6,'status'=>1,'spreadid'=>$spreadid))}">已支付</a>
						</li>
						<li {if $status ==3}class="active"{/if}>
							<a href="{:url('klindex',array('model_id'=>6,'status'=>3,'spreadid'=>$spreadid))}">已关闭</a>
						</li>
				</ul>
				<table class="table table-hover">
					<thead>
						<tr>
							
							{volist name="grid['grids']" id="item"}
							<th>{$item['title']}</th>
							{/volist}
						</tr>
					</thead>
					<tbody>
						{if condition="empty($list)"}
						{php}
						$cow = count($grid['grids'])+2;
						{/php}
						<tr>
							<td colspan="{$cow}" align="center">暂无数据！</td>
						</tr>
						{else/}
						{volist name="list" id="item"}
						<tr>
							<td>{$item.id}</td>
							<td>{$item.out_trade_no}</td>
							<td>{$item.transaction_id}</td>
							<td>{$item.type|get_field=6,'type',###}</td>
							<td>{$item.uid|get_username}</td>
							<td>{$item.money}</td>
							<td>{$item.paytype}</td>
							<td>{$item.status|get_field=6,'status',###}</td>
							<td>{$item.create_time|date="Y-m-d H:i:s",###}</td>
							
						</tr>
						{/volist}
						{/if}
					</tbody>
				</table>
			</div>
			{$page}
		</div>
	</div>
</div>
<!-- datepicker statr -->
<link href="/public/plugs/datepicker/css/foundation-datepicker.min.css" rel="stylesheet" type="text/css">
<script src="/public/plugs/datepicker/js/foundation-datepicker.js"></script>
<script src="/public/plugs/datepicker/js/foundation-datepicker.zh-CN.js"></script>

<script>
$('#startdata').fdatepicker({
	format: 'yyyy-mm-dd',
	pickTime: true
});
$('#enddata').fdatepicker({
	format: 'yyyy-mm-dd',
	pickTime: true
});
$(function () {
	var exporturl = "{:url('export')}";
	$('#btn-export').click(function () {
		var target, query, form;
		form = $('.target_form');
		query = form.serialize();
		location.href = exporturl+"?"+query;
	});

	
});
</script>	
{/block}