{extend name='./content'}

{block name="button"}
<div class="nowrap pull-right" style="margin-top:10px">
    <div class="layui-btn-group">
        <a href="{$self_url}&#38;date_type=" class="layui-btn layui-btn-small {if $Think.get.date_type != ''}layui-btn-primary{else/}layui-btn-normal{/if}">全部</a>
        <a href="{$self_url}&#38;date_type=month" class="layui-btn layui-btn-small {if $Think.get.date_type != 'month'}layui-btn-primary{else/}layui-btn-normal{/if}">本月</a>
        <a href="{$self_url}&#38;date_type=week" class="layui-btn layui-btn-small {if $Think.get.date_type != 'week'}layui-btn-primary{else/}layui-btn-normal{/if}">本周</a>
        <a href="{$self_url}&#38;date_type=day" class="layui-btn layui-btn-small {if $Think.get.date_type != 'day'}layui-btn-primary{else/}layui-btn-normal{/if}">今日</a>
    </div>
</div>
{/block}

{block name="content"}
<style>
.show_img img{
    position: absolute;
    top: -53px;
    left: 0;
	display:none;
	max-width: 249px;
    z-index: 2;
}
</style>
<!-- 表单搜索 开始 -->
<form class="layui-form layui-form-pane form-search" action="__SELF__" onsubmit="return false" method="get" id="srarch-form">
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">商户账号</label>
        <div class="layui-input-inline">
            <input name="username" value="{$Think.get.username|default=''}" placeholder="请输入商户账号" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">收款类型</label>
        <div class="layui-input-inline">
            <select name="type">
                <option value="">全部</option>
                <option value="1" {if $Think.get.type == 1}selected{/if}>支付宝</option>
                <option value="2" {if $Think.get.type == 2}selected{/if}>微信</option>
                <option value="3" {if $Think.get.type == 3}selected{/if}>银行</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">审核状态</label>
        <div class="layui-input-inline">
            <select name="status">
                <option value="">全部</option>
                <option value="0" {if $Think.get.status === '0'}selected{/if}>待审核</option>
                <option value="1" {if $Think.get.status == 1}selected{/if}>已打款</option>
                <option value="2" {if $Think.get.status == 2}selected{/if}>驳回</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">时间范围</label>
        <div class="layui-input-inline">
            <input name="date_range" id="date_range" value="{:urldecode($Think.get.date_range)}" placeholder="请选择时间范围" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item layui-inline">
        <button type="submit" class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
    </div>

    <div class="layui-form-item layui-inline">
        <a href="javascript:excel()" class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe62d;</i> 导出 excel </a>
    </div>
</form>
<!-- 表单搜索 结束 -->
<div class="layui-card-body">
    <table class="layui-table" lay-even="" lay-skin="line">
        <colgroup>
            <col width="20%">
            <col width="30%">
            <col width="20%">
            <col width="30%">
        </colgroup>
        <thead>
        <tr>
            <th class="text-left">今日结算总金额</th>
            <th class="text-left">结算总金额</th>
            <th class="text-left">结算手续费</th>
            <th class="text-left">实结金额</th>
            <th class="text-left">未结金额</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="nowrap">{$stat.todaysum}</td>
            <td class="nowrap">{$stat.totalsum}</td>
            <td class="nowrap">{$stat.totalfee}</td>
            <td class="nowrap">{$stat.totalactual}</td>
            <td class="nowrap">{$stat.totalmoney}</td>
        </tr>

    </table>
