| | |
|---|
| | | <div id="content">
|
|---|
| | | <div class="nav-map small">
|
|---|
| | | <!-- 电池分布图 -->
|
|---|
| | | <div class="side-bar abs">
|
|---|
| | | <div class="lside"></div>
|
|---|
| | | </div>
|
|---|
| | | <div class="china-map" id="map">
|
|---|
| | | <div class="img-change" style="display:none;">
|
|---|
| | | <div class="img-list">
|
|---|
| | |
|---|
| | | function createMapDot(map, dotList) {
|
|---|
| | | // 清空覆盖物和对应的mk点
|
|---|
| | | mkList = [];
|
|---|
| | | |
|---|
| | | // 遍历查询内容生成对应的图标
|
|---|
| | | for(var i = 0; i < dotList.length; i++) {
|
|---|
| | | var dotIcon = new BMap.Icon(getMapStateImg(mapImages, dotList[i].msg), new BMap.Size(36, 30)); // 设置图片
|
|---|
| | |
|
|---|
| | | var dotIcon = new BMap.Icon(getMapStateImg(mapImages, dotList[0].msg), new BMap.Size(36, 30)); // 设置图片
|
|---|
| | | var pt = new BMap.Point(dotList[i].lng, dotList[i].lat);
|
|---|
| | |
|
|---|
| | | var mk = new BMap.Marker(pt, {icon:dotIcon}); // 定义marker点
|
|---|
| | | var mk = new BMap.Marker(pt, {icon: dotIcon}); // 定义marker点
|
|---|
| | | addMenu(mk, mapDel);
|
|---|
| | | deletePoint(map, dotList[i].title);
|
|---|
| | | // 向mk点添加label
|
|---|
| | |
|---|
| | | map.addOverlay(mk);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | // |
|---|
| | |
|
|---|
| | | // 删除地图上的指定点
|
|---|
| | | function deletePoint(map, msg){
|
|---|
| | |
|---|
| | | success: function(data){
|
|---|
| | | data = eval('('+data+')');
|
|---|
| | | var list = eval('('+data.result+')');
|
|---|
| | | //console.info(list);
|
|---|
| | | console.log(list.length);
|
|---|
| | | allStation = new Array();
|
|---|
| | | if(list!=undefined && list.length>0){
|
|---|
| | | for(var i=0;i<list.length;i++){
|
|---|
| | | //console.info("第"+i+"次:"+model.data[i].binformation.num);
|
|---|
| | | //setAllStation(model.data[i],allStation);
|
|---|
| | | var tmp = {
|
|---|
| | | binformation:list[i].data,
|
|---|
| | | alarm_num:list[i].code, //告警数目
|
|---|
| | |
|---|
| | |
|
|---|
| | | //setTimeout(searchStation, 4000);
|
|---|
| | | }
|
|---|
| | | /* for(var i=0;i<allStation.length;i++){
|
|---|
| | | if(allStation[i].low_num>0){ //落后数目 |
|---|
| | | behindCellList.push(analyzeData(allStation[i]));
|
|---|
| | | //console.info(analyzeData(allStation[i]));
|
|---|
| | | }else if(allStation[i].alarm_num>0){ //告警数目
|
|---|
| | | warnDotList.push(analyzeData(allStation[i]));
|
|---|
| | | }else if(allStation[i].delay_num > 0){ //延时数目 |
|---|
| | | dischargeDotList.push(analyzeData(allStation[i]));
|
|---|
| | | }else{
|
|---|
| | | commonDot.push(analyzeData(allStation[i]));
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | |
|---|
| | | // 清空覆盖物和对应的mk点
|
|---|
| | | map.clearOverlays();
|
|---|
| | | mkList = [];
|
|---|
| | | |
|---|
| | | addCommonDotHome(commonDot);
|
|---|
| | | createWarnDot(map, warnDotList);
|
|---|
| | | dischargeTimeOut(map, dischargeDotList);
|
|---|
| | | behindDotCell(map, behindCellList); */
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | |
|---|
| | | img.attr('src', navImg);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | // siderbar模块
|
|---|
| | | $(function() {
|
|---|
| | | var TreeView = GLOBAL.pages.TreeView;
|
|---|
| | | var first = GLOBAL.pages.siderbar.first; // 一级导航
|
|---|
| | | var second = GLOBAL.pages.siderbar.second; // 二级导航
|
|---|
| | | var thirdFile = GLOBAL.pages.siderbar.thirdFile; // 三级导航
|
|---|
| | | var treeView = new TreeView($('.side-bar .lside'));
|
|---|
| | | // 设置容器可拖动
|
|---|
| | | $('.side-bar').resizable({
|
|---|
| | | handles: 'e',
|
|---|
| | | maxWidth: 520,
|
|---|
| | | minWidth: 200,
|
|---|
| | | alsoResize: $('.side-bar .lside'),
|
|---|
| | | resize:function() {
|
|---|
| | | treeView.setContainer();
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | // 生成一级导航-省
|
|---|
| | | first(treeView, treeView.container);
|
|---|
| | | |
|---|
| | | // 省->市
|
|---|
| | | treeView.ele.on('click', '.province', function() {
|
|---|
| | | var province = $(this).data('attr');
|
|---|
| | | second(treeView, $(this).parent(), province);
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | // 市->机房
|
|---|
| | | treeView.ele.on('click', '.city', function() {
|
|---|
| | | var city = $(this).data('attr');
|
|---|
| | | thirdFile(treeView, $(this).parent(), city);
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | // 点击机房定位
|
|---|
| | | treeView.ele.on('click', '.home', function() {
|
|---|
| | | var home = $(this).data('attr');
|
|---|
| | | var dev_id = home.FBSDeviceId;
|
|---|
| | | |
|---|
| | | searchStationById(home.StationId);
|
|---|
| | | // 根据设备id设置不同的图标
|
|---|
| | | if(eType.regType(dev_id, eType.type.equip61850)) {
|
|---|
| | | changeMapImgDesc($('#mapImgDesc'), '61850');
|
|---|
| | | }else {
|
|---|
| | | changeMapImgDesc($('#mapImgDesc'));
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | $('#map').on('dblclick', function() {
|
|---|
| | | setLside();
|
|---|
| | | treeView.setContainer();
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | // 设置lside的高度
|
|---|
| | | setLside();
|
|---|
| | | treeView.setContainer();
|
|---|
| | | setLside();
|
|---|
| | | $(window).resize(function() {
|
|---|
| | | setLside();
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | // 设置lside的高度函数
|
|---|
| | | function setLside() {
|
|---|
| | | var sideBar = $('.side-bar');
|
|---|
| | | var lside = $('.side-bar .lside');
|
|---|
| | | // 设置宽高
|
|---|
| | | lside.width(sideBar.width());
|
|---|
| | | lside.height(sideBar.height());
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html>
|
|---|
