/*侧栏*/
$(function(){
    $(".select p").click(function(e){
        $(".select").toggleClass('open');
        e.stopPropagation();
    });

    $(".content .select ul li").click(function(e){
        var _this=$(this);
        $(".select > p").text(_this.text());
        $(".select > p").attr('data-value',_this.attr('data-value'));
        _this.addClass("Selected").siblings().removeClass("Selected");
        $(".select").removeClass("open");
        e.stopPropagation();
    });

    $(document).on('click', function () {
        $(".select").removeClass("open");
    });
    //默认全部
    $("#ser-button").click();
});

$('.popClose').on('click',function () {
    $('#m_r_bar li').eq(1).removeClass('related_data');
    $('#model-right').hide();
});
//m_r_bar点击事件

$('#m_r_bar').on('click','li',function () {
    var index = $(this).index();
    $(this).addClass('bar_active').siblings('li').removeClass('bar_active');
    $('.m-model-main .m_r_bar_wrap').addClass('display-none');
    $('.m-model-main .m_r_bar_wrap').eq(index).removeClass('display-none');

    if(index==1){
        if($(this).hasClass('related_data')){

        }else{
            $(this).addClass('related_data');
            // drawOccupyAndTurnOver();
        }
    }
});
function getQueryParam(){
    var serVal = $.trim($('#ser-input').val());
    var area_text = $(".select .Selected").attr('data-value');
    var countryId = [];
    var plNosTemp = plNos;
    if (area_text) {
        countryId = area_text.split(',');
    }
    var req = {
        plNos:plNosTemp,
        sysCode: sysComm.sysCode,
        cityId: sysComm.cityId,
        parkNameOrAddress: serVal,
        countryId: countryId,
        baseRequest: {
            pageNum: 1,
            pageSize: 10
        },
        flag:0,
        curPage:0,
        index:0,
        selector:null
    }
    return req;
}
//回车事件
$(function(){
    $(document).keydown(function(event){
        if(event.keyCode==13){
            $("#ser-button").click();
        }
    });
});
//根据条件分页查询停车场
function queryParkingLotByCondition1(req){
    $('#m_r_bar li').eq(1).removeClass('related_data');
    $('#model-right').hide();
    var opt = {
        method: "post",
        data: JSON.stringify(req),
        url: dataUrl.util.queryParkLotByCountryAndParkName(),
        async: false,
        success: function (res, xhr, status) {
            console.log(res)
            //清空内容
            $('#pda-result').empty();
            if (res.code == '8888') {
                var pageCount = res.data.pages == undefined || null == res.data.pages ? 0 : res.data.pages;
                createHtml(res.data);
                //渲染地图
                /*var datas = res.data.dataList;
                 var parkDataTemp = [];
                 $.each(parkData, function (index, item) {
                 $.each(datas, function(_index,_item) {
                 if(_item.plNo == item.parkNo){
                 parkDataTemp.push(item);
                 }
                 });
                 });
                 console.log(parkDataTemp);
                 fun.drawMarker(parkDataTemp);*/

                var flag = req.flag;
                //icon_load(pageCount);
                if(flag==0){//查询
                    icon_load(pageCount);
                }
                else if(flag==1){//页码
                    num_click(pageCount,req.curPage,req.selector);
                }
                else if(flag==-1){//下一页
                    pageDown_click(pageCount,req.curPage,req.index);
                }
                else if(flag==-2){//上一页
                    pageUp_click(pageCount,req.curPage,req.index);
                }
            }
        }
    }
    sysAjax(opt);

    /* //查询所有的，不分页
     if(req.flag == 0){
     req.baseRequest.pageNum = 1;
     req.baseRequest.pageSize = 0;
     var opt = {
     method: "post",
     data: JSON.stringify(req),
     url: dataUrl.util.queryParkLotByCountryAndParkName(),
     async: false,
     success: function (res, xhr, status) {
     console.log(res)

     if (res.code == '8888') {

     var datas = (res.data.dataList)==null?[]:(res.data.dataList);
     var parkDataTemp = [];
     $.each(parkData, function (index, item) {
     $.each(datas, function(_index,_item) {
     if(_item.plNo == item.parkNo){
     parkDataTemp.push(item);
     }
     });
     });
     fun.drawMarker(parkDataTemp);

     }
     }
     }
     sysAjax(opt);
     }*/
}
//页面加载完成是与后台数据交互，后台返回总页数（如果只有总条数的话就自己算。Math.ceil(总条数/每条多少页)=总页数）
//如果pageCount不大于1

