var fun ={
    init:function(){
        //初始化办事处下拉框
        fun.getAreaBlocks("#parkAreaCode",true);
        //默认收费组表格 初始化加载
        fun.createTableData();
        //查询
        documentBindFunc.on('click','#chargegroup-queryBtn',function(){
            fun.createTableData();
        });
        //删除弹窗显示
        documentBindFunc.on('click','.delMsg',function (element) {
            $('#cashiergroupdelete_rule').addClass('display-none').text("");
            var groupCode = $(this).attr('data-index');
            $("#chargegroupupdateId-del").val(groupCode);
            $('#chargegroup_deletemodel').modal('show')
        });
        //确定删除操作
        documentBindFunc.on('click','#chargegroup-deletesubmit',function (element) {
            var groupCode = $("#chargegroupupdateId-del").val();
            var groupCodeList = [];
            groupCodeList.push(groupCode);
            var req = {
                groupCodeList:groupCodeList
            };
            req.sysCode = sysComm.sysCode;
            $('#chargegroup-deletesubmit').attr('disabled',true);
            var opt = {
                method: 'post',
                url: dataUrl.util.deleteEmployeeGroup(),
                data: JSON.stringify(req),
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                success: function (res) {
                    $('#chargegroup-deletesubmit').attr('disabled',false);
                    if (res.code == '8888') {
                        $('#chargegroup_deletemodel').modal('hide');
                        //刷新table
                        $('#chargegroup-table').bootstrapTable('refresh', {
                            silent: true
                        });
                    }else{
                        $('#cashiergroupdelete_rule').removeClass('display-none').text(res.msg);
                    }
                }
            };
            sysAjax(opt);
        });
        //新增弹窗 操作
        documentBindFunc.on('click','#chargegroup-addBtn',function (element) {

            //管理方式初始化
            // document.getElementById("chargegroupadd_chargerType10").select();
            $('#chargegroupadd_chargerType10').parent().addClass('checked');//初始化
            $('#chargegroupadd_chargerType10')[0].checked=true;
            $('#chargegroupadd_chargerType20').parent().removeClass('checked');

            // $('#chargegroupadd_chargerType10').prop('checked',true);
            // $('#chargegroupadd_chargerType20').prop('checked',false);
            $('#chargegroupadd_rule').addClass('display-none').text("");
            //初始化办事处
            fun.getAreaBlocks('#chargegroupadd_areaCode',false);
            //收费组初始化
            $('#chargegroupadd_groupCode').val('');
            //负责人初始化
            $('#chargegroupadd_chargerName').val('');
            //联系电话
            $('#chargegroupadd_phoneNo').val('');
            //备注
            $('#chargegroupMsg').val('');
            laydate.render({
                elem: '#startTime',//指定元素
                type: 'time',
                theme: '#2abb9a',//主体颜色
                value: '06:00:00',
                min: '00:00:00',
                max: '24:00:00',
                format: 'HH:mm:ss',
                btns: ['confirm'],
                position: 'abolute',
                /* done: function (value, date, endDate) {
                     console.log(value); //得到日期生成的值，如：2017-08-18
                     console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
                     console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。

                     $('#endTime-right').val(value)
                 }*/
                // range: true

            });
            laydate.render({
                elem: '#endTime',//指定元素
                type: 'time',
                theme: '#2abb9a',//主体颜色
                value: '18:00:00',
                format: 'HH:mm:ss',
                btns: [ 'confirm'],
                position: 'abolute',


            });
            laydate.render({
                elem: '#startTimenight',//指定元素
                type: 'time',
                theme: '#2abb9a',//主体颜色
                value: '18:00:00',
                min: '00:00:00',
                max: '24:00:00',
                format: 'HH:mm:ss',
                btns: [ 'confirm'],
                position: 'abolute',


            });
            laydate.render({
                elem: '#endTimenight',//指定元素
                type: 'time',
                theme: '#2abb9a',//主体颜色
                value: '06:00:00',
                format: 'HH:mm:ss',
                btns: ['confirm'],
                position: 'abolute',

            });
            $('#chargegroup_addmodel').modal('show');

        });
        //确定新增操作
        documentBindFunc.on('click','#chargegroupaddwrite-submit',function (element) {
            var req = {};
            var areacCodes  = JSON.parse($('#chargegroupadd_areaCode').val());
            if(areacCodes.length==0){
                $('#chargegroupadd_rule').removeClass('display-none').text('办事处必填');
                return false;
            }
            req.plAreaBlockId = areacCodes[0];
            var maintainOpt = $('#chargegroupadd_chargerName').val();
            if(maintainOpt==''|| maintainOpt==null || maintainOpt== undefined){
                $('#chargegroupadd_rule').removeClass('display-none').text('负责人必填');
                return false;
            }
            req.maintainOpt = maintainOpt;
            //管理方式
            req.areaManageType =  $('input:radio[name="chargegroupadd_chargerType"]:checked').val();
            req.duringDayTime = $('#startTime').val()+'-'+$('#endTime').val();
            req.duringNightTime = $('#startTimenight').val()+'-'+$('#endTimenight').val();
            var groupName = $('#chargegroupadd_groupCode').val();
            if(groupName=='' || groupName==null || groupName== undefined){
                $('#chargegroupadd_rule').removeClass('display-none').text('收费组必填');
                return false;
            }
            req.groupName = groupName;
            req.phoneNo =  $('#chargegroupadd_phoneNo').val();
            req.remark = $('#chargegroupMsg').val();
            req.sysCode = sysComm.sysCode;
            $('#chargegroupaddwrite-submit').attr('disabled',true);
            var opt = {
                method: 'post',
                url: dataUrl.util.insertEmployeeGroup(),
                data: JSON.stringify(req),
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                success: function (res) {
                    $('#chargegroupaddwrite-submit').attr('disabled',false);
                    if (res.code == '8888') {
                        $('#chargegroup_addmodel').modal('hide');
                        //刷新table
                        $('#chargegroup-table').bootstrapTable('refresh', {
                            silent: true
                        });
                    }else{
                        $('#chargegroupadd_rule').removeClass('display-none').text(res.msg);
                    }
                }
            };
            sysAjax(opt);
        });

        //修改弹窗 操作
        documentBindFunc.on('click','.relMsg',function (element) {
            $('#chargegroup_ruleedit').addClass('display-none').text("");
            var id = $(this).attr('data-index');
            $("#updateId").val(id);
            var modifyRow = $('#chargegroup-table').bootstrapTable('getRowByUniqueId', id);
            //初始化办事处
            fun.getAreaBlocks('#chargegroup_areaCodeedit',false);
            $('#chargegroup_areaCodeedit').val("[\""+modifyRow.plAreaBlockId+"\"]");
            $("#chargegroup_areaCodeedit").selectpicker('refresh');
            //收费组初始化
            $('#chargegroup_groupCodeedit').val(modifyRow.groupName);
            //负责人初始化
            $('#chargegroup_chargerNameedit').val(modifyRow.maintainOpt);
            //联系电话
            $('#chargegroup_phoneNoedit').val(modifyRow.phoneNo);
            //管理方式
            $('#chargegroup_chargerType10edit').parent().removeClass('checked');//匹配类型初始化
            $('#chargegroup_chargerType20edit').parent().removeClass('checked');//匹配类型初始化
            console.log(modifyRow.areaManageType)
            $('#chargegroup_chargerType'+modifyRow.areaManageType+'edit').parent().addClass('checked');//前置
            $('#chargegroup_chargerType'+modifyRow.areaManageType+'edit')[0].checked==true;
            // $('#chargegroup_chargerType'+modifyRow.areaManageType+'edit').prop('checked',true);

            //备注
            $('#chargegroupMsgedit').val(modifyRow.remark);
            laydate.render({
                elem: '#startTimeedit',//指定元素
                type: 'time',
                theme: '#2abb9a',//主体颜色
                // value: '06:00',
                min: '00:00:00',
                max: '24:00:00',
                format: 'HH:mm:ss',
                btns: ['confirm'],
                position: 'abolute',
                /* done: function (value, date, endDate) {
                     console.log(value); //得到日期生成的值，如：2017-08-18
                     console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
                     console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。

                     $('#endTime-right').val(value)
                 }*/
                // range: true

            });
            laydate.render({
                elem: '#endTimeedit',//指定元素
                type: 'time',
                theme: '#2abb9a',//主体颜色
                // value: '18:00',
                format: 'HH:mm:ss',
                btns: [ 'confirm'],
                position: 'abolute',


            });
            laydate.render({
                elem: '#startTimenightedit',//指定元素
                type: 'time',
                theme: '#2abb9a',//主体颜色
                // value: '18:00',
                min: '00:00:00',
                max: '24:00:00',
                format: 'HH:mm:ss',
                btns: [ 'confirm'],
                position: 'abolute',


            });
            laydate.render({
                elem: '#endTimenightedit',//指定元素
                type: 'time',
                theme: '#2abb9a',//主体颜色
                // value: '06:00',
                format: 'HH:mm:ss',
                btns: ['confirm'],
                position: 'abolute',

            });
            //白班
            if(modifyRow.duringDayTime!=''){
                var duringDays = modifyRow.duringDayTime.split("-");
                $('#startTimeedit').val(duringDays[0]);
                $('#endTimeedit').val(duringDays[1]);
            }
            //夜班
            if(modifyRow.duringNightTime!=''){
                var duringDays = modifyRow.duringNightTime.split("-");
                $('#startTimenightedit').val(duringDays[0]);
                $('#endTimenightedit').val(duringDays[1]);
            }
            $('#chargegroup_changemodel').modal('show');

        });
        //确定修改 操作
        documentBindFunc.on('click','#chargegroupwrite-submitedit',function (element) {
            var req = {};
            var areacCodes  = JSON.parse($('#chargegroup_areaCodeedit').val());
            if(areacCodes.length==0){
                $('#chargegroup_ruleedit').removeClass('display-none').text('办事处必填');
                return false;
            }
            req.plAreaBlockId = areacCodes[0];
            var maintainOpt = $('#chargegroup_chargerNameedit').val();
            if(maintainOpt=='' || maintainOpt==null || maintainOpt== undefined){

                $('#chargegroup_ruleedit').removeClass('display-none').text('负责人必填');
                return false;
            }
            req.maintainOpt = maintainOpt;
            //管理方式
            req.areaManageType =  $('input:radio[name="chargegroupedit_chargerType"]:checked').val();
            req.duringDayTime = $('#startTimeedit').val()+'-'+$('#endTimeedit').val();
            req.duringNightTime = $('#startTimenightedit').val()+'-'+$('#endTimenightedit').val();
            var groupName = $('#chargegroup_groupCodeedit').val();
            if(groupName==''|| groupName ==null || groupName == undefined){
                $('#chargegroup_ruleedit').removeClass('display-none').text('收费组必填');
                return false;
            }
            req.groupName = groupName;
            req.phoneNo =  $('#chargegroupedit_phoneNo').val();
            req.remark = $('#chargegroupMsgedit').val();
            req.id = $('#updateId').val();
            req.sysCode = sysComm.sysCode;
            $('#chargegroupwrite-submitedit').attr('disabled',true);
            var opt = {
                method: 'post',
                url: dataUrl.util.updateEmployeeGroup(),
                data: JSON.stringify(req),
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                success: function (res) {
                    $('#chargegroupwrite-submitedit').attr('disabled',false);
                    if (res.code == '8888') {
                        $('#chargegroup_changemodel').modal('hide');
                        //刷新table
                        $('#chargegroup-table').bootstrapTable('refresh', {
                            silent: true
                        });
                    }else{
                        $('#chargegroupedit_rule').removeClass('display-none').text(res.msg);
                    }
                }
            };
            sysAjax(opt);
        });

    },
    //获取办事处
    getAreaBlocks:function(domStr,isNeedAll){
        var plData = fn.getParkBlock();
        var html = "";
        var areaIds = [];
        $.each(plData, function (index, item) {
            areaIds.push(item.code);
            html += "<option value='[\"" + item.code + "\"]'>" + item.name + "</option>";
        });
        if (isNeedAll) {
            var areaIdsStr = JSON.stringify(areaIds);
            html = "<option value='" + areaIdsStr + " ' selected>所有办事处</option>" + html;
        }
        $(domStr).append(html);
        $(domStr).selectpicker('render');
        $(domStr).selectpicker('refresh');
    },
    //生成表格数据
    createTableData: function () {
        $('#chargegroup-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: 'id', title: '', width: '10%', align: 'left',visible:false},
                {field: 'areaCode', title: '办事处', width: '10%', align: 'left',visible:false},
                {field: 'groupCode', title: '<span class="business-icon"></span>收费组编号', width: '10%', align: 'left'},
                {field: 'groupName', title: '<span class="collect-icon"></span>收费组名称', width: '10%', align: 'left'},
                {field: 'maintainOpt', title: '<span class="person-icon"></span>负责人', width: '10%', align: 'left'},
                {field: 'phoneNo', title: '负责人电话', width: '10%', align: 'left',visible:false},
                {field: 'areaManageType', title: '<span class="manage-icon"></span>管理方式',titleTooltip:'针对同一个区间的管理(允许同时登陆的收费员数量)', width: '10%',align: 'left',formatter:function(value){
                        if(value==10){
                            return '单人';
                        }else if(value==20){
                            return '多人';
                        }else{
                            return value;
                        }
                    }},
                {field: 'duringDayTime', title: '<span class="day-icon"></span>白班时段', width: '15%', align: 'left'},
                {field: 'duringNightTime', title: '<span class="night-icon"></span>夜班时段', width: '15%', align: 'left'},

                {
                    field: '',
                    title: '<span class="opration-icon"></span>操作',
                    width: '10%',
                    align: 'left',
                    formatter: fun.opFormater
                }
            ]

        });

    },
    /*获取查询参数*/
    getQueryParam: function () {
        var parkAreaCode = JSON.parse($("#parkAreaCode").val());
        var groupCode = $('#groupCodeid').val();
        var req = {
            plAreaBlockIds: parkAreaCode,
            groupCodeOrName:groupCode,
            sysCode: sysComm.sysCode
        };
        return req;
    },
    //操作
    opFormater: function (value, row, index) {
        var operStr = '<span style="margin-right: 3px;" class="relMsg ITD-status-blue" data-index="'+row.id+'" >修改</span>' +
            '<span class="delMsg ITD-status-abnormal" data-index="'+row.groupCode+'" >删除</span>';
        return operStr;
    },
    //时间
    inDatatimeFormatter: function (value, row, index) {
        if (value == null) {
            return "";
        } else {
            return "<div'>" + DateUtils.long2String(value, 1) + "</div>";
        }
    }

};

//初始化 函数
fun.init();

/**
 * 默认收费组列表
 * 自定义table AJAX请求
 * @param {Object} params
 */
function tableLoadRequest(params) {
    var req = fun.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.queryEmployeeChargeGroupList(),
        data: JSON.stringify(req),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (res) {
            if (res.code == '8888') {
                params.success(res.data);
            }
        }
    };
    sysAjax(opt);
}