{template 'web/common/header'}
<div class="layui-fluid">
    <div class="fui-content main-content">
        <div class="fui-content">
            <h2>支付服务</h2>
        </div>
        <div class="layui-tab fui-tab margin-bottom">
            <ul class="layui-tab-title title_tab">
                <li class="layui-this"><a href="{php echo $this->url()}">支付记录</a></li>
                <li><a href="{php echo $this->url('setting')}">参数设置</a></li>
            </ul>
        </div>
        <div class="fui-card layui-card">
            <div class="layui-card-header">
                <span class="title">{$title}</span>
                <p>共找到{$total}条支付记录</p>
            </div>
            <div class="layui-card-body">
                <div class="layui-table-tool" style="width: auto; border-bottom: 0;">
                    <form method="post" class="layui-form" action="{php echo $this->url()}">
                        <div class="layui-table-tool-temp">
                            <input type="hidden" name="_token" value="{$_W['token']}" />
                            <div class="layui-inline">
                                <div class="layui-input-inline" style="width: 320px;">
                                    <input type="text" name="keyword" value="{$_GPC['keyword']}" placeholder="请输入关键字搜索" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-btn-container layui-inline">
                                <div class="layui-btn-group">
                                    <button type="submit" value="true" name="searchsubmit" class="layui-btn layui-btn-normal">搜索</button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-table-tool-self">
                            <button type="submit" value="true" name="exportnow" class="layui-btn layui-btn-xs layui-btn-warm" lay-tips="导出当前"><i class="layui-icon layui-icon-export"></i></button>
                            <button type="submit" value="true" name="exportall" class="layui-btn layui-btn-xs layui-btn-danger" lay-tips="导出全部"><i class="layui-icon layui-icon-export"></i></button>
                        </div>
                    </form>
                </div>
                <table class="layui-table" lay-skin="nob" lay-even>
                    <thead>
                    <tr>
                        <th>内部订单号</th>
                        <th>外部订单号</th>
                        <th>支付方式</th>
                        <th class="text-center">状态</th>
                        <th>金额</th>
                        <th>模块</th>
                        <th class="text-right">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {if empty($list)}
                    <tr>
                        <td class="text-center" colspan="7">暂无数据</td>
                    </tr>
                    {else}
                    {loop $list $value}
                    <tr>
                        <th>{$value['tid']}&nbsp;&nbsp;<span class="fa fa-copy text-blue js-clip" title="点击复制" data-url="{$value['tid']}"></span></th>
                        <th>{$value['uniontid']}&nbsp;&nbsp;<span class="fa fa-copy text-blue js-clip" title="点击复制" data-url="{$value['uniontid']}"></span></th>
                        <td>
                            {$value['payment']}
                        </td>
                        <td class="text-center">
                            <span class="layui-badge layui-bg-{$value['badge']}">{$value['state']}</span>
                        </td>
                        <td class="text-red text-bold">
                            {$value['fee']}
                        </td>
                        <td>
                            {$value['module']}
                        </td>
                        <th class="text-right">
                            <div class="layui-btn-group">
                                {if $value['status']==1}
                                <a href="{php echo $this->url('dorefund', array('pid'=>$value['plid']))}" class="confirm layui-btn layui-btn-sm layui-btn-primary" data-text="退款后支付的费用将原路退回，请谨慎操作">退款</a>
                                {elseif $value['status']==0}
                                {if !empty($value['type'])}
                                <a href="{php echo $this->api($value['type'].'/query', array('out_trade_no'=>$value['uniontid']), 'app')}" class="layui-btn layui-btn-sm ajaxshow">查询</a>
                                {/if}
                                <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal doCashier" data-type="{$value['type']}" data-uniontid="{$value['uniontid']}" data-plid="{$value['plid']}" data-tid="{$value['tid']}">收款</a>
                                {/if}
                            </div>
                        </th>
                    </tr>
                    {/loop}
                    {/if}
                    </tbody>
                </table>
                <div class="text-right margin-top">{$pager}</div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    require.config({
        baseUrl: '/static/js',
        paths:{
            'clipboard':'clipboard.min',
            'qrcode':'jquery.qrcode.min'
        }
    });
    require(['qrcode']);
    function DropRender(dropdown){
        $('.doCashier').each(function (i){
            let tid = $(this).data('tid');
            let payments = [
                {title:"微信支付",id:"wechat"},
                {title:"支付宝",id:"alipay"},
                {title:"收银台",id:"cashier"}
            ];
            dropdown.render({
                elem:this,
                data:payments,
                trigger:"hover",
                click:function (item){
                    let url;
                    if(item.id==='wechat'){
                        url = '{php echo $this->api("wechat",[],"app")}&tid='+tid;
                    }else if(item.id==='alipay'){
                        url = '{php echo $this->api("alipay",[],"app")}&tid='+tid;
                    }else{
                        url = '{php echo $this->api("cashier",[],"app")}&tid='+tid;
                    }
                    let pid = "PayQrcode" + item.id;
                    console.log(url);
                    layer.open({
                        title: item.title
                        ,content: '<div style="padding: 10px; width: 200px; height: 200px; margin: 0 auto;" id="'+pid+'"></div>'
                        ,success:function (){
                            $("#"+pid).qrcode({
                                render: 'canvas',
                                width: 200,
                                height: 200,
                                text: url
                            });
                        }
                    });
                }
            });
        });
    }
</script>
{template 'web/common/footer'}