function createHtml(data){
    if(data.dataList==null||data.dataList.length<1){
        $('#pda-result').empty().text('没有搜索到匹配内容');
        $('#pageGro').hide();
        $('#ser-wrap').show();
        return;
    }

    var html = '';
    var list = data.dataList == undefined || data.dataList == null ? [] : data.dataList;
    var i = 1;
    $.each(list, function (index, item) {
        var parkType;
        if (1 == item.plType) {
            parkType = '路侧'
        } else if (2 == item.plType) {
            parkType = '封闭'
        } else {
            parkType = '未知'
        }
        var berthNum = item.plBerthNum;
        var plName = item.plName;
        var plNo = item.plNo;
        //html+='<li data-value='+plNo+'>'+
        //    '<div data-value='+plName+'>'+(i++)+'.'+plName+'</div>'+
        //    '<div>类型 : '+parkType+'</div>'+
        //    '<div data-value='+berthNum+'>车位总数 : '+berthNum+'</div>'+
        //    '</li>';
        //new
        var no = "<a href='javascript:void(0)' class='indexNo indexNo-" + (index + 1) + "'></a>";
        html += '<li data-value=' + plNo + ' class="indexLi indexLi-' + (index + 1) + '">' +
            '<div data-value=' + plName + ' class="indexRow">' + no + '<span title=' + plName + '>' + commonClass.cutString(plName, 10) + '</span></div>' +
            '<div>类型 : ' + parkType + '</div>' +
            '<div data-value=' + berthNum + '>车位总数 : <span>' + berthNum + '</span></div>' +
            '<div title="' + item.plAddress + '">地址 : ' + commonClass.cutString(item.plAddress, 12) + '</div>' +
            '</li>';
    });
    //滚动
    $('#pda-result').animate({
        scrollTop: $('#pda-result').offset().top-1000
    }, 150);
    $('#pda-result').empty().html(html);
    $('#ser-wrap').show();
    $('#pageGro').show();
};

/*搜索*/
$('#ser-button').on('click',function () {
    commonClass.setPopupVisible(false);

    var req = getQueryParam();
    req.flag=0;//0-查询按钮触发，1-页码触发，-1后一页，-2 前一页
    queryParkingLotByCondition1(req);

    //songcxa
    $(".cancelBtn").css("display", "block");
});

/*
 @   songcxa
 @   搜索功能
 */
var searchOption = {
    ini: function () {
        var searchBox = $('#ser-input');
        /*
         @   inputID输入框id
         @   popID提示框id
         @   queryOption(url、queryParames请求参数post、itemsSelectCallback提示框选择事件）
         */
        var option = {
            url: dataUrl.util.queryParkLotByCountryAndParkName(),
            async: false,
            queryParames: function () {
                return getQueryParam();
            },
            itemsSelectCallback: function (ev) {
                searchBox.val(ev);
            }
        };
        // commonClass.popupObject("ser-input", "ser-resPanel", option);
    },
}

/*end*/

//点击分页按钮触发
documentBindFunc.on("click","#pageGro li",function(){
    var pageNum = parseInt($(this).html());//获取当前页数
    var selector = $(this);

    var req = getQueryParam();
    req.baseRequest.pageNum = pageNum;
    req.curPage = pageNum;
    req.selector = selector;
    req.flag = 1;
    queryParkingLotByCondition1(req);

});

//点击上一页触发
documentBindFunc.on("click","#pageGro .pageUp",function(){
    var pageNum = parseInt($("#pageGro li.on").html());//获取当前页
    var index = $("#pageGro ul li.on").index();//获取index

    var req = getQueryParam();
    req.baseRequest.pageNum = pageNum-1;
    req.curPage = pageNum;
    req.index = index;
    req.flag = -2;
    queryParkingLotByCondition1(req);

});

//点击下一页触发
documentBindFunc.on("click","#pageGro .pageDown",function(){
    var pageNum = parseInt($("#pageGro li.on").html());//获取当前页
    var index = $("#pageGro ul li.on").index();//获取index

    var req = getQueryParam();
    req.baseRequest.pageNum = pageNum+1;
    req.curPage = pageNum;
    req.index = index;
    req.flag = -1;
    queryParkingLotByCondition1(req);


});

function checkhHtml5() {
    if (typeof(Worker) === "undefined") {
        if (navigator.userAgent.indexOf("MSIE 9.0") <= 0) {
            alert("定制个性地图示例：IE9以下不兼容，推荐使用百度浏览器、chrome、firefox、safari、IE10");
        }

    }
}
function selectOptionFun(){
    $(".select p").click(function(e){
        $(".select").toggleClass('open');
        e.stopPropagation();
    });

    $(".content .select ul li").click(function(e){
        var _this=$(this);
        $(".select > p").text(_this.text());
        $(".select > p").attr('data-value',_this.attr('data-value'));
        _this.addClass("Selected").siblings().removeClass("Selected");
        $(".select").removeClass("open");
        e.stopPropagation();
    });

    $(document).on('click',function(){
        $(".select").removeClass("open");
    })
    //初始化按键
    $(document).keydown(function (event) {
        if (event.keyCode == 13) {
            $("#ser-button").click();
        }
    });
    //默认全部
    $("#ser-button").click();
    //输入框提示
    searchOption.ini();
}

