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

{/block}
<div id="cus-import" style="padding:0 20px;">
    <div class="layui-tab layui-tab-brief custom-tab" lay-filter="docDemoTabBrief">
        <ul class="layui-tab-title">
            <li class="new_list layui-this">购买/打赏记录</li>
        </ul>
        <div class="layui-tab-content">

            <div class="layui-tab-item layui-show">

                <table class="layui-table im-tb">
                    <colgroup>
                        <col>
                        <col>
                        <col>
                        <col>
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>礼物名称</th>
                        <th>购买/赠送人</th>
                        <th>赠送订单</th>
                        <th>赠送时间</th>
                        <th>赠送时礼物价值</th>
                    </tr>
                    </thead>
                    <tbody id="new_table">

                        {volist name="data" id="vo"}
                        <tr>
                            <th>{$vo.gift_name}</th>
                            <th>{$vo.username}</th>
                            <th>{$vo.orderId}</th>
                            <th>{$vo.pay_time}</th>
                            <th>{$vo.gift_money}</th>
                        </tr>
                        {/volist}

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script>

    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
        var upload = layui.upload;
        var $ = layui.jquery, layer = layui.layer ,element = layui.element;

        $('.new_list').click(function(){
           // list();
        });

        function list(){
            $.ajax({
                type: "POST",
                url: 'new_list',
                success: function(msg){
                    if( msg.code == 1 ){
                        var data=msg.data;
                        var replace='';
                        for(var i= 0; i < data.length;i++){
                            if(data[i]['status']==0){
                                replace +='<tr class="im-fail">';
                            }else if(data[i]['status']==1){
                                replace +='<tr class="im-success">';
                            }else if(data[i]['status']==2){
                                replace +='<tr class="im-in">';
                            }else if(data[i]['status']==3){
                                replace +='<tr class="im-fail">';
                            }

                            replace +='<td>'+data[i]["file_name"]+'</td><td>'+data[i]["addtime"]+'</td><td><div class="im-font">';
                            if(data[i]['status']==0){
                                replace +='排队中</div></td>';
                            }else if(data[i]['status']==1){
                                replace +='已导入</div></td>';
                            }else if(data[i]['status']==2){
                                replace +='导入中</div></td>';
                            }else if(data[i]['status']==3){
                                replace +='请修复</div></td>';
                            }

                            replace +='<td>'+data[i]["all_number"]+'</td><td>'+data[i]["import_number"]+'</td><td>'+data[i]["fail_number"]+'</td> ';
                            if(data[i]['status']==0){
                                replace +='<td><div class="down-btn-wrap"><button type="button" class="layui-btn layui-btn-primary im-file-btn before_file" data-id="'+data[i]['id']+'" >源文件</button></div></td></tr>';
                            }else if(data[i]['status']==1&&data[i]["fail_number"]>0){
                                replace +='<td><div class="down-btn-wrap"><button type="button" class="layui-btn layui-btn-primary im-file-btn before_file" data-id="'+data[i]['id']+'" >源文件</button> <button type="button" class="layui-btn layui-btn-primary im-file-btn fail_file" data-id="'+data[i]['id']+'">失败文件</button> <button type="button" class="layui-btn layui-btn-primary im-file-btn del_file" data-id="'+data[i]['id']+'" data-url="delFile" data-info="你确定删除当前记录吗？">删除</button></div> </td></tr>';
                            }else if(data[i]['status']==1&&data[i]["fail_number"]<1){
                                replace +='<td><div class="down-btn-wrap"><button type="button" class="layui-btn layui-btn-primary im-file-btn before_file" data-id="'+data[i]['id']+'" >源文件</button><button type="button" class="layui-btn layui-btn-primary im-file-btn del_file" data-id="'+data[i]['id']+'" data-url="delFile" data-info="你确定删除当前记录吗？">删除</button></div> </td></tr>';
                            }else if(data[i]['status']==2){
                                replace +='<td><div class="down-btn-wrap"><button type="button" class="layui-btn layui-btn-primary im-file-btn before_file" data-id="'+data[i]['id']+'" >源文件</button></div></td></tr>';
                            }else if(data[i]['status']==3){
                                replace +='<td><div class="down-btn-wrap"><button type="button" class="layui-btn layui-btn-primary im-file-btn before_file" data-id="'+data[i]['id']+'" >源文件</button><button type="button" class="layui-btn layui-btn-primary im-file-btn repair" data-id="'+data[i]['id']+'">修复</button> </div></td></tr>';
                            }
                            /*   replace +='<td><div class="down-btn-wrap"><button type="button" class="layui-btn layui-btn-primary im-file-btn before_file" data-id="'+data[i]['id']+'" >源文件</button> <button type="button" class="layui-btn layui-btn-primary im-file-btn fail_file" data-id="'+data[i]['id']+'">失败文件</button> <button type="button" class="layui-btn layui-btn-primary im-file-btn del_file" data-id="'+data[i]['id']+'" data-url="delFile" data-info="你确定删除当前记录吗？">删除</button></div> </td></tr>';*/

                        }
                        $("#new_table").html(replace);


                    }else{
                        layer.msg(msg.msg, {
                            icon: 5,
                            shade: [0.6, '#393D49'],
                            time:1500
                        });
                    }
                }
            });
        }


        //下载源文件
        $(".im-tb").delegate(".before_file","click",function(){
            var id=$(this).attr("data-id");
            location.href="before_file?id="+id;
        });

        //下载失败文件
        $(".im-tb").delegate(".fail_file","click",function(){
            var id=$(this).attr("data-id");
            location.href="fail_file?id="+id;
        });

        //修复文件
        $(".im-tb").delegate(".repair","click",function(){
            var id=$(this).attr("data-id");
            //location.href="repair?id="+id;
            $.ajax({
                type: "POST",
                url: 'get_excel_fail',
                data: {id:id},
                success: function(msg){
                    if( msg.code == 1 ){
                        $.ajax({
                            type: "POST",
                            url: 'repair',
                            data: {id:id},
                            success: function(res){
                                if( res.code == 1 ){
                                    layer.alert(res.msg);

                                }else{
                                    layer.alert(res.msg);
//                                    layer.msg(msg.msg, {
//                                        icon: 5,
//                                        shade: [0.6, '#393D49'],
//                                        time:1500
//                                    });
                                }
                            }
                        });
                    }else{
                        layer.alert(msg.msg);
//                        layer.msg(msg.msg, {
//                            icon: 5,
//                            shade: [0.6, '#393D49'],
//                            time:1500
//                        });
                    }
                }
            });

        });


