{extend name="layout/content" /} {block name="header"}
<link rel="stylesheet" href="__STATIC__/css/admin/bootstrap.min.css">
<link rel="stylesheet" href="__STATIC__/css/admin/bootstrap-table.css?v={$Think.STATIC_VERSION}">
<link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}">
<title>交易记录列表</title>
<style>
	.hide{
        display: none;
    }
	th,tr{
        text-align: center;
    }

    .detail-view td{
        text-align: left;
    }
	:hover .noLine{
		text-decoration-line: none;
	}
</style>
{/block} {block name="content"}
<div class="x-body">
		<form class="layui-form" method="get" action="{:url('index')}">
			<div>

			<div class="layui-inline">
				<div class="layui-input-inline">
					<input class="layui-input" name="bill_id" placeholder="交易猫订单号" value="{:input('request.bill_id', '')}">
				</div>
			</div>

			<div class="layui-inline">
				<div class="layui-input-inline FuzzySearch_Container">
					<div>
						<input type="hidden" id='gameid' name="gameid" value="{:input('gameid')}" />
					</div>
				</div>
			</div>

			<div class="layui-inline">
				<div class="layui-input-inline">
					<input class="layui-input" name="username" placeholder="玩家账号" value="{:input('request.username', '')}">
				</div>
			</div>

			<div class="layui-inline">
				<div class="layui-input-inline">
					<select name="type" lay-search>
						<option value="">请选择交易类型</option>
						<option value="1" {if condition="input('type') eq '1'" }selected="selected" {/if}>首充</option>
						<option value="2" {if condition="input('type') eq '2'" }selected="selected" {/if}>续充</option>
					</select>
				</div>
			</div>

			<div class="layui-inline">
				<div class="layui-input-inline FuzzySearch_Container">
					<div>
						<input type="hidden" id='J_channel_id' name="channel_id" value="{:input('channel_id')}" />
					</div>
				</div>
			</div>

			<div class="layui-inline">
				<div class="layui-input-inline" style="width: 150px;">
					<input class="layui-input" placeholder="开始时间" name="start_time" id="start" value="{:input('request.start_time',date('Y-m-d'))}" autocomplete="off">
				</div>
			</div>

			<div class="layui-inline">
				<div class="layui-input-inline" style="width: 150px;">
					<input class="layui-input" placeholder="结束时间" name="end_time" id="end" value="{:input('end_time',date('Y-m-d'))}" autocomplete="off">
				</div>
			</div>

			<div class="layui-inline">
				<button class="layui-btn" lay-submit id="J_search_submit">搜索</button>
				<a class="layui-btn" href="{:url('index')}">清空</a>
			</div>

		</div>

		<!-- data-toolbar="#toolbar" -->
			<table class="layui-table">
					<thead>
						<tr>
							<th>交易猫订单号</th>
							<th>游戏名</th>
							<th>玩家账号</th>
							<th>平台币数量</th>
							<th>实际支付平台币数量</th>
							<th>交易类型</th>
							<th>渠道名</th>
							<th>创建时间</th>
						</tr>
					</thead>
					<tbody>
						{volist name="payList" id="vo"}
						<tr>
							<td>{$vo.bill_id}</td>
							<td>
								{php}
									echo (isset($gameNameArr[ $vo['gameid'] ]) ? $gameNameArr[ $vo['gameid'] ] : '--');
								{/php}
							</td>
							<td id="J_td_{$i}"><a href="javascript:void(0);" onclick="showUsername({$vo.userid},{$i})">{:stringObfuscation($vo.username)}</a></td>
							<td>{$vo.ptb|floatval}</td>
							<td>{$vo.ptb_real|floatval}</td>
							<td>
								{if($vo.coin_type=='first')}
								首充
								{elseif($vo.coin_type=='act')}
								活动发币
								{else}
								续充
								{/if}
							</td>
							<td>{$vo.channel_name}</td>
							<td>{$vo.create_time|date="Y-m-d H:i:s",###}</td>
						</tr>
						{/volist}
					</tbody>
				</table>

				<div class="pager-container" style="margin-top:10px;">
					<span>
						平台币总消费：{$totalAmount},{$payList->total()}条记录
					</span>
					{$page}
					<div class="layui-inline" style="margin:0;margin-left:10px;width:80px;">
						<input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
					</div>
				</div>

		</form>

	{/block} {block name="footer"}
	<script type="text/javascript" src="__STATIC__/js/admin/bootstrap.min.js"></script>
	<script type="text/javascript" src="__STATIC__/js/admin/bootstrap-table.js?v={$Think.STATIC_VERSION}"></script>
	<script type="text/javascript" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
	<script>

		$("#gameid").FuzzySearch({
			 inputID    : 'gameid',
			 title   	: '请输入游戏名称',
			 searchBtn	:'J_search_submit',
			 data       :{:json_encode($game_list)},
		});


		$("#J_channel_id").FuzzySearch({
			 inputID    : 'J_channel_id',
			 title   	: '请选择渠道',
			 searchBtn	:'J_search_submit',
			 data       :{:json_encode($channel_list)},
		});
		
	
		var $table = $('#objTable');
		$table.bootstrapTable({});

		layui.use(['form', 'layer', 'laydate'], function () {
			$ = layui.jquery;
			var form = layui.form,
				layer = layui.layer,
				laydate = layui.laydate;

			laydate.render({
				elem: '#start' //指定元素
			});

			//执行一个laydate实例
			laydate.render({
				elem: '#end' //指定元素
			});
		});
		
		//显示全部姓名
		function showUsername(userid,id)
		{
			$.ajax({
	           type: "post",
	           data: {'userid':userid},
	           url: "{:url('showUsername')}",
	           dataType: "json",
	           timeOut: 10,
	           success: function (result) {
	               if(result.code) {
	               	
	               	$('#J_td_'+id).html(result.data);
	              
	               }else{
	                   layer.alert(result.msg, {icon: 5});
	               }
	           },
	           error: function () {
	               layer.alert('网络错误，请刷新页面重试！', {icon: 2});
	           }
	       });
		}
	</script>
	{/block}