//停车场 渲染
var plNos =[];
var parkData=[];
var first_flag=false;
// var clear_flag = false;
var parkingfun = {
    init: function () {
        parkingfun.initgetParkingLotGeo(first_flag);
        //fun.setDist(sysComm.cityId);
        //alert(document.documentElement.clientHeight)
        var height = document.documentElement.clientHeight - 150;
        $('#main-wrap').height(height)
    },

    setDist:function (cityId) {
        $(".select").empty();
        cityId+='';
        var allDist = [];
        var distArray = cityData.dist[cityId];
        var html='';
        $.each(distArray,function (index,item) {
            allDist.push(item.id);
            html+="<li data-value='"+item.id+"'>"+item.areaName+"</li>"

        });
        $(".select").html("<p data-value="+allDist+">全部</p><ul style=' overflow-y: auto;'><li data-value="+allDist+" class='Selected'>全部</li>"+html+"</ul>");
        selectOptionFun();
    },
    //设置中心城市信息
    setCityInfo: function(){

        sysComm.cityId = firstPark.plCityId;
        sysComm.cityName = firstPark.plCityName;
        sysComm.provId = firstPark.plProvinceId;
        sysComm.point_lng = firstPark.lonId;
        sysComm.point_lat = firstPark.latId;

        parkingfun.setDist(sysComm.cityId);
        $(".cityName").text(sysComm.cityName);
    },
    //获取停车场信息
    initgetParkingLotGeo: function (first_flag) {
        var parkLot = fn.getParkLot(3);

        var plnos = [];
        $.each(parkLot, function (index, item) {
            if(item.type == 1){
                plnos.push(item.code);
            }
        })
        // console.log(plnos)
        parkData = [];
        plNos=[];
        var req = {
            sysCode: sysComm.sysCode,
            plNos: plnos,

        }
        var opt = {
            method: 'post',
            url: dataUrl.util.queryParkingLotGeoByPlNos(),
            data: JSON.stringify(req),
            success: function (res) {
                if (res.code == '8888') {
                    //获取数据成功
                    var data = res.data;
                    $.each(data, function (index, item) {
                        if(item.plType == 1) {//过滤掉封闭停车场
                            var temp = {
                                parkNo: item.plNo,
                                parkName: item.plName,
                                pointX: item.lonId,
                                pointY: item.latId,
                                allnum: item.plBerthNum,
                                plType: item.plType,
                                free: item.freeBrethNum
                            };
                            plNos.push(item.plNo);
                            parkData.push(temp);
                        }
                    });
                    if(data.length > 0){
                        firstPark = data[0];
                    }
                    if(data.length > 1){
                        firstPark = data[1];
                    }
                    parkingfun.setCityInfo();
                    //查询所有停车场但不显示
                    fun.getParkingLotGeo();
                    //显示pda坐标及icon
                    fun.getParkingPdaGeo();
                    //查询围栏半径
                    fun.getDict('PARK_ENCLOSURE_RADIUS',first_flag);
                    // fun.drawMarker(parkData);

                }
            }
        }
        sysAjax(opt);
    },
}
parkingfun.init();

//左侧弹窗
documentBindFunc.on('click','#pda-result li',function () {
    // 初始化基本信息
    $('#ITD-alert-tab-wrap li').eq(0).click();
    var that = $(this);
    var plNo = that.attr('data-value');
    var plName = that.find('div').eq(0).attr('data-value');
    var berthNum = that.find('div').eq(2).attr('data-value');
    // queryInfoByPlNo(plNo,plName,berthNum);
    // loadParkDatas(plNo,berthNum);
    //将地图上的数据进行过滤
    var parkDataTemp = [];
    $.each(parkData, function (index, item) {
        if(plNo == item.parkNo){
            parkDataTemp.push(item);
        }
    });

    // fun.drawMarker(parkDataTemp);
    drawParkAndPdaMarker(parkDataTemp,true);
});

