BJ_web_developers / hsparkingcloud

  /*侧栏*/
  $(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;
      }
  
  });