/**
 * 用户管理：用户信息
 * libingke
 * 2018/01/10
 */

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

layui.use('laydate', function(){
    var laydate = layui.laydate;
    laydate.render({
        elem: '#date_range',
        range: ':',
        done: function(value, date, endDate){
            $('#date_range').val(value);
            query(1);
        }
    });
});


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

    $(".select1").bind("change",function(){ query(1); });

    /**
     * 表格
     */
    $("#table1").bootstrapTable({
        method: 'post',
        url: url_table1,
        queryParams: function (params) {
            form1.country=$('select[name="country"]').val();
            form1.type=$('select[name="type"]').val();
            form1.user=$('input[name="user"]').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) {
                if (res.data.conutdata.today && res.data.conutdata.total) {
                    var str = '<span>共计 <b style="color: #e64544">'+res.data.conutdata.total+
                        '</b> 名用户， 今日新增 <b style="color: #e64544">'+res.data.conutdata.today+'</b> 名用户</span>';
                    $('#tip1').html(str);
                }
                return {
                    "rows": res.data.rows,
                    "total": res.data.count
                };
            } else {
                layer.msg('[' + res.code + ']' + res.message);
                return false;
            }
        },
        columns:[
            {field: 'uid', title: 'UID', valign:"middle", align:"right"},
            {field: 'name', title: '姓名', valign:"middle", align:"center"},
            {field: 'role', title: '角色', valign:"middle", align:"center"},
            {field: 'mobile', title: '手机', valign:"middle", align:"center"},
            {field: 'email', title: '邮箱', valign:"middle", align:"center"},
            {field: 'country', title: '国籍', valign:"middle", align:"center"},
            {field: 'cardtype', title: '证件类型', valign:"middle", align:"center"},
            {field: 'cardid', title: '证件号', valign:"middle", align:"center"},
            {
                title: '资产总值/BTC', valign:"middle", align:"center",
                formatter: function(id, row) {
                    return  '<a href="javascript:void(0)" class="view-'+row.uid+'" onmouseover="layer.tips(\'查看资产 UID：'+row.uid+'\', \'.view-'+row.uid+'\', {time:2500,tips:[2,\'#028e9a\']});" onclick="showWallet('+row.uid+')">查看</a>';
                }
            },
            {field: 'addtime', title: '注册时间', valign:"middle", align:"center"},
            {field: 'pid', title: '推客/代理商名称', valign:"middle", align:"center"},
            {field: 'broker',title: '经纪商名称', valign:"middle", align:"center"},
            {
                title: '操作', valign:"middle", align:"center",
                formatter: function(id, row) {
                    return  '<a href="javascript:void(0)" onclick="infoEdit('+row.uid+')"><i class="fa fa-edit"></i> 修改</a>';
                }
            },
            {
                title: '充值尾号', valign:"middle", align:"center",
                formatter: function(id, row) {
                    return  '<a href="javascript:void(0)" class="tail-'+row.uid+'" onmouseover="layer.tips(\'查看充值尾号 UID：'+row.uid+'\', \'.tail-'+row.uid+'\', {time:2500,tips:[4,\'#4caf50\']});" onclick="showTailNum('+row.uid+')">查看</a>';
                }
            }
        ]
    });
});

/**
 * 编辑信息
 * @param a id
 */