//地图
//pda坐标
var pdaData=[];
var fun = {
    //获取停车场PDA信息
    getParkingPdaGeo: function (flag) {
        var plNos = [];
        var data = fn.getParkLot(3);
        if(data.length<1){
            plNos.push(-1);
        }
        else{
            $.each(data, function (index, item) {
                plNos.push(item.code);
            })
        }


        pdaData = [];

        var req = {
            sysCode: sysComm.sysCode,
            plNos: plNos,
            pdaType:0,
//          pdaTypes:[0,1],

        }
        var opt = {
            method: 'post',
            url: dataUrl.util.queryParkPdaInfo(),
            data: JSON.stringify(req),
            async: false,
            success: function (res) {
                if (res.code == '8888') {
                    //获取数据成功
                    var data = res.data;
//                  console.log(data)
                    $.each(data, function (index, item) {
                        var temp = {
                            parkNo: item.plNo,
                            pdaNo: item.pdaNo,
                            plName:item.plName,
                            pointX: item.lonId,
                            pointY: item.latId,
                            distance: item.distance,
                            chargerCode: item.chargerCode,
                            chargerName: item.chargerName,
                            berthRangeNo:item.berthRangeNo,
                            berthRangeName:item.berthRangeName,

                        }
                        pdaData.push(temp);
                    });
                    if(!flag){
                        var map = new BMap.Map('allmap', {enableMapClick: false});
                        //默认加载
                        var point = new BMap.Point(sysComm.point_lng, sysComm.point_lat);
                        var zoom = 13;
                        map.centerAndZoom(point, zoom);
                        map.setCurrentCity(sysComm.cityName);  // 设置地图显示的城市 此项是必须设置的
                        if(pdaData.length>0){
                            fun.drawPdaMarker(pdaData,map,0);
                        }
                    }


                }
            }
        }
        sysAjax(opt);
    },
    //设置中心城市信息
    setCityInfo: function(){

        sysComm.cityId = firstPark.plCityId;
        sysComm.cityName = firstPark.plCityName;
        sysComm.provId = firstPark.plProvinceId;
        sysComm.point_lng = firstPark.lonId;
        sysComm.point_lat = firstPark.latId;
        $(".cityName").text(sysComm.cityName);
        //fun.setDist(sysComm.cityId);
    },
    //获取停车场信息
    getParkingLotGeo: function () {
        var parkLot = fn.getParkLot();
        var plnos = [];
        $.each(parkLot, function (index, item) {
            if(item.type == 1){
                plnos.push(item.code);
            }

        })

        parkData = [];
        plNos = [];
        var req = {
            sysCode: sysComm.sysCode,
            plNos: plnos,

        }
        var opt = {
            method: 'post',
            url: dataUrl.util.queryParkingLotGeoByPlNos(),
            async: false,
            data: JSON.stringify(req),
            success: function (res) {
                if (res.code == '8888') {
                    //获取数据成功
                    var data = res.data;
                    $.each(data, function (index, item) {
                        if(item.plType == 1){//过滤掉封闭停车场
                            var temp = {
                                parkNo: item.plNo,
                                parkName: item.plName,
                                pointX: item.lonId,
                                pointY: item.latId,
                                allnum: item.plBerthNum,
                                plType: item.plType,
                                free: item.freeBrethNum,
                                rate:'0%'
                            };

                            if (null !== (temp.allnum-temp.free) && null != temp.allnum) {
                                rate = (temp.allnum-temp.free) / temp.allnum * 100;
                                rate =new Number(rate).toFixed(2) + '%';
                                temp.rate = rate;
                            }
                            plNos.push(item.plNo);
                            parkData.push(temp);
                        }
                    });
                    lonPark= data[0].lonId;
                    latPark = data[0].latId;
                    if(data.length > 0){
                        firstPark = data[0];
                    }
                    if(data.length > 1){
                        firstPark = data[1];
                    }
                    fun.setCityInfo();
                    // console.log(parkData)
                    // 一开始就要展示所有数据
                    // drawParkAndPdaMarker(parkData);

                }
            }
        }
        sysAjax(opt);
    },
    //根据输入名称模糊匹配停车场
    getParkLotInfoByPlNameLike: function () {
        var inputVal = $("#ser-input").val();
        if (undefined == inputVal || null == inputVal || inputVal == '') {
            drawParkAndPdaMarker(parkData,true);
            return;

            $('#ser-inp-effect').text('请输入停车场名称');
            $('#ser-inp-effect').show();
            return;
        }else{
            $('#ser-inp-effect').hide();
        }
        parkDatas = [];
        $.each(parkData, function (index, item) {
            if (item.parkName.indexOf(inputVal)>=0) {

                var rate = ' ';
                if (null !== (item.allnum-item.free) && null != item.allnum) {
                    rate = (item.allnum-item.free) / item.allnum * 100;
                    rate =new Number(rate).toFixed(2) + '%';
                    item.rate = rate;
                }
                parkDatas.push(item);

                //fun.getBerthInfoByPlNo(item.parkNo, item.free, item.allnum, rate, item.plType,item.parkName);
                //fun.getPDAInfoByPlNo(item.parkNo);
            }
        });
        if(parkDatas.length<1){
            $('.cancelBtn').css("display", "block");
            $('#ser-inp-effect').text('没有搜到相关内容');
            $('#ser-inp-effect').show();
            return;
        }
        //drawParksAndPdas(parkDatas);
        drawParkAndPdaMarker(parkDatas,true);

    },
    //根据停车场编码获取车位信息
    getBerthInfoByPlNo: function (plNo, freeBerth, allBerth, rate, plType,plName) {
        //console.log(plNo, freeBerth, allBerth, rate, plType,plName);
        $('#caryard-berth-ifo-main').empty();
        $('#freeBerthNum').text('');
        $('#useBerthNum').text('');
        $('#allBerthNum').text('');
        var html="";
        var allBerths = 0;
        var freeBerths = 0;
        $('.parkname-pop').text(plName);
        var plTypeStr = '未知';
        if (plType == 1) {
            plTypeStr = "路侧"
        }
        if (plType == 2) {
            plTypeStr = "封闭"
        }
        $('.berth-img-l').find('div').eq(4).text(plTypeStr);
        var req = {
            baseRequest: {
                pageNum: 1,
                pageSize: 0
            },
            sysCode: sysComm.sysCode,
            plNo: plNo
        }
        var opt = {
            method: 'post',
            url: dataUrl.util.queryBerthByBerthForPage(),
            async: false,
            data: JSON.stringify(req),
            success: function (res) {
                if (res.code == '8888') {
                    var data = res.data.rows;
                    objdata = res.data.rows;

                    html+='<li class="clearfix">';
                    if (data.length == 0) {

                        var rate = '0.00%';
                        if ( 0 != allBerth) {
                            rate = (allBerth-freeBerth) / allBerth * 100;
                            rate = new Number(rate).toFixed(2) + '%';
                        }
                        $('#freeBerthNum').text(parseInt(freeBerth));
                        $('#useBerthNum').text(parseInt(allBerth)-parseInt(freeBerth));
                        $('#allBerthNum').text(parseInt(allBerth));
                        if(freeBerth==0){
                            for (var k=(allBerth-freeBerth);k>0;k--){
                                if((allBerth-freeBerth-k)%9 == 0){
                                    html+='</li><li class="clearfix">';
                                }
                                html+=('<div class="caryard-berth-ifo-status-gray" title="B100'+k+'">' + 'B100'+k + '</div>');
                            };
                        }else{
                            for (var i=freeBerth;i>0;i--){
                                if((freeBerth-i)%9 == 0){
                                    html+='</li><li class="clearfix">';
                                }
                                html+=('<div class="caryard-berth-ifo-status-green" title="B100'+i+'">' + 'B100'+i + '</div>');
                            };
                            for (var k=allBerth;k>freeBerth;k--){
                                if((allBerth-k)%9 == 0){
                                    html+='</li><li class="clearfix">';
                                }
                                html+=('<div class="caryard-berth-ifo-status-gray" title="B100'+k+'">' + 'B100'+k + '</div>');
                            };
                        }

                    }else{

                        for(var m=data.length-1;m>=0;m--){
                            if((data.length-1-m)%15 == 0){
                                html+='</li><li class="clearfix">';
                            }
                            allBerths+=1;
                            if (data[m].isOccupy == 1) {
                                html+=('<div class="caryard-berth-ifo-status-gray" title="'+data[m].berthNo+'">' + data[m].berthNo + '</div>');
                            } else if (data[m].isOccupy == 2) {
                                freeBerths+=1;
                                html+=('<div class="caryard-berth-ifo-status-green" title="'+data[m].berthNo+'">' + data[m].berthNo + '</div>');
                            }
                        }
                        var rate = '0.00%';
                        if ( 0 != allBerths) {
                            rate = (allBerths-freeBerths) / allBerths * 100;
                            rate = new Number(rate).toFixed(2) + '%';
                        }
                        $('#freeBerthNum').text(parseInt(freeBerths));
                        $('#useBerthNum').text(parseInt(allBerths)-parseInt(freeBerths));
                        $('#allBerthNum').text(parseInt(allBerths));
                    }

                }

            }
        }
        sysAjax(opt);
        html+='</li>';
        $('#caryard-berth-ifo-main').html(html);
        //$('#caryard-berth-ifo-main').css('display', 'block');
    },
    //根据停车场编码获取PDA信息
    getPDAInfoByPlNo: function (plNo,parkName) {
        var parknames=parkName;
        $('#pdaPop-tcc').text(parknames);
        var req = {
            baseRequest: {
                pageNum: 1,
                pageSize: 0
            },
            sysCode: sysComm.sysCode,
            plNo: plNo,
            pdaType:0,
//          pdaTypes:[0,1],
        }
        var opt = {
            method: 'post',
            url: dataUrl.util.queryParkPdaMonitor(),
            async: false,
            data: JSON.stringify(req),
            success: function (res) {
                if (res.code == '8888') {
                    //获取数据成功
                    var data = res.data;
                    $('.pda-information').html('');
                    //

                    if(data.length == 0){
                        $('.pda-information').append('<div class="park_berth_pda_none">未查询到具体PDA信息数据</div>');
                        return;
                    }
                    $.each(data, function (index, item) {
                        $('.pda-information').append(
                            "<li>"+
                            "<div title="+areaList(item.parkAreaNames)+">"+areaList(item.parkAreaNames)+"</div>"+
                            "<div title="+(item.pdaNo == null?'':item.pdaNo)+">"+(item.pdaNo == null?'':item.pdaNo)+"</div>"+
                            "<div>"+(item.chargerCode == null?'':item.chargerCode)+"</div>"+
                            "<div>"+(item.onlineFlg == "0"?'已签到':'已签退')+(item.onlineFlg == "0"?"<img src='../../assets/pages/scripts/operMonFile/img/check-status0.png'>":"<img src='../../assets/pages/scripts/operMonFile/img/check-status1.png'>")+"</div>"+
                            "<div>"+(item.distance).toFixed(1)+"米</div>"+
                            "</li>");
                    });
                    function areaList(regions){

                        var areaStr = '';
                        if(regions != null && regions !='' && regions != undefined){
                            areaStr = regions.replace('[','').replace("]",'');
                        }

                        /*if(regions != undefined && regions.length > 0){
                            $.each(regions, function (index, item) {
                                areaStr +=''+(item.parkAreaName == null?'':item.parkAreaName)+'';
                            })
                        }*/
                        return areaStr;
                    }
                }
            }
        }
        sysAjax(opt);
    },
    getDict: function (dictKind,first_flag) {
        var data = new Array();
        if (undefined == dictKind) {
            return null;
        }

        var req = {
            sysCode: sysComm.sysCode,
            sysCodeKind: dictKind
        }

        var opt = {
            data: JSON.stringify(req),
            method: "POST",
            async: false,
            url: dataUrl.util.getSysCodeValueByKind(),
            async: false,
            success: function (res) {
                console.log(res)
                if (res.code == '8888') {
                    //return res.data;
                    km = res.data[0].codeValue;

                    // 一开始就要展示所有数据
                    drawParkAndPdaMarker(parkData,first_flag);
                }
            }
        }
        sysAjax(opt);
    },
    drawPdaMarker:function(pdaData,map,flag){
        var clear_flag = false;
        //var map; //Map实例
        //后台传过来
        //map = new BMap.Map('allmap', {enableMapClick: false});
        //第1步：设置地图中心点，当前城市
        // var point = new BMap.Point(sysComm.point_lng, sysComm.point_lat);
        //第2步：初始化地图,设置中心点坐标和地图级别。
        //map.centerAndZoom(point, zoom);
        //map.setCurrentCity(sysComm.cityName);  // 设置地图显示的城市 此项是必须设置的
        //第3步：启用滚轮放大缩小
        map.enableScrollWheelZoom(true);
        //第4步：向地图中添加缩放控件
        var ctrlNav = new window.BMap.NavigationControl({
            // 靠右上角位置
            anchor: BMAP_ANCHOR_TOP_RIGHT,
            // LARGE类型
            type: BMAP_NAVIGATION_CONTROL_ZOOM,
            //偏离值
            offset: new BMap.Size(55, 80)
        });
        // map.addControl(ctrlNav);
        //第5步：检测浏览器兼容
        function checkhHtml5() {
            if (typeof(Worker) === "undefined") {
                if (navigator.userAgent.indexOf("MSIE 9.0") <= 0) {
                    alert("定制个性地图示例：IE9以下不兼容，推荐使用百度浏览器、chrome、firefox、safari、IE10");
                }

            }
        }
        checkhHtml5();

        var marker = [];
        var newpoiX = null;//坐标
        var newpoiY = null;
        var parkNo = null;//编号
        if(flag == 0){//默认加载的
            for (var i = 0; i < pdaData.length; i++) {
                newpoiX = pdaData[i].pointX;
                newpoiY = pdaData[i].pointY;
                parkNo = pdaData[i].parkNo;
                var point = new BMap.Point(newpoiX, newpoiY);
                //添加pda名称
                var myIcon = new BMap.Icon("../../assets/pages/scripts/operMonFile/img/pdaIco.png",
                    new BMap.Size(29, 40), {
                        offset: new BMap.Size(10, 40),
                        textColor: '#fff'
                    });

                marker[i] = new BMap.Marker(point, {icon: myIcon});
                map.addOverlay(marker[i]);
            }
        }else if(flag == 1){//条件查询的
            for(var i=0;i<pdaData.length;i++){
                //pda渲染
                newpoiX = pdaData[i].pointX;
                newpoiY = pdaData[i].pointY;
                parkName = pdaData[i].plName;
                var berthRangeName = pdaData[i].berthRangeName;
                berthRangeName = (berthRangeName&&berthRangeName!=null)?berthRangeName:'-';

                distance = pdaData[i].distance;
                chargerName= pdaData[i].chargerName;
                chargerCode= pdaData[i].chargerCode;
                console.log(chargerName+','+chargerCode);

                var pdapoint=new BMap.Point(newpoiX, newpoiY);
                //pda标题
                myLabels = new BMap.Label('<div class="showpdaName"><div>'+berthRangeName+'</div><div>'+chargerName+'</div></div>', {
                    offset: new BMap.Size(10, -35),                  //label的偏移量，为了让label的中心显示在点上
                    position: pdapoint});
                myLabels.setStyle({
                        color: "#F0F0F0",
                        fontSize: "12px",
                        padding: "5px",
                        whiteSpace: "normal",
                        backgroundColor: "rgba(0, 0, 0, 0)",
                        border: "0px",
                        zIndex: "1000"
                    }
                );
                map.addOverlay(myLabels);
                //添加pdaicon
                var myIconpda = new BMap.Icon("../../assets/pages/scripts/operMonFile/img/pdaIco.png",
                    new BMap.Size(29, 40), {
                        offset: new BMap.Size(10, 40),
                        textColor: '#fff'
                    });

                marker[i]= new BMap.Marker(pdapoint, {icon: myIconpda});

                marker[i].parkNo = pdaData[i].parkNo;
                marker[i].newpoiX = pdaData[i].pointX;
                marker[i].newpoiY = pdaData[i].pointY;
                marker[i].parkName = pdaData[i].parkName;
                marker[i].plType = pdaData[i].plType;
                marker[i].addEventListener("click", function (n) {

                    var newpoiY = n.target.newpoiY;
                    var parkNo = n.target.parkNo;
                    var parkName = n.target.parkName;
                    var newpoiX = n.target.newpoiX;
                    var plType = n.target.plType;
                    var rate = '0.00%';

                    fun.getBerthInfoByPlNo(parkNo, rate, plType,parkName);
                    fun.getPDAInfoByPlNo(parkNo,parkName);
                    $('#m_r_bar li').eq(0).click();
                    // $('#model-right').show();
                    $('#pdamon_alertmodel').modal('show');
                });

            }
            map.addOverlay(marker);
        }


        markerClusterer = new BMapLib.MarkerClusterer(map,
            {
                markers: marker,
                styles: [{
                    url: '../../assets/pages/scripts/operMonFile/img/map/PDA.png',
                    size: new BMap.Size(53, 52),
                    fontSize:'18px !important',
                    textColor:'#fff',
                    zIndex:0
                }],
            });
        markerClusterer.setMaxZoom(13);
    }
}

