/**
 * 经纪商管理页面
 * libingke
 * 2018/01/05
 */

/**
 * @type {{start: null, end: null, currency: null, search: null}}
 */
var form1 = {
    start:null,//开始时间（格式：2018-01）
    end:null,//结束时间（格式：2018-01）
    currency:null,//币种
    search:null//搜索条件（uid,经纪商名称）
};

var form2 = {
    start:null,
    end:null,
    currency:null,
    search:null
};

/**
 * 范围日期
 */
layui.use('laydate', function(){
    var laydate = layui.laydate;
    laydate.render({
        elem: '#month_range1',
        type: 'month',
        range: '~',
        done: function(value, date, endDate){
            $('#month_range1').val(value);
            query(1);
        }
    });
    laydate.render({
        elem: '#month_range2',
        type: 'month',
        range: '~',
        done: function(value, date, endDate){
            $('#month_range2').val(value);
            query(2);
        }
    });
});

/**
 * 历史返佣导出
 * libingke
 * 2018/01/08
 */
function exportTable2() {
    var data = {};
    data.search=$("#search2").val();
    if ($("#month_range2").val()!=='') {
        var value=$("#month_range2").val();
        var t=value.split(' ~ ', 2);
        data.start=t[0];
        data.end=t[1];
    }
    $.ajax({
        url: url_export2,
        type: 'POST',
        headers: {"Authorization": 'Bearer ' + request_token},
        data: data,
        dataType: 'json',
        success: function (res) {
            if (res.code == 200 && res.data.url) {
                window.location.href = res.data.url;
            } else {
                msg_no_200('导出失败：' + res.message);
            }
        },
        error: server_error
    });
}

/**
 * 初始化表格
 */
$(function () {
    $("#table1").bootstrapTable({
        method: 'post',
        url: url_table1,
        queryParams: function (params) {
            form1.search=$("#search1").val();
            if ($("#month_range1").val()==='') {
                form1.start=null;
                form1.end=null;
            } else {
                var value=$("#month_range1").val();
                var t=value.split(' ~ ', 2);
                form1.start=t[0];
                form1.end=t[1];
            }
            form1.page = params.pageNumber;
            form1.size = params.pageSize;
            return form1;
        },
        pageSize: 15,
        uniqueId: 'id',
        /* 接口返回结果适配 */
        responseHandler: function (res) {
            if (res.code == 200) {
                if (res.data.record) {
                    var str = '<br><span style="color: #e7505a"><b>待返手续费</b></span>：';
                    $.each(res.data.record, function(index, value, array) {
                        if (value >= 0)
                            str+="<span> <b>"+value+"</b> "+index+"</span> ， ";
                    });
                    $('#tip1').html(str);
                }
                return {
                    "rows": res.data.rows,
                    "total": res.data.count
                };
            } else {
                msg_no_200('[' + res.code + ']' + res.message);
                return false;
            }
        },
        columns:[
            {field: 'date', title: '月份', valign:"middle", align:"center"},
            {field: 'uid', title: 'UID', valign:"middle", align:"center"},
            {field: 'name', title: '经纪商名称', valign:"middle", align:"center"},
            {field: 'currency', title: '币种', valign:"middle", align:"center"},
            {field: 'charge', title: '手续费', valign:"middle", align:"center"},
            {field: 'amount', title: '应返数量', valign:"middle", align:"center"},
            {
                field: 'id', title: '操作', valign:"middle", align:"center",
                formatter: function(id, row) {
                    return '<a href="javascript:void(0)" onclick="optRow('+id+', this)">佣金结算</a>';
                }
            }
        ]
    });

    $("#table2").bootstrapTable({
        method: 'post',
        url: url_table2,
        queryParams: function (params) {
            form2.search=$("#search2").val();
            if ($("#month_range2").val()==='') {
                form2.start=null;
                form2.end=null;
            } else {
                var value=$("#month_range2").val();
                var t=value.split(' ~ ', 2);
                form2.start=t[0];
                form2.end=t[1];
            }
            form2.page = params.pageNumber;
            form2.size = params.pageSize;
            return form2;
        },
        pageSize: 15,
        /* 接口返回结果适配 */
        responseHandler: function (res) {
            if (res.code == 200) {
                return {
                    "rows": res.data.rows,
                    "total": res.data.count
                };
            } else {
                msg_no_200('[' + res.code + ']' + res.message);
                return false;
            }
        },
        columns:[
            {field: 'date', title: '月份', valign:"middle", align:"center"},
            {field: 'uid', title: 'UID', valign:"middle", align:"center"},
            {field: 'name', title: '经纪商名称', valign:"middle", align:"center"},
            {field: 'currency', title: '币种', valign:"middle", align:"center"},
            {field: 'charge', title: '手续费', valign:"middle", align:"center"},
            {field: 'amount', title: '返还', valign:"middle", align:"center"},
            {field: 'real_amount', title: '实际返还', valign:"middle", align:"center"}
        ]
    });
});

function optRow(a,that) {
    row = $("#table1").bootstrapTable("getRowByUniqueId", a);
    tip = row.name!==null?row.name:('('+a+')');

    var index=layer.open({
        type: 1
        ,title: '佣金结算'
        ,id: 'opt-row'
        ,area : ['280px', 'auto']
        ,skin: 'layui-layer-myBlue'
        ,content: '<div style="padding: 5px 20px;">\n' +
        '    <p style="text-align: left">经纪商：  <span style="color: #333"><b>'+tip+'</b></span></p>' +
        '    <div class="input-group my-group">'+
        '        <span class="input-group-addon">结算币种 </span>\n' +
        '        <input type="text" class="form-control" value="'+(row.currency!=null?row.currency:'')+'" disabled="disabled">\n' +
        '    </div>\n'+
        '    <div class="input-group my-group">'+
        '        <span class="input-group-addon">实际返还 </span>\n' +
        '        <input id="amount" type="number" class="form-control" value="'+(row.amount!=null?row.amount:0)+'">\n' +
        '    </div>\n'+
        '</div>'
        ,btn: ['确认', '取消']
        ,btn1: function(t,a,c) {
            v1=$('#amount').val();
            if(!isNaN(v1) && v1!==""){
                $btn = $('.layui-layer-btn0').button('loading');

                $.ajax({
                    url: url_update,
                    type: 'POST',
                    headers: {"Authorization": 'Bearer ' + request_token},
                    data: {id:row.id,uid:row.uid,amount:v1},
                    dataType: 'json',
                    success: function (res) {
                        if (res.code == 200) {
                            msg_200(res.message);
                            layer.close(index);
                            query(1);
                            query(2);
                        } else {
                            msg_no_200(res.message);
                        }
                    },
                    error: server_error
                });

                $btn.button('reset');
            } else{
                layer.msg("输入不合法");
            }
            return false;
        }
        ,btn2: function(){
            layer.closeAll();
        }
    });
}

/**
 * 回车触发
 */
$('#search1').bind('keypress', function(event) {
    if(event.keyCode == "13")
        query(1);
});

$('#search2').bind('keypress', function(event) {
    if(event.keyCode == "13")
        query(2,1);
});