var infoEdit=function(a) {
    var row = $("#table1").bootstrapTable("getRowByUniqueId", a);
    var tip = row.name!='null'?row.name:('('+a+')');
    var index=layer.open({type: 1,
        title: '修改 <span style="color: #32c5d2">'+tip+'</span>',
        id: 'info-edit',
        skin: 'layui-layer-myBlue',
        area: ['450px'],
        offset: '100px',
        content:
        '<div style="padding: 5px 40px;"><br>\n' +
        '<form class="layui-form-item" role="form">\n' +
        '        <div class="input-group my-group">\n' +
        '            <span class="input-group-addon">UID</span>\n' +
        '            <input  name="uid" type="text" class="form-control" value="'+row.uid+'" disabled="disabled">\n' +
        '        </div>\n' +
        '        <div class="input-group my-group">\n' +
        '            <span class="input-group-addon">姓名</span>\n' +
        '            <input name="name" type="text" class="form-control" value="'+row.name+'" disabled="disabled">\n' +
        '        </div>\n' +
        '        <div class="input-group my-group">\n' +
        '            <span class="input-group-addon">手机号</span>\n' +
        '            <input id="clear_mobile" name="name" type="text" class="form-control" value="'+row.mobile+'" disabled="disabled">\n' +
        (row.mobile!=''?'<span class="input-group-addon"><a onclick="clearAuth('+row.uid+',\'mobile\', this)" style="color: #f44336">清除手机号</a></span>\n' : '') +
        '        </div>\n' +
        '        <div class="input-group my-group">\n' +
        '            <span class="input-group-addon">邮箱</span>\n' +
        '            <input id="clear_email" name="email" type="text" class="form-control" value="'+row.email+'" disabled="disabled">\n' +
        (row.email!=''?'<span class="input-group-addon"><a onclick="clearAuth('+row.uid+',\'email\', this)" style="color: #f44336">清除邮箱</a></span>\n' : '') +
        '        </div>\n' +
        '        <div class="input-group my-group">\n' +
        '            <span class="input-group-addon">用户类型</span>\n' +
        '            <input name="usertype" type="text" class="form-control" value="'+(row.usertype!=null?row.usertype:'')+'" disabled="disabled">\n' +
        '        </div>\n' +
        '        <div class="input-group my-group">\n' +
        '            <span class="input-group-addon">国际</span>\n' +
        '            <input name="country" type="text" class="form-control" value="'+(row.country!=null?row.country:'')+'" disabled="disabled">\n' +
        '        </div>\n' +
        '        <div class="input-group my-group">\n' +
        '            <span class="input-group-addon">身份证</span>\n' +
        '            <input name="cardtype" type="text" class="form-control" value="'+(row.cardtype!=null?row.cardtype:'')+'" disabled="disabled">\n' +
        '        </div>\n' +
        '        <div class="input-group my-group">\n' +
        '            <span class="input-group-addon">证件号</span>\n' +
        '            <input name="cardid" type="text" class="form-control" value="'+(row.cardid!=null?row.cardid:'')+'" disabled="disabled">\n' +
        '        </div>\n' +
        '        <div class="input-group my-group">\n' +
        '            <span class="input-group-addon my-group">经纪商</span>\n' +
        '            <input name="pid" type="text" class="form-control" value="'+(row.pid!=null?row.pid:'')+'" disabled="disabled">\n' +
        '        </div>\n' +
        '        <div class="input-group my-group">\n' +
        '            <span class="input-group-addon">备注</span>\n' +
        '            <textarea name="desc" placeholder="" class="layui-textarea" rows="1" disabled="disabled"></textarea>\n' +
        '        </div>\n' +
        '</form></div>',
        btn: ['确认修改', '取消'],
        btn1: function() {
            return layer.msg('未开放修改！');
            v1=$('#set_company').val();
            v2=$('#set_ratio').val();
            if(!isNaN(v2) && v1!=="" && v2!="") {
                $btn = $('.layui-layer-btn0').button('loading');
                $("#table1").bootstrapTable('refresh', {});
                $.ajax({
                    url: '##',
                    type: 'POST',
                    headers: {"Authorization": 'Bearer ' + request_token},
                    data: {"rid": id, "keyname": v1, "rate": v2},
                    dataType: 'json',
                    success: function (res) {
                        if (res.code == 200) {
                            layer.msg(res.message, {time: 500});
                            $("#table1").bootstrapTable('refresh');
                            layer.close(index);
                        } else {
                            layer.msg(res.message, {anim: 4});
                        }
                    },
                    error: function () {
                        layer.msg('服务器错误！', {anim: 4});
                    }
                });

                $btn.button('reset');
            } else{
                layer.msg("请输入完整且正确格式的数据");
            }
            return false;
        }
    });
};