//获取停车场ids

//停车场名称
function showByPlNo(parkNo, parkpoiX, parkpoiY,parkName) {
    var parkNo = parkNo;
    var poix = parkpoiX;
    var poiy = parkpoiY;
    var parkName=parkName;
    var point = new BMap.Point(poix, poiy);
    myLabel = new BMap.Label('<div class="showplName">' + parkName + '</div>', {
        offset: new BMap.Size(10, -35),                  //label的偏移量，为了让label的中心显示在点上
        position: point});
    myLabel.setStyle({
            color: "#F0F0F0",
            fontSize: "12px",
            padding: "5px",
            whiteSpace: "normal",
            backgroundColor: "rgba(0, 0, 0, 0)",
            border: "0px",
            zIndex: "1000"
        }
    );
    // map.addOverlay(myLabel);
};


//    渲染地图
function drawParkAndPdaMarker(parkDatas,first_flag) {

    // console.log(parkDatas);
    // 添加百度地图
    var lonPark = parkDatas[0].pointX;
    var latPark = parkDatas[0].pointY;
    var map = new BMap.Map("allmap", {enableMapClick: false});
    map.clearOverlays();
    //后台传过来
    // var currentLat = 118.92234;
    // var currentLon = 42.259728;
    //第1步：设置地图中心点，当前城市
    var point = new BMap.Point(lonPark,latPark);
    //第2步：初始化地图,设置中心点坐标和地图级别。
    var zoom = 16;
    map.centerAndZoom(point, zoom);
    map.setCurrentCity(sysComm.cityName);  // 设置地图显示的城市 此项是必须设置的
    //第3步：启用滚轮放大缩小
    map.enableScrollWheelZoom(true);
    function checkhHtml5() {
        if (typeof(Worker) === "undefined") {
            if (navigator.userAgent.indexOf("MSIE 9.0") <= 0) {
                alert("定制个性地图示例：IE9以下不兼容，推荐使用百度浏览器、chrome、firefox、safari、IE10");
            }

        }
    }
    checkhHtml5();

    var marker = [];
    var newpoiX = null;//坐标
    var newpoiY = null;
    var parkNo = null;//编号
    var popAllnum = null;//停车场车位总数
    var popFree = null;//空闲车位
    var parkName = null;//停车场名称
    var plType = null;//停车场类型 :1:路内(占用道路停车位)，2-路外

    for (var i = 0; i < parkDatas.length; i++) {
        latPark=parkDatas[0].pointX;
        lonPark=parkDatas[0].pointY;
        newpoiX = parkDatas[i].pointX;
        newpoiY = parkDatas[i].pointY;

        parkNo = parkDatas[i].parkNo;
        popAllnum = parkDatas[i].allnum;
        popFree = parkDatas[i].free;
        parkName = parkDatas[i].parkName;
        plType = parkDatas[i].plType;
        var newPoint = new BMap.Point(newpoiX, newpoiY);

        var myIcon = new BMap.Icon("../../assets/pages/scripts/operMonFile/img/parkIcon1.png",
            new BMap.Size(30, 39), {
                offset: new BMap.Size(10, 39),
                textColor: '#fff'
            });

        marker[i] = new BMap.Marker(newPoint, {icon: myIcon});

        map.addOverlay(marker[i]);
        if(first_flag == 1){
            addCircle(km,newpoiX,newpoiY,parkName);
        }
        // marker[i].setLabel(label);


        marker[i].parkNo = parkDatas[i].parkNo;
        marker[i].newpoiX = parkDatas[i].pointX;
        marker[i].newpoiY = parkDatas[i].pointY;
        marker[i].Allnum = parkDatas[i].allnum;
        marker[i].Free = parkDatas[i].free;
        marker[i].parkName = parkDatas[i].parkName;
        marker[i].plType = parkDatas[i].plType;
        marker[i].addEventListener("click", function (n) {

            var newpoiY = n.target.newpoiY;
            var parkNo = n.target.parkNo;
            var parkName = n.target.parkName;
            var newpoiX = n.target.newpoiX;
            var freepop = Number(n.target.Free);
            var allnumpop = Number(n.target.Allnum);
            var plType = n.target.plType;
            var rate = '0.00%';
            if (null !== freepop && null != allnumpop) {
                rate = freepop / allnumpop * 100;
                rate = new Number(rate).toFixed(2) + '%';
            }

            fun.getBerthInfoByPlNo(parkNo, freepop, allnumpop, rate, plType,parkName);
            fun.getPDAInfoByPlNo(parkNo,parkName);
            $('#m_r_bar li').eq(0).click();
            // $('#model-right').show();
            $('#pdamon_alertmodel').modal('show');
        });
        //var parkNamepop=parkName;
        marker[i].addEventListener("mouseover", function (n) {

            var newpoiY = n.target.newpoiY;
            var parkNo = n.target.parkNo;
            var parkName = n.target.parkName;
            var newpoiX = n.target.newpoiX;

            showByPlNo(parkNo, newpoiX, newpoiY,parkName);
            map.addOverlay(myLabel);
        });
        marker[i].addEventListener("mouseout", function () {
            closeInfoWindow();
        })

    }
    markerClusterer = new BMapLib.MarkerClusterer(map,
        {
            markers: marker,
            styles: [{
                url: '../../assets/pages/scripts/operMonFile/img/map/index.png',
                size: new BMap.Size(53, 52),
                fontSize:'18px !important',
                textColor:'#fff',
                zIndex:0
            }],
        });
    markerClusterer.setMaxZoom(13);
    //添加Pda-marker
    pdaDatas = [];
    fun.getParkingPdaGeo(true);
    $.each(pdaData, function(index,item) {
        $.each(parkDatas, function(_index,_item) {
            if(item.parkNo == _item.parkNo){
                pdaDatas.push(item);
            }
        });
    });
    //条件查询
    if(first_flag == 1){
        fun.drawPdaMarker(pdaDatas,map,1);
    }

    // 停车场画圆 半径:hotKm
    function addCircle(km,parkpoiX,parkpoiY,parkName) {
        // var hotTit=parkDatas[i].parkName;

        var hotTit=parkName;
        var hotpoiX=parkpoiX;
        var hotpoiY=parkpoiY;
        var mPoint = new BMap.Point(hotpoiX,hotpoiY);

        //fillColor:"blue", strokeWeight: 1 ,fillOpacity: 0.3, strokeOpacity: 0.3
        var circle = new BMap.Circle(mPoint,km,{fillColor:"#1E95CD",stroke: "#1E95CD",strokeWeight: '2' ,fillOpacity: 0.2, strokeOpacity: 0.1});
        map.addOverlay(circle);
    }
}


