/**
 * Created by chenbiao on 2018/10/23.
 */

var userFun={
    init:function () {
        //类型初始化
        $('#user_Typeid').selectpicker('refresh');
        $('#unitecarNum').selectpicker('refresh');
        //table 初始化
        userFun.createTableData();
    },
    //生成表格数据
    createTableData: function () {
        $('#usermanage_table').bootstrapTable('destroy').bootstrapTable({
            striped: true,//表格显示条纹
            rownumbers:true,
            pagination: true, //启动分页
            pageNumber: 1, //当前第几页
            pageSize: 10,  //每页显示的记录数
            pageList: [10, 15, 20],  //记录数可选列表
            sidePagination: 'server',//表示服务端分页
            queryParamsType: 'limit',
            method: 'POST',//请求方法
            paginationPreText: '<',
            paginationNextText: '>',
            ajax: tableLoadRequest,//自定义ajax加载数据
            uniqueId:'id',
            columns: [
                {
                    field: 'userPhone',
                    title: '<span class=" information-icon"></span>手机号',
                    width: '15%',
                    align: "left",
                    formatter:commonObj.replacenull
                },
                {
                    field: 'deivceType',
                    title: '<span class="type-icon"></span>手机类型',
                    width: '15%',
                    align: "left",
                    formatter: userFun.deivceFormatter
                },
                {
                    field: 'carDtolist',
                    title: '<span class="carnum-icon"></span>车牌号',
                    width: '20%',
                    align: "left",
                    formatter: userFun.carNumFormatter
                },
                {
                    field: 'acctBalance',
                    title: '<span class="money-icon"></span>账户余额',
                    width: '15%',
                    align: "left",
                    formatter:commonObj.moneyFormatter,
                },
                {
                    field: 'createDate',
                    title: '注册时间',
                    width: '15%',
                    align: 'left',
                    formatter:commonObj.timeFormatter,
                },
                {
                    field: 'oper',
                    title: '<span class="opration-icon"></span>操作',
                    width: '10%',
                    align: 'left',
                    formatter:userFun.opFormater
                }
            ]
        });

    },
    getQueryParam:function () {
        //var parkAreaCode = JSON.parse($("#parkAreaCode").val());
        var usertel = $.trim($('#user_Tel').val());
        var usercarnum = $.trim($('#user_Carnumber').val());
        var usertype = JSON.parse($('#user_Typeid').val());

        var req = {
            userPhone: usertel,
            carNumber:usercarnum,
            deivceTypeList: usertype,
            sysCode: sysComm.sysCode
        };
        return req;
    },

    deivceFormatter:function (value, row, index) {
        var deviceTypeStr;
        switch (value) {
            case 1:
                deviceTypeStr = 'Android'
                break;
            case 2:
                deviceTypeStr = 'IOS'
                break;
            default:
                deviceTypeStr = '-'
        }
        return deviceTypeStr;

    },

    //车牌号处理
    carNumFormatter: function (value) {
        var carNums = "";
        if ( value == undefined || value == null || value.length<1) {
            return "-";
        } else {
            $.each(value, function(index,item) {
            	carNums+=item.carNumber+"、";
            });
            return '<div class="carnumPop ITD-hidden-nowrap ITD-cursor-pointer" data-toggle="tooltip" title="'+ carNums.substr(0,carNums.length - 1)+'">'+ carNums.substr(0,carNums.length - 1)+'</div>';
        }
    },
    //操作
    opFormater: function (value, row, index) {
        var operStr = "<span style='margin-right: 3px;' class='ITD-status-blue relCarnum'  data-index='"+JSON.stringify(row.carDtolist)+"' >解绑车牌</span>";
        return operStr;
    },
    relCarNumber:function(element){
        $("#unitecarNum").empty();
        // $('#unitecarNum').selectpicker('render');
        var ids = [];
        var htmls = '';
        var carList = $(element).attr("data-index");
        if(carList == undefined || carList == null || carList.length<1 || carList == "null" || carList == ""){
            $('#usercar_alertmodel').modal('show')
            setTimeout(function () {
                $('#usercar_alertmodel').modal('hide')
            },3000);
            return;
        }
        carList = JSON.parse(carList);
        console.log(carList)
        $.each(carList, function(index,item) {
        	ids.push(item.id);
            htmls += "<option value='" + item.id + "'>" + item.carNumber + "</option>";
        });
        $("#unitecarNum").append(htmls);
        $('#unitecarNum').selectpicker('refresh');

        if(ids.length<1){
            $('#usercar_alertmodel').modal('show')
            setTimeout(function () {
                $('#usercar_alertmodel').modal('hide')
            },3000);
            return;
        }
        $('#carnum_unitemodel').modal('show');
        //解绑车牌 确定事件
        documentBindFunc.on('click', '#unite_submit', function (element) {

            //
            console.log(ids)
            //调用删除接口
            deleteCarNumber(ids);
        });
    },
};

//函数 初始化
userFun.init();
//查询 按钮事件
//查询
documentBindFunc.on('click', '#user_queryBtn', function () {
    userFun.createTableData();
});
//解绑车牌
documentBindFunc.on('click', '.relCarnum', function (element) {
    userFun.relCarNumber(this);
});



//解绑车牌
function deleteCarNumber(ids){
    var carVal=$('#unitecarNum').val();
    console.log(carVal)
    //条件查询
    var req={};
    req.sysCode = sysComm.sysCode;
    req.id=carVal;
    var opt = {
        method: 'post',
        url: dataUrl.util.delectUserCar(),
        data: JSON.stringify(req),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (res) {
            if (res.code == '8888') {
                console.log("解绑成功!");
                $('#usermanage_table').bootstrapTable('refresh');
                $('#carnum_unitemodel').modal('hide');

            }
        }
    };
    sysAjax(opt);
}
/**
 * 默认收费组列表
 * 自定义table AJAX请求
 * @param {Object} params
 */
function tableLoadRequest(params) {
    var req = userFun.getQueryParam();
    //设置请求参数
    var pageNum = (params.data.offset / params.data.limit) + 1;

    //条件查询
    req.baseRequest = {
        pageNum: pageNum,
        pageSize: params.data.limit
    };
    req.sysCode = sysComm.sysCode;
    var opt = {
        method: 'post',
        url: dataUrl.util.queryPersonForPage(),
        data: JSON.stringify(req),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (res) {
            if (res.code == '8888') {
                params.success(res.data);
                console.log(res.data)
                $("[data-toggle='tooltip']").tooltip({
                    delay: { show: 500, hide: 100 },
                });
            }
        }
    };
    sysAjax(opt);
}