{layout name="layout" /}

{block name="js"}
<script src="__PUBLIC__/js/main.js?v={$Think.const.APP_VERSION}"></script>

{/block}
<style>
    .laytable-cell-1-card_img {
        width: 120px;
        height: 100%;
    }
</style>
<div class="if_wrap">
    <div id="if_con">
        <div class="cus-con">
            <div class="set-top layui-form layui-form-pane1">
                {$topmenu}

                <div class="layui-inline margin_top_10"  style="margin-top: 10px;">

                    <input type="hidden" name="usertype" value="{$Think.get.usertype}" />
                    <div class="layui-form-item">
                        <label class="layui-form-label">请选择时间</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input test-item" name="start_time" id="start_time" readonly="true">
                        </div>

                        <div class="layui-input-inline">
                            <input type="text" class="layui-input test-item"  name="end_time" id="end_time" readonly="true">
                        </div>

                        <label class="layui-form-label">提现状态</label>
                            <div class="layui-input-inline">
                                <select name="money_status"  id="status">
                                    <option value="">全部</option>
                                    <option value="2" >处理中</option>
                                    <option value="1" >提现成功</option>
                                    <option value="3" >提现失败</option>

                                </select>
                            </div>

                        <button class="layui-btn layui-btn-warm" id="btn" lay-submit="" lay-filter="*" style="margin-left: 10px;">立即搜索</button>

                        <div class="layui-btn"  id="export_btn">导出</div>
                        <div class="layui-btn"  id="import_btn">导入财务打款数据</div>
                    </div>

                </div>
            </div>

            <table class="layui-table" lay-data="{ url:'{:url('vip/disposemoney/index');}', page:true, id:'idTest'}" lay-filter="demo">
                <thead>
                <tr>
                    <td lay-data="{width:60,field:'id', sort: true,templet: '#indexTpl'}">序号</td>
                    <td lay-data="{width:140,field:'user_true_name'}">提现人名称</td>
                    <td lay-data="{width:140,field:'get_money'}">提现金额</td>
                    <td lay-data="{width:140,field:'user_number'}">会员卡号</td>
                    <td lay-data="{width:200,field:'bank_code'}">银行卡号</td>
                    <td lay-data="{width:200,field:'get_time',toolbar: '#get_time'}">提现时间</td>
                    <td lay-data="{width:120,field:'money_status',toolbar: '#money_status'}">提现状态</td>
                    <!--<td lay-data="{width:120,field:'error_state'}">未到账说明</td>-->
                    <td lay-data="{width:100,field:'staff_name'}">处理员工</td>
                    <td lay-data="{width:180,field:'exe_time',toolbar: '#exe_time'}">处理时间</td>
                    <!--<td lay-data="{width: 160, align:'center', toolbar: '#barDemo'}">操作</td>-->
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<div id="editbox" class="new_msg_div">
    <div class="xmsgd">
        <div class="layui-input-block">
            未到账说明：<textarea name="state" id="state" cols="30" rows="10"></textarea>
        </div>
    </div>
</div>