</div>
<button id="pay_batch" type="button" class="layui-btn layui-btn-normal layui-btn-small">批量打款</button>
<div class="" style="margin-bottom:10px;"></div>
<form onsubmit="return false;" data-auto="true" method="post">
    <input type="hidden" value="resort" name="action"/>
    <table class="layui-table" lay-skin="line" lay-size="sm">
        <thead>
        <tr>
            <th class='list-table-check-td'>
                <input data-none-auto="" data-check-target='.list-check-box' type='checkbox'/>
            </th>
            <th class='text-center'>ID</th>
            <th class='text-center'>触发类型</th>
            <th class='text-center'>商户账号</th>
            <th class='text-center'>收款类型</th>
            <th>收款信息</th>
            <th class='text-center'>提现金额（元）</th>
            <th class='text-center'>手续费</th>
            <th class='text-center'>实际到账（元）</th>
            <th class='text-center'>状态</th>
            <th class='text-center'>创建时间</th>
            <th class='text-center'>打款时间</th>
            <th class='text-center'>操作</th>
        </tr>
        </thead>
        <tbody>
        {foreach $cashs as $v}
        <tr>
            <td class='list-table-check-td'>
                <input class="list-check-box" value='{$v.id}' type='checkbox'/>
            </td>
            <td class='text-center'>{$v.id}</td>
            <td class='text-center'>{if $v['auto_cash'] == 1}<span style="color:red;">自动提现</span>{else}<span>手动提现</span>{/if}</td>
            <td class='text-center'>{$v.user.username}</td>
            <td class='text-center'>
                {switch name="v.type"}
                    {case value="1"}支付宝{/case}
                    {case value="2"}微信{/case}
                    {case value="3"}银行{/case}
                {/switch}
            </td>
            <td  class="show_img">
                {$v.collect_info}
                {if ($v['type'] == 1 || $v['type'] == 2) && $v['collect_img']}<br />
                收款二维码：<a href="javascript:;">点击查看</a><img src="{$v['collect_img']}" alt=''>{/if}
            </td>
            <td class='text-center'>{$v.money}</td>
            <td class='text-center'>{$v.fee}</td>
            <td class='text-center'>{$v.actual_money}</td>
            <td class='text-center'>
                {switch name="$v.status"}
                    {case value="0"}<font color="blue">待审核</font>{/case}
                    {case value="1"}<font color="green">已打款</font>{/case}
                    {case value="2"}<font color="red">驳回</font>{/case}
                {/switch}
            </td>
            <td class='text-center'>{$v.create_at|date="Y-m-d H:i:s",###}</td>
            <td class='text-center'>{if $v.status==1}{$v.complete_at|date="Y-m-d H:i:s",###}{/if}</td>
            <td class='text-center'>
                {if $v.status==0}
		        <button class="layui-btn layui-btn-small" type="button" onclick="do_action('pass', {$v.id})">已打款</button>
		        <button class="layui-btn layui-btn-small" type="button" onclick="do_action('notpass',{$v.id})">驳回</button>
		        {/if}
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
</form>
{$page}
<script>
    layui.use('form', function(){
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
        form.render();
    });
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //日期范围
        laydate.render({
            elem: '#date_range',
            range: true
        });
    });
    
    function do_action(action, id){
    	var name = '';
        if(action=='pass'){
        	name = '是否打款';
        }else if(action=='notpass'){
            name = '是否驳回';
        }
        var name
        layer.confirm(name, function (index) {
            $.ajax({
                url:"{:url('detail')}",
                type:'post',
                data:{cash_id:id, action:action},
                success:function(res){
                    if(res.code == 1){
                    	window.location.reload();
                    	layer.msg(res.msg,{icon:1,time:1000});
                    } else {
                        layer.msg(res.msg,{icon:1,time:1000});
                    }
                }
            });
        });
    }

    function excel(){
        window.open('/manage/cash/dumpCashs?' + $('#srarch-form').serialize())
    }
    
    $(function(){
    	$(".show_img a").mouseover(function(){

            $(this).parent().find("img").show();
    	});

    	$(".show_img img").mouseout(function(){
    		$(this).hide();

   	});
    });
    $('#pay_batch').click(function(){
        var ids = '';
        $('.list-check-box').each(function(){
            var _this = $(this);
            if( _this.is(':checked')){
                ids = ids + _this.val() + ',';
            }
        });
        layer.confirm('确定要批量打款吗？', function (index) {
            if(ids == '') {
                layer.msg('请选择提现申请！');
                return false;
            }
            $.ajax({
                url:"/manage/cash/pay_batch",
                type:'post',
                data: {'ids':ids},
                success:function(res){
                    if(res.code == 1){
                        layer.msg(res.msg,{icon:1,time:1000});
                        $.form.reload();
                    } else {
                        layer.msg(res.msg,{icon:1,time:1000});
                    }
                }
            });
        });
    });
</script>
{/block}
