{extend name="public/base" /}
{block name="body"}
<style>
.clinhei{width:100%;height:25px;}	
.inp{width:200px;}
.inpdiv{width:10%;float:left;}
.inpdivbut{width:10%;float:left;}
.so{width:80px;height:30px;border:0;margin-top:25px;text-align:center;line-height:30px;cursor: pointer;}
.tdinp{border:0;}
.up{border:0;cursor: pointer;}
.bs{width:50px;height:50px;text-align:center;}
.bj{background:#fff;}
.btn-jun{display:block;margin:0 auto;}
.uptopimg{position:fixed; top:15%;left:35%;width: 500px;height:500px;display:none;background:#fff;z-index:999;}
.uptopimg img{width:450px;height:280px; display:block; margin:0 auto;margin-top:10px;}
.clinhei{width:100%;height:20px;}	
.inp{width:200px;}
.inpdiv{width:6%;float:left;}
.inpdivbut{width:10%;float:left;}
.so{width:80px;height:30px;border:0;margin-top:25px;text-align:center;line-height:30px;cursor: pointer;}
.tdinp{width:100%;border:0;}
.up{border:0;cursor: pointer;}
.infolist{float: left;font-weight:bold;width:25%;display:block;text-align:center;}
.infolist2{float: left;font-weight:bold;width:20%;display:block;text-align:center;}
.moneycss{color:red;}
</style>
<div class="alert alert-danger alert-dismissable" id="alertmgs" style="display:none;position:fixed;top:10;">
	<button type="button" class="close" data-dismiss="alert"
			aria-hidden="true">
		&times;
	</button>
	<p>错误！请进行一些更改。</p> 
</div>
<div class="alert alert-success alert-dismissable" id="alertyes" style="display:none;position:fixed;top:10;">
	<button type="button" class="close" data-dismiss="alert"
			aria-hidden="true">
		&times;
	</button>
	成功！
</div>
<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-left">
			<h2>无任何订单用户列表</h2>
		</div>
		
	</header>

	<div class="main-box-body clearfix">
		<div class="row">
			<form method="get" class="target_form" id="formtime">

				<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}" 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}" 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="clickid" id="clickid" value="{$clickid}" placeholder="clickid匹配字符">
						<span class="input-group-addon"><i class="fa fa-th"></i></span>
					</div>
				</div>

				<input type="hidden" name="pageurl" value="{$pageurl}" id="pageurl"> 
				<div class="col-sm-12 col-md-3">
					<button class="btn btn-primary" type="button" onclick="verificationfrom()">搜索</button>
					<a href="javascript:history.back(-1)" class="btn btn-success">返回</a>
				</div>
			</form>
		</div>
	</div>


	<div class="main-box-body clearfix">
	<p class="text-success">{$text}</p>
	<div class="main-box-body clearfix">
			<div class="container">                      
				<table class="table table-bordered bj" id="table" cellspacing="0" cellpadding="2" border="1">
					<thead>
						<tr>
							<th>头像</th>
							<th>名称</th>
							<th>注册时间</th>
							<th>Clickid</th>
							<th>复制前13</th>
							<th>操作</th>
						</tr>
					</thead>

					<tbody id="table" cellspacing="0" cellpadding="2" border="1">
                        {volist name="data" id="v"}
                            <tr>
                                <td><img src="{$v.avatar}" style="width:50px;height:50px;display: block;margin: 0 auto;"></td>
                                <td style="text-align: center;">{$v.username}</td>
								<td>{$v.reg_time|date='Y-m-d H:i:s',###}</td>

								<td><button type="button" class="btn btn-danger" style="display:block;margin: 0 auto;" onclick="getc('{$v.clickid}')">查看</button></td>

								<td><button type="button" class="btn btn-danger" style="display:block;margin: 0 auto;" onclick="copyClickid('{$v.clickid}')">复制</button></td>

                                {if $v.clickid == ''}
                                <td><button type="button" class="btn btn-success" style="display:block;margin: 0 auto;">No</button></td>
                                {else/}
                                <td><button type="button" class="btn btn-success" style="display:block;margin: 0 auto;" onclick="payPassNo('{$v.clickid}','{$v.ldurl}','{$v.channel}','{$v.uid}')">回传</button></td>
                                {/if}

                            </tr>
                        {/volist}   
					</tbody>
				</table>
				{$data->render()}
			</div>		
	</div>
	
</div>
{/block}
{block name="script"}
<script src = "/public/js/colResizable-1.6.min.js" ></script>
<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({
    clearBtn: true,
    todayBtn: true,
	format: 'yyyy-mm-dd h:i',
	pickTime: true
});
$('#enddata').fdatepicker({
    clearBtn: true,
    todayBtn: true,
	format: 'yyyy-mm-dd h:i',
	pickTime: true
});

$(function(){
	//此处实现表格可拖放属性
	$("#table").colResizable({
	  liveDrag:true,//实现实时拖动，可看见拖动轨迹
	  draggingClass:"dragging", //防止拖动出险虚标线
	  resizeMode: "overflow" //表的宽度可以超过父级宽度
	});
});

function alertmgs(mgs){
    $('#alertmgs').show();
	$('#alertmgs').children('p').text(mgs);
	setTimeout(function(){ gb('no'); }, 3000);
}
function alertyes(mgs){
    $('#alertyes').show();
	$('#alertyes').children('p').text(mgs);
	setTimeout(function(){ gb('yes'); }, 3000);
}
function gb(type){
     if(type=='yes'){
		$('#alertyes').css('display','none');
         
	 }else{
		$('#alertmgs').css('display','none'); 
	 }
}

// 验证表单
function verificationfrom(){
    var formtime = $('#formtime');
        formtime.submit();
}

// 查看clickid
function getc(c){
	if(c){
		swal(c, {buttons: false,timer: 300000,});
	}else{
		swal('该用户无充值clickid', {buttons: false,timer: 3000,});
	}
}

// 自定义充值失败用户回传
function payPassNo(c,pageurl,linkid,uid){
	swal({
            title: '确定回传?',
            text: "请确保没有自动/手动回传自动回传关闭完成为止 否则会回传失败",
            type: 'warning',
            buttons:{
                confirm: {
                    text : '确认',
                    className : 'btn btn-success'
                },
                cancel: {
                    text : '关闭',
                    visible: true,
                    className: 'btn btn-danger'
                }
            }
        }).then((Delete) => {
            if (Delete) {
				$.ajax({
					type: "POST",
					url: "{:url('transfer/payPassNoAll')}",
					data: {c:c,pageurl:pageurl,linkid:linkid,uid:uid},
					dataType: "json",
					success: function(data){
								if(data.status==1){
									swal('回传成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
									setTimeout(function(){ window.location = "/admin/transfer/notRechargedUserList?clickid={$clickid}&pageurl={$pageurl}&startdata={$startdata}&enddata={$enddata}"; }, 1500);
								}else{
									swal('错误',data.reg, {icon : "error",buttons:{confirm:{className : 'btn btn-danger'}},});
								}
							}
				});
            } else {   
                swal.close();
            }
        });
}

// 复制前13位clickid
function copyClickid(c){
	var copyText = c.substring(0,13);
	    copy(copyText);
		swal('复制成功',"", {icon : "success",buttons:{confirm:{className : 'btn btn-success'}},});
}
function copy(text){
    var input = document.createElement('input');
    input.setAttribute('readonly', 'readonly'); // 防止手机上弹出软键盘
    input.setAttribute('value', text);
    document.body.appendChild(input);
    // input.setSelectionRange(0, 9999);
    input.select();
    var res = document.execCommand('copy');
    document.body.removeChild(input);
    return res;
}
</script>
{/block}