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

/**
 * 表单
 * @type {{start: null, end: null, search: null}}
 */
var form1 = {
    start:null,
    end:null,
    search:null
};

/**
 * 范围日期
 */
layui.use('laydate', function(){
    var laydate = layui.laydate;
    laydate.render({
        elem: '#date_range',
        range: ':',
        done: function(value, st, ed){
            $('#date_range').val(value);
            query(1);
        }
    });
});


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

    /**
     * 初始化表格
     */
    $("#table1").bootstrapTable({
        method: 'post',
        url: url_table1,
        queryParams: function (params) {
            form1.search=$("#search").val();
            if ($("#date_range").val()==='') {
                form1.start=null;
                form1.end=null;
            } else {
                var value=$("#date_range").val();
                var t=value.split(' : ', 2);
                form1.start=Math.round(new Date(t[0]).getTime()/1000+(new Date()).getTimezoneOffset()*60);
                form1.end=Math.round(new Date(t[1]).getTime()/1000+(new Date()).getTimezoneOffset()*60)+86399;
            }
            form1.page = params.pageNumber;
            form1.size = params.pageSize;
            return form1;
        },
        pageSize: 20,
        uniqueId: 'uid',
        /* 接口返回结果适配 */
        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: 'uid', title: '经纪商UID', valign:"middle", align:"center"},
                {field: 'username', title: '经纪商账号', valign:"middle", align:"center"},
                {field: 'company', title: '经纪商名称', valign:"middle", align:"center"},
                {field: 'platkey', title: '平台标识', valign:"middle", align:"center"},
                {field: 'platcode', title: '平台识别码', valign:"middle", align:"center"},
                {field: 'rebate', title: '返佣比例%', valign:"middle", align:"center"},
                {field: 'area', title: '所在地区', valign:"middle", align:"center"},
                {field: 'contacts', title: '联系人', valign:"middle", align:"center"},
                {field: 'mobile', title: '手机号', valign:"middle", align:"center"},
                {field: 'other', title: '其他联系方式', valign:"middle", align:"center"},
                {field: 'addtime', title: '添加时间', valign:"middle", align:"center"},
                {field: 'user_num', title: '客户数量', valign:"middle", align:"center"},
                {
                    field: 'status', title: '状态', valign:"middle", align:"center",
                    formatter: function(a) {return a==1?"<span style='color: #24a948'>正常</span>":"<span style='color: #9e9e9e'>不可用</span>";}
                },
                {
                    title: '操作', valign:"middle", align:"center",
                    formatter: function(uid, row) {
                        if (row.status == 1) {
                            return  [
                                '<a href="javascript:void(0)" onclick="editRow('+row.uid+', this)">修改</a>',
                                '&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)" style="color: #e64544" onclick="deleteRow('+row.uid+', this)">删除</a>'
                            ].join('');
                        } else {
                            return '';
                        }
                    }
                }
            ]
        ]
    });
});

/**
 * 修改返佣比例
 */
var editRow=function(uid) {
    var row = $("#table1").bootstrapTable("getRowByUniqueId", uid);
    var tip = row.company!==null?row.company:('('+uid+')');

    var index=layer.open({
        type: 1
        ,title: '修改返佣比例'
        ,id: 'edit-row'
        ,area : ['280px', 'auto']
        ,skin: 'layui-layer-myBlue'
        ,content: '<div style="padding: 5px 20px;">\n' +
        '    <p style="text-align: left"><b> '+tip+'</b></p>' +
        '    <div class="input-group my-group">'+
        '        <span class="input-group-addon">返佣比例 </span>\n' +
        '        <input id="edit_row" type="number" class="form-control">\n' +
        '        <span class="input-group-addon">%</span>\n' +
        '    </div>\n'+
        '</div>'
        ,btn: ['确认', '取消']
        ,btn1: function() {
            v=$('#edit_row').val();
            if(!isNaN(v) && v!==""){
                $btn = $('.layui-layer-btn0').button('loading');
                $.ajax({
                    url: url_updateRate,
                    type: 'POST',
                    headers: {"Authorization": 'Bearer ' + request_token},
                    data: {uid:uid,rebate:v},
                    dataType: 'json',
                    success: function (res) {
                        if (res.code == 200) {
                            msg_200(res.message);
                            layer.close(index);
                            query(1);
                        } else {
                            msg_no_200(res.message);
                        }
                    },
                    error: server_error
                });

                $btn.button('reset');
            } else{
                layer.msg("输入有误");
            }
            return false;
        }
        ,btn2: function(){
            layer.close(index);
        }
    });
    return true;
};

/**
 * 删除
 */
var deleteRow=function(uid) {
    var row = $("#table1").bootstrapTable("getRowByUniqueId", uid);
    var tip = row.company!==null?row.company:('('+uid+')');

    var title='确认删除 <span style="color: red">'+tip+'</span> ？<br>' +
        '<span style="font-size: 10px;color: #9E9E9E">说明：未删除，仅转为不可用状态</span>';
    var index=layer.confirm(title, {
        title: '删除提示',
        skin: 'layui-layer-myRed',
        btn: ['确认','取消']
    }, function(){
        $btn = $('.layui-layer-btn0').button('loading');
        $.ajax({
            url: url_updateRate,
            type: 'POST',
            headers: {"Authorization": 'Bearer ' + request_token},
            data: {uid:uid,status:"-1",operation:"status"},
            dataType: 'json',
            success: function (res) {
                if (res.code == 200) {
                    msg_200(res.message);
                    layer.close(index);
                    query(1);
                } else {
                    msg_no_200(res.message);
                }
            },
            error: server_error
        });
        $btn.button('reset');

        query(1);
    }, function(){
        layer.close(index);
    });
};