<script type="text/html" id="money_status">
    {{# if(d.money_status == 1 ){ }}
    成功
    {{# }else if(d.money_status==2){ }}
    处理中
    {{# }else{ }}
    失败
    {{# } }}
</script>
<script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="get_time">
    {{d.get_time && d.get_time.substr(0,4) != 1970 ?d.get_time:'/'}}
</script>
<script type="text/html" id="exe_time">
    {{d.exe_time && d.exe_time.substr(0,4) != 1970 ?d.exe_time:'/'}}
</script>
<script type="text/html" id="barDemo">
    {{# if(d.money_status==1){ }}
    已到账
    {{# }else if(d.money_status==2){ }}
        <a class="ex_view" lay-event="ok" data-id="{{d.id}}" >设为已到账</a>
        <a class="ex_start edit" lay-event="error" data-id="{{d.id}}" >未到账</a>
    {{# }else{ }}
    未到账
    {{# } }}

</script>

<script>

    var start_time,end_time,money_status;
    layui.use(['form','table'], function() {
        var table = layui.table; //表格
        $('#btn').click(function () {
            start_time = $('#start_time').val();
            end_time = $('#end_time').val();
            money_status = $('#status').val();

            table.reload('idTest', {
                url: 'index'
                , where: {start_time:start_time,end_time:end_time,money_status:money_status} //设定异步数据接口的额外参数

            });
        });

        $('#export_btn').click(function(){
            start_time = $('#start_time').val();
            end_time = $('#end_time').val();
            money_status = $('#status').val();

            var data = [];
            if(start_time&&start_time != 'undefined'){
                data.push('start_time='+start_time);
            }
            if(end_time&&end_time != 'undefined'){
                data.push('end_time='+end_time);
            }
            if(money_status&&money_status != 'undefined'){
                data.push('money_status='+money_status);
            }
            var params = data.join('&');
            console.log(data)
            console.log(params)
            location.href = params ? "export?"+params : "export";
        });
        $('#import_btn').click(function(){

            load_page(
                    '/vip/disposemoney/import',
                    '打款数据导入',
                    function(){
                        layer.close(layer.index);
                    },
                    ['取消'],
                    820,550
            );

        });
    });



    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
        var laydate = layui.laydate //日期
            ,laypage = layui.laypage, //分页
            layer = layui.layer //弹层
            ,table = layui.table //表格
            ,carousel = layui.carousel //轮播
            ,upload = layui.upload //上传
            ,element = layui.element; //元素操作

        //时间格式插件
        lay('.test-item').each(function(){
            laydate.render({
                elem: this
                ,trigger: 'click'
            });
        });

        //监听工具条
        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                , layEvent = obj.event; //获得 lay-event 对应的值
            if (layEvent === 'ok') {
                var id = $(this).attr("data-id");
                layer.confirm('确定已到账吗？', function (index) {
                    //向服务端发送删除指令
                    if(id){
                        $.ajax({
                            url:"{:url('vip/disposemoney/ok');}",
                            data:{id:id},
                            type:'post',
                            success:function(e){
                                if(e.code==200){
                                    layer.msg('审核该笔款项到账成功', {
                                        icon: 1,
                                    });
                                }else{
                                    layer.msg('抱歉,操作有误',{
                                        icon: 2,
                                    });
                                }
                            }
                        })
                    }
                });
            }else if(layEvent === 'error'){
                var thisobj = $(this);
                var id   = $(this).attr("data-id"); // 获取要操作的id
                layer.open({
                    title:'汇款失败说明',
                    type: 1,
                    skin: 'layui-layer-rim',
                    area:  ['450px', '400px'],
                    content: $('#editbox'),
                    btn:['提交','取消'],
                    yes:function(index){
                        var state  = $.trim($("#state").val());
                        if(state){
                            $.ajax({
                                type:'post',
                                url:"{:url('vip/disposemoney/error')}",
                                data:{state:state,id:id},
                                success:function(s){
                                    if(s.code==200){
                                        layer.open({
                                            content: '审核该笔款项未到账',
                                            btn: ['确认'],
                                            yes: function(index, layero) {
                                                window.location.href="{:url('vip/disposemoney/index')}";
                                            }
                                        });
                                    }else{
                                        layer.msg(s.msg, {
                                            icon: 2
                                        });
                                    }
                                }});
                            return false;
                        }else{
                            msg = id?'请填写类型名称':'无法修改这条数据';
                            layer.msg(msg, {
                                icon: 2,
                            });
                        }
                    }

                });
            }
        });
        laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,limits: [2,10,20,30]
            ,skin: '#1E9FFF' //自定义选中色值
            //,skip: true //开启跳页
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });
    })

    layui.use('form', function(){
    });
</script>
</body>
</html>