/**
 * 资产管理：薪资发放
 * libingke
 * 2018/01/11
 */

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

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

var loadSelect=function () {
    var sid='add_row_select';
    $.ajax({
        url: url_type,
        headers: {"Authorization": 'Bearer ' + request_token},
        dataType: 'json',
        success: function (res) {
            if (res.code == 200 && res.data) {
                var str='';
                $.each(res.data,function(k,v){
                    str+='<option value="'+k+'">'+v+'</option>';
                });
                if (str !== '') {
                    str = '<select id="row_category" class="my-select select_row" style="border-radius: 0 4px 4px 0">' + str + '</select>';
                    $("#"+sid).html(str);
                } else {
                    layer.msg('未获取到类型数据');
                    var str = '&nbsp;&nbsp;<span class="my-label"><a onclick="loadSelect()">重新加载</a></span>';
                    $("#"+sid).html(str);
                }

            } else {
                layer.msg(res.message);
                var str = '&nbsp;&nbsp;<span class="my-label"><a onclick="loadSelect()">重新加载</a></span>';
                $("#"+sid).html(str);
            }
        },
        error: function () {
            layer.msg('未获取到类型数据');
            var str = '&nbsp;&nbsp;<span class="my-label"><a onclick="loadSelect()">重新加载</a></span>';
            $("#"+sid).html(str);
        }
    });
};

/**
 * 导入数据
 */
var loadRow=function() {
    var index=layer.open({
        type: 1,
        title: '添加数据',
        id: 'load-row',
        area : ['320px', 'auto'],
        skin: 'layui-layer-myBlue',
        content: '<div style="padding: 5px 20px;"><br>\n' +
        '    <div class="input-group my-group">'+
        '        <span class="input-group-addon">UID </span>\n' +
        '        <input id="row_uid" type="text" class="form-control">\n' +
        '    </div>\n'+
        '    <div class="input-group my-group">'+
        '        <span class="input-group-addon">数量 </span>\n' +
        '        <input id="row_amount" type="number" class="form-control">\n' +
        '    </div>\n'+
        '    <div class="input-group my-group">'+
        '        <span class="input-group-addon">类型 </span>\n' +
        '           <div id="add_row_select">' +
        '               &nbsp;&nbsp;<i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop" style="font-size: 24px; color: #2196f3;">&#x1002;</i>\n' +
        '           </div>' +
        '    </div>\n'+
        '</div>',
        btn: ['确认', '取消'],
        btn1: function() {
            var v1=$('#row_uid').val();
            var v2=$('#row_amount').val();
            var v3=$('#row_category').val();
            if(v1!=="" && v2!=="" && v3!="undefined"){
                $btn = $('.layui-layer-btn0').button('loading');
                $.ajax({
                    url: url_add_row,
                    type: 'POST',
                    headers: {"Authorization": 'Bearer ' + request_token},
                    data: {uid:v1,amount:v2,category:v3},
                    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;
        }
    });
    loadSelect();
};

/**
 * 导入文件
 */
layui.use('upload', function() {
    var $ = layui.jquery, upload = layui.upload;
    upload.render({
        elem: '#loadFile',
        url: '##',
        size: 1024,
        auto: false,
        accept:'file',
        exts: 'csv',
        choose: function(res){
            res.preview(function(index, file){
                var formData = new FormData();
                formData.append("file",file);
                $.ajax({
                    url: url_add_file,
                    headers: {"Authorization": 'Bearer ' + request_token},
                    type : 'POST',
                    dataType: 'json',
                    data : formData,
                    processData : false,
                    contentType : false,
                    success: function (res) {
                        if (res.code == 200) {
                            //valid_num 正确导入的行数量 error_num 错误处理的行数量 error_rows 错误处理的行
                            var t='<p>正确导入的行数量: <b>'+res.data.valid_num+'</b></p>'+
                                '<p>错误处理的行: <b>'+res.data.error_num+'</b></p>';
                            layer.msg(t, {btn: ['关闭'], time: 8000});
                            if (res.data.valid_num > 0) {
                                query(1);
                            }
                        } else {
                            msg_no_200(res.message);
                        }
                    },
                    error: server_error
                });
            });
        }
    });
});

var statusFormatter=function(s) {
    'use strict';
    switch (s)
    {
        case '0':s='<span style="color: #777">未处理</span>';break;
        case '1':s='<span style="color: #f44336">已处理</span>';break;
        default: s=status;
    }
    return s;
};


$(function () {
    /**
     * 回车触发 uid
     */
    $('#uid').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.status=$('select[name="status"]').val();
            form1.uid=$('input[name="uid"]').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: 25,
        uniqueId: 'id',
        responseHandler: function (res) {
            if (res.code == 200) {
                return {
                    "rows": res.data.rows,
                    "total": res.data.count
                };
            } else {
                layer.msg('[' + res.code + ']' + res.message);
                return false;
            }
        },
        columns:[
            {field: 'id', title: '流水编号', valign:"middle", align:"center"},
            {field: 'uid', title: 'UID', valign:"middle", align:"center"},
            {field: 'currency', title: '币种', valign:"middle", align:"center"},
            {field: 'amount', title: '数值', valign:"middle", align:"right"},
            {field: 'category', title: '类型', valign:"middle", align:"center"},
            {
                field: 'status', title: '状态', valign: "middle", align: "center",
                formatter: statusFormatter
            },
            {field: 'addtime', title: '添加时间', valign:"middle", align:"center"},
            {field: 'dealtime', title: '处理时间', valign:"middle", align:"center"}
        ]
    });
});