//        $('.fail_file').click(function(){
//            var id=$(this).attr("data-id");
//            location.href="fail_file?id="+id;
//        })

        $(".im-tb").delegate(".del_file","click",function(){
            var ownObj = $(this);
            var id=ownObj.attr('data-id');
            layer.confirm(ownObj.attr('data-info'), {
                btn: ['确定','取消'] //按钮
            }, function(index){
                $.ajax({
                    type: "POST",
                    url: ownObj.attr('data-url'),
                    data: {id:ownObj.attr('data-id')},
                    success: function(msg){
                        if( msg.code == 1 ){
                            layer.close(index);
                            list();
                        }else{
                            layer.msg(msg.msg, {
                                icon: 5,
                                shade: [0.6, '#393D49'],
                                time:1500
                            });
                        }
                    }
                });
            });
        })


        $(".record-btn").click(function(){
            $(".im-tb tbody tr .layui-progress").each(function(){
                var filter=$(this).attr("lay-filter");
                var proNum=$(this).find(".layui-progress-bar").attr("lay-percent");
                element.progress(filter, proNum);
            });
        });
    });
    //点击筛客，插入下拉框
    layui.use('form', function () {
        var form = layui.form;
        form.on('select(sk)', function(data) {
            var s = $('#is_sk').val();
            if (s == 1) {
                if ($("#sk_staff").length > 0) {
                    return false;
                }
                $('#sk').append('<input type="hidden" name="sk_staff" id="sk_staff" value="">');
                //获取筛客人
                $.ajax({
                    type: "POST",
                    url: "/crm/Customer/skList",
                    data: {},
                    dataType: 'json',
                    success: function (ret) {
//                    var a = JSON.parse(ret);
                        if (ret['code'] == 200) {
                            var str = ret.data;
//                        console.log(ret.data.length)

                            $("#sk").append('<label class="layui-form-label"><i class="input-sign"><img src="__PUBLIC__/img/cus-idnum.png" alt=""></i>筛客人：</label> <div class="layui-input-block"><select name="sk_staff_id" id="sk_staff_id" class="cus-input" lay-filter="sk_staff"></select></div>');
                            for (var i = 0; i < str.length; i++) {
                                var crmItem = '<option value="' + str[i]['id'] + '">' + str[i]['staffname'] + '</option>';
                                $("#sk_staff_id").append(crmItem);
                            }
                            $('#sk_staff').val($('#sk_staff_id option:selected').html());
                            form.render('select');
                        } else {
                            $("#sk").append('该事业部没有筛客人');
                            return false;
                        }
                    }
                })

            } else if (s == 2) {
                $("#sk").empty();
            }
        });
        form.on('select(sk_staff)', function(data) {
            $('#sk_staff').val($('#sk_staff_id option:selected').html());
        })
    });
</script>