/**
 * 查看资产
 * @param uid
 */
var showWallet=function(uid) {
    var loading = layer.load(2, {shade: false});
    $.ajax({
        url: url_wallet,
        data: {uid: uid},
        dataType: 'json',
        success: function (res) {
            if (res.code == 200) {

                var show_list = '';
                show_list += '<table class="layui-table">';
                $.each(res.data, function(k,v){
                    show_list += '<tr id="tr-show-'+ k +'"><td><b> ' + k + '</b></td><td>'+ v +'</td></tr>';
                });
                show_list += '</table>';
                layer.open({
                    type: 1,
                    id: 'show-wallet'+uid,
                    skin: 'layui-layer-myBlue',
                    area: ['308px'],
                    title: '查看资产 <span style="color: #ffeb3b">UID：'+uid+'</span>',
                    content: '<div style="padding: 5px 10px;">' + show_list + '</div>',
                    shadeClose: true,
                    shade: false,
                    btn: '关闭',
                    btnAlign: 'c'
                });
            } else {
                layer.msg('<b style="color: #ba322b">UID：'+uid+'</b> '+res.message, {icon: 7, time: 1300});
            }
        },
        error: server_error
    });
    layer.close(loading);
};

/**
 * 清除认证
 * @param uid
 * @param act
 * @param that
 */
var clearAuth=function(uid, act, that) {
    layer.confirm('确认清除 ？', {
        title: '清除提示',
        skin: 'layui-layer-myRed',
        btn: ['确认','取消']
    }, function(){
        $.ajax({
            url: url_clear_auth,
            type: 'POST',
            headers: {"Authorization": 'Bearer ' + request_token},
            data: {"user": uid, "field": act},
            dataType: 'json',
            success: function (res) {
                if (res.code == 200) {
                    $("#clear_"+act).val('');
                    $("#clear_"+act).removeAttr('disabled');
                    $(that).remove();
                    layer.msg(res.message, {time: 500});
                } else {
                    layer.msg('清除失败：' + res.message, {anim: 6});
                }
            },
            error: server_error
        });
    });
};

/**
 * 显示充值尾号
 */
var showTailNum=function(uid) {
    var row = $("#table1").bootstrapTable("getRowByUniqueId", uid);
    console.log(row);

    var loading = layer.load(2, {shade: false});
    $.ajax({
        url: url_tail_num,
        type: "POST",
        headers: {"Authorization": 'Bearer ' + request_token},
        data: {user: uid},
        success: function(data) {
            var str="";
            str+='<table class="layui-table">';
            str+='<tr id="tr-tail-uid-'+ row.uid +'"><td><b>UID</b></td><td>'+ row.uid +'</td></tr>';
            if (data.code == 200 && data.data.last != "undefined") {
                str+='<tr><td><b> 姓名</b></td><td>'+ data.data.name +'</td></tr>';
                str+='<tr><td><b>充值尾号</b></td><td>'+ data.data.last +'</td></tr>';
            } else {
                str+='<tr><td><b> 姓名</b></td><td>'+ row.name +'</td></tr>';
                str+='<tr><td><b>充值尾号</b></td><td></td></tr>';
                str+='<tr><td><b>提示信息</b></td><td style="color: red">'+data.message+'</td></tr>';
            }
            str+='</table>';
            layer.open({
                type: 1,
                id: 'show-tail-num'+uid,
                skin: 'layui-layer-myBlue',
                area: ['308px'],
                title: '充值尾号',
                content: '<div style="padding: 5px 10px;">' + str + '</div>',
                shadeClose: true,
                shade: false,
                btn: '关闭',
                btnAlign: 'r'
            });
        },
        error: server_error
    });
    layer.close(loading);


};