| | |
| | | clear: both; |
| | | zoom: 1 |
| | | } |
| | | |
| | | .list-chart-span { |
| | | cursor: pointer; |
| | | background-color: #4c9bf1 |
| | | } |
| | | .list li { |
| | | padding: 10px 0; |
| | | border-bottom: 1px dotted #eee; |
| | | line-height: 40px; |
| | | height: 40px; |
| | | font-size: 20px; |
| | | cursor: pointer; |
| | | /*cursor: pointer;*/ |
| | | } |
| | | |
| | | .list span{ |
| | | float: right; |
| | | position: relative; |
| | | right: 18px; |
| | | right: 5px; |
| | | border-radius:4px; |
| | | width: 70px; |
| | | width: 40px; |
| | | text-align: center; |
| | | height: 24px; |
| | | line-height: 24px; |
| | | font-size: 16px; |
| | | font-size: 14px; |
| | | font-weight: bolder; |
| | | color: white; |
| | | margin: 10px 0; |
| | | padding:2px 0; |
| | | margin-right: 8px; |
| | |
| | | |
| | | .list .state01 { |
| | | background-color: #FF9; |
| | | color: #ff7f00; |
| | | } |
| | | |
| | | .list .state02 { |
| | |
| | | } |
| | | |
| | | .list .state04 { |
| | | |
| | | background-color: #eee; |
| | | color: #777 |
| | | /*background-color: #eee;*/ |
| | | /*color: #777 ;*/ |
| | | background-color: #738d99 ; |
| | | } |
| | | /* |
| | | * 外面盒子样式---自己定义 |
| | |
| | | function showEqus(obj) { |
| | | var params = moralMap['params']; |
| | | var mpoint = obj.currentTarget.getOption(); |
| | | var url = 'get-devices?mpId=' + mpoint['id'] + "&orgId=" + params['orgId']; |
| | | var url = 'get-devices-by-mid-oid?mpId=' + mpoint['id'] + "&orgId=" + params['orgId']; |
| | | listView.load(url); |
| | | moralMap.showPopupbox("#popup_box"); |
| | | } |
| | |
| | | } |
| | | function addOverEquipments(jsonData){ |
| | | if(moralMap.layer()=="equipments"){ |
| | | var objs = jsonData["rows"]==null?[]:jsonData["rows"]; |
| | | var objs = jsonData = null?[]:jsonData; |
| | | for(var i in objs) { |
| | | var obj = objs[i]; |
| | | if(moralMap.getEquipment(obj["mac"])==null){ |
| | | obj['mouseover'] = function (type) { |
| | | if(type.target.getData()==null){ |
| | | //当前设备数据为空时,设备悬停事件中 刷新一下数据 |
| | | refreshAllState(); |
| | | } |
| | | } |
| | | obj['click'] = function(){ |
| | | var _obj = this.getOption(); |
| | | var _obj = this.getOption(); |
| | | if(_obj['mac']==null){ |
| | | alert("mac项未配置,请联系管理员设置"); |
| | | return; |
| | | } |
| | | var equ = { |
| | | name: _obj['name'], |
| | | mac: (_obj['mac']).toLowerCase(), |
| | | longitude: _obj['longitude'], |
| | | latitude: _obj['latitude'], |
| | | version:moralMap.getVersion(_obj['mac']) |
| | | version:_obj['deviceVersion']['version'] |
| | | } |
| | | var equStr = JSON.stringify(equ); |
| | | if(window["console"]!=undefined){ |
| | |
| | | }); |
| | | //地图加载完成后 加载监控点,速度慢 |
| | | moralMap.addEventListener("tilesloaded", function(type, target) { |
| | | // var endZoom = this.getZoom(); |
| | | // if(endZoom>=moralMap.getZooMConfine()){//超过界限加载设备 |
| | | // loadOverlays("getequipments",addOverEquipments); |
| | | // }else{ |
| | | // loadOverlays("get-monitorpoints",addOverMpoints); |
| | | // } |
| | | // moralMap.closePopupbox("#popup_box"); |
| | | }); |
| | | // 点击事件关闭 弹窗列表 |
| | | moralMap.addEventListener("click", function(type, target) { |
| | | moralMap.closePopupbox("#popup_box"); |
| | | }); |
| | | //地图放大缩小事件时,关闭弹窗 |
| | | moralMap.addEventListener('zoomstart', function(type) {}); |
| | | //地图放大缩小事件时,关闭弹窗 |
| | | moralMap.addEventListener('zoomend', function(type) { |
| | | var endZoom = this.getZoom(); |
| | | if(endZoom>=moralMap.getZooMConfine()){//超过界限加载设备 |
| | | loadOverlays("getequipments",addOverEquipments); |
| | | loadOverlays("get-devices",addOverEquipments); |
| | | }else{ |
| | | loadOverlays("get-monitorpoints",addOverMpoints); |
| | | } |
| | |
| | | moralMap.addEventListener('moveend', function(type) { |
| | | var endZoom = this.getZoom(); |
| | | if(endZoom>=moralMap.getZooMConfine()){//超过界限加载设备 |
| | | loadOverlays("getequipments",addOverEquipments); |
| | | loadOverlays("get-devices",addOverEquipments); |
| | | }else{ |
| | | loadOverlays("get-monitorpoints",addOverMpoints); |
| | | } |
| | |
| | | } |
| | | setTimeout(function(){ |
| | | refreshAllState(); |
| | | },2000); |
| | | },5000); |
| | | } |
| | | function stopRefreshPage(){ |
| | | window.clearInterval(_intervalNum); |
| | |
| | | parma["orgId"] = moralMap['params']["orgId"]; |
| | | $.ajax({ |
| | | type: "post", |
| | | url: "getstatesformap", |
| | | url: "get-real-state-data", |
| | | data:JSON.stringify(parma), |
| | | dataType:"json", |
| | | contentType:"application/json;charset=utf-8", |