//点击搜索 渲染地图 出停车场加pda 画圆
$(document).on('click','#pdaser-button',function () {
    fun.getParkLotInfoByPlNameLike();

})
//clear 停车场名称
function closeInfoWindow() {
    $(".showplName").css('display', 'none');
}
/**
 *弹窗切换
 **/
$('#ITD-alert-tab-wrap li').on('click', function () {
    var _index = $(this).index();
    $('#ITD-alert-tab-wrap>li').eq(_index).addClass('ITD-alert-tab-active').siblings().removeClass('ITD-alert-tab-active');
    $('#ITD-alertcon-tab-wrap>li').eq(_index).removeClass('display-none').siblings().addClass('display-none');

    if (0 == _index) {
        // fun.alertIfo();
    } else {
        // fun.loadParkDatas();
    }

});
//搜索按钮“取消”
$(".cancelBtn").on('click', function () {
    $(this).css("display", "none");
    $('.ser-inp-effect').css("display", "none");
    $(".ser-input").val("");
});

var flag = true;
$('#main-left').on('click',function () {
    if(flag){
        $('#main-wrap').animate({'right':'-328px'});
        $(this).addClass('click_right');
        flag =  false;
    }else{
        $('#main-wrap').animate({'right':'18px'});
        $(this).removeClass('click_right');
        flag =  true;
    }

});