From bd432a43162a6c9bb4b2fa0b11b07fd86af531c8 Mon Sep 17 00:00:00 2001
From: LiJun <LiJun@192.168.10.24>
Date: 星期一, 12 十一月 2018 15:08:05 +0800
Subject: [PATCH] 机房流量统计查询页面中的首次加载页面选中指定的机房功能完成

---
 gx_tieta/WebRoot/index.jsp |  667 +++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 494 insertions(+), 173 deletions(-)

diff --git a/gx_tieta/WebRoot/index.jsp b/gx_tieta/WebRoot/index.jsp
index d81e5ce..a92b69e 100644
--- a/gx_tieta/WebRoot/index.jsp
+++ b/gx_tieta/WebRoot/index.jsp
@@ -24,10 +24,12 @@
     
     <title><s:text name="HomePage"></s:text></title>
 	<meta name="renderer" content="webkit">
+	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 	<!-- 瀵煎叆鐧惧害鍦板浘API -->
+	<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
 	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=QAerSFEiGDCx1oHPB7Z5XYcBHI6R3qwx"></script>
 	<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
-	<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
+	<script type="text/javascript" src="js/AreaRestriction_min.js"></script>
 	<link href="css/basic.css" type="text/css" rel="stylesheet" />
 	<link href="css/common.css" type="text/css" rel="stylesheet" />
 	<link href="css/index_layout.css" type="text/css" rel="stylesheet" />
@@ -37,7 +39,7 @@
 	<link rel="stylesheet" href="src/css/layui.css">
 	<link rel="stylesheet" href="pages/css/mylayui.css">
 	<style type="text/css">
-		#map .explain-header:hover {
+		.explain-header:hover {
 			cursor: pointer;
 			background-color: #84ABFA !important;
 			color: #D6D1D1
@@ -83,12 +85,17 @@
 			overflow-y: auto; 
 			overflow-x: hidden;
     	}
+    	.BMapLib_bubble_content a {
+    		color: #2A3AF0;
+    	}
+    	.BMapLib_bubble_content a:hover {
+    		text-decoration: underline;
+    	}
     	body .layui-layer-dialog {
     		min-width:400px;
     	}
 	</style>
 	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
-	
 	<script type="text/javascript" src="js/echarts.js"></script>
 	<script type="text/javascript" src="js/createTab.js"></script>
 	
@@ -102,21 +109,69 @@
 		<jsp:include page="nav.jsp" flush="true"/>
 		<!--瀵艰埅缁撴潫-->
 		<div id="content">
-			<!-- <div id="mapStatusOpts" class="map-status-container">
-				<div class="layui-form layui-form-pane">
-					<label class="layui-form-label">鏈烘埧绫诲瀷</label>
-					<div class="layui-input-inline">
-						<select name="warnType" id="warnType">
-							 <option value="0">鍏ㄩ儴</option>
-							 <option value="1">钀藉悗</option>
-							 <option value="2">鍛婅</option>
-							 <option value="3">寤舵椂</option>
-							 <option value="4">姝ｅ父</option>
-						</select>
+			
+			<div class="nav-map small">
+				<!-- 鍦板浘鍐呭绛涢��  -->
+				<div class="map-info-panel-left w300">
+					<div class="map-info-panel-content">
+						<div class="map-info" id="showMapInfoDetail">
+							<span>鍦板浘宸ュ叿</span>
+							<span class="map-info-btn-icon" title="璇︽儏"><i class="fa fa-angle-double-down"></i></span>
+						</div>
+						<div class="map-info-detail">
+							<div class="layui-collapse" lay-filter="test" lay-accordion="">
+								<div class="layui-colla-item">
+									<h2 class="layui-colla-title">瀹氫綅鏈烘埧</h2>
+									<div class="layui-colla-content layui-show">
+										<table>
+											<tbody>
+												<tr>
+													<td class="w5em alg-c f-bold">鏈烘埧鍚嶇О:</td>
+					                				<td><input type="text" id="mapToolSearch"></td>
+												</tr>
+												<tr>
+					                				<td colspan="2" class="alg-r btn-container">
+					                					<button type="button" value="鎼滅储" id="mapToolSearchBtn" class="mrr8">鎼滅储</button>
+					                				</td>
+					                			</tr>
+											</tbody>
+										</table>
+									</div>
+								</div>
+								<div class="layui-colla-item" id="permitAddHome">
+									<h2 class="layui-colla-title">娣诲姞鏈烘埧</h2>
+									<div class="layui-colla-content">
+					                	<table id="mapToolAddHome">
+					                		<tbody>
+					                			<tr>
+					                				<td class="w4em alg-c f-bold">缁忓害:</td>
+					                				<td><input type="text" class="lng"></td>
+					                			</tr>
+					                			<tr>
+					                				<td class="w4em alg-c f-bold">绾害:</td>
+					                				<td><input type="text" class="lat"></td>
+					                			</tr>
+					                			<tr>
+					                				<td class="w4em alg-c f-bold">绫诲瀷:</td>
+					                				<td>
+					                					<input type="radio" class="pointStyle" name="pointStyle" value="0" checked><span class="mrr8">GPS</span>
+					                					<input type="radio" class="pointStyle" name="pointStyle" value="1"><span class="mrr8">鐧惧害</span>
+					                					<input type="radio" class="pointStyle" name="pointStyle" value="2"><span class="mrr8">鑵捐/楂樺痉</span>
+					                				</td>
+					                			</tr>
+					                			<tr>
+					                				<td colspan="2" class="alg-r btn-container">
+					                					<button type="button" value="娣诲姞" id="mapToolAddHomeBtn" class="mrr8">娣诲姞</button>
+					                				</td>
+					                			</tr>
+					                		</tbody>
+					                	</table>
+					                </div>
+								</div>
+							</div>
+						</div>
 					</div>
 				</div>
-			</div> -->
-			<div class="nav-map small">
 				<!-- 鐢垫睜鍒嗗竷鍥� -->
 				<div class="china-map" id="map">
 					<div class="img-change" style="display:none;">
@@ -338,6 +393,7 @@
 	<script type="text/javascript" src="pages/js/common.js"></script>
 	<script type="text/javascript" src="pages/js/pages/siderbar.js"></script>
 	<script type="text/javascript" src="pages/js/pages/index-common.js"></script>
+	<script type="text/javascript" src="pages/js/GPS.js"></script>
 	<script type="text/javascript" src="js/panel.js"></script>
 	<script type="text/javascript" src="js/search.js"></script>
 	<script type="text/javascript" src="js/changePinYin.js"></script>
@@ -364,6 +420,7 @@
 	var search;
 	var warnOpts;
 	//console.info(BMap);
+	var mapDefults = new Image().src = 'image/mapDefault.gif';
 	var mapImages = getMapImageUrl();
 	// 瀹氫箟鐪�-甯傝祫婧愬唴瀹�
 	var area = [
@@ -504,12 +561,16 @@
 	});
 	
 	$(function() {	// 鏄剧ず鍜岄殣钘忓浘鏍囪鏄�
-		$('#map').on('click', '.explain-header', function() {
-			$('#map .explain-list').fadeToggle();
+		$('.nav-map').on('click', '.explain-header', function() {
+			$('.explain-list').fadeToggle();
 		});
 		
 		$('#map').on('dblclick', '.explain-header', function() {
 			return false;
+		});
+		
+		$('.nav-map').on('click', '.explain-list input', function() {
+			setMapImgStyles();
 		});
 	});
 	
@@ -591,7 +652,7 @@
 				centerMapByPoint(map); // 鏍规嵁褰撳墠鐢ㄦ埛璁惧畾鐨勪綅缃樉绀轰腑蹇冪偣
 				map.enableScrollWheelZoom();
 				map.disableDoubleClickZoom();
-				map.setMapStyle({style: 'grayscale'});	//  璁剧疆鍦板浘鐨勯鏍�
+				//map.setMapStyle({style: 'grayscale'});	//  璁剧疆鍦板浘鐨勯鏍�
 				// 娣诲姞鍦板浘绫诲瀷鎺т欢
 				map.addControl(new BMap.MapTypeControl());
 				// 缁欏湴鍥炬坊鍔犲伐鍏锋潯(鍦板浘-鍗槦-涓夌淮)鍜屾瘮渚嬪昂鎺т欢
@@ -632,6 +693,17 @@
 				var menu = new BMap.ContextMenu();
 				var txtMenuItem = [
 					{
+						text: '璁剧疆涓績鐐�',
+						callback: function(e) {
+							myConfirm.show({
+								title: '璁剧疆鍦板浘榛樿鏄剧ず浣嶇疆',
+								content: '鏄惁纭淇敼鍦板浘榛樿涓績鍧愭爣',
+								enfun:updateMapCenterPoint,
+								enparams:[e]
+							});
+						}
+					},
+					{
 						text: '鎼滅储鍦板潃',
 						callback: function(e) {
 							search.showSearch();
@@ -652,15 +724,11 @@
 							smallMap();
 						}
 					},
+					
 					{
-						text: '璁剧疆涓績鐐�',
-						callback: function(e) {
-							myConfirm.show({
-								title: '璁剧疆鍦板浘榛樿鏄剧ず浣嶇疆',
-								content: '鏄惁纭淇敼鍦板浘榛樿涓績鍧愭爣',
-								enfun:updateMapCenterPoint,
-								enparams:[e]
-							});
+						text: '杩斿洖涓績鐐�',
+						callback: function(e){
+							centerMapByPoint(map); // 鏍规嵁褰撳墠鐢ㄦ埛璁惧畾鐨勪綅缃樉绀轰腑蹇冪偣
 						}
 					}
 				];
@@ -1365,6 +1433,7 @@
 	});
 	
 	$(window).resize(function() {
+		console.log(123);
 		getMapHt();
 	});
 	// 鏀瑰彉div鐨勫ぇ灏�
@@ -1468,9 +1537,11 @@
 		
 		changeMapImgDesc(iconExplain, 'normal');
 		
-		mapEle.prepend(iconExplain);
+		mapEle.parent().append(iconExplain);
+		
+		// 璁剧疆鍦板浘鍥炬爣绉嶇被
+		setMapImgStyles();
 	}
-	
 	// 鍒囨崲鍦板浘鍥炬爣璇存槑
 	function changeMapImgDesc(iconExplain, type) {
 		iconExplain.find('.explain-list').remove();
@@ -1488,35 +1559,55 @@
 	function mapImgDescNormal(iconExplain) {
 		// 鏈烘埧钀藉悗
 		var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
-		var icon = $('<img src="'+mapImages.behind+'" style="float:left">');
-		var span = $('<span style="line-height: 30px; text-align:center; margin-left: 4px">鐢垫睜缁勮惤鍚庢満鎴�</span>');
-		iconList.append(icon);
+		var input = $('<input type="checkbox" data-img="item-behind" checked="checked">');
+		var icon = $('<img src="'+mapImages.behind+'">');
+		var span = $('<span>鐢垫睜缁勮惤鍚庢満鎴�</span>');
+		iconList.append(input);
 		iconList.append(span);
+		iconList.append(icon);
 		iconExplain.append(iconList);
 		
 		// 鏈烘埧鍛婅
 		var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
-		var icon = $('<img src="'+mapImages.warn+'" style="float:left;">');
-		var span = $('<span style="line-height: 30px; text-align:center; margin-left: 4px">鐢垫睜缁勫憡璀︽満鎴�</span>');
-		iconList.append(icon);
+		var input = $('<input type="checkbox" data-img="item-warn" checked="checked">');
+		var icon = $('<img src="'+mapImages.warn+'">');
+		var span = $('<span>鐢垫睜缁勫憡璀︽満鎴�</span>');
+		iconList.append(input);
 		iconList.append(span);
+		iconList.append(icon);
 		iconList.append('<div class="clear"></div>');
 		iconExplain.append(iconList);
 		
+		
+		
 		// 鏈烘埧寤舵椂
 		var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
-		var icon = $('<img src="'+mapImages.timeout+'" style="float:left">');
-		var span = $('<span style="line-height: 30px; text-align:center; margin-left: 4px">鐢垫睜缁勬斁鐢靛欢鏃舵満鎴�</span>');
-		iconList.append(icon);
+		var input = $('<input type="checkbox" data-img="item-timeout" checked="checked">');
+		var icon = $('<img src="'+mapImages.timeout+'">');
+		var span = $('<span>鐢垫睜缁勬斁鐢靛欢鏃舵満鎴�</span>');
+		iconList.append(input);
 		iconList.append(span);
+		iconList.append(icon);
+		iconExplain.append(iconList);
+		
+		// 鍋滅數鏈烘埧
+		var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
+		var input = $('<input type="checkbox" data-img="item-poff" checked="checked">');
+		var icon = $('<img src="'+mapImages.powercut+'">');
+		var span = $('<span>鍋滅數鏈烘埧</span>');
+		iconList.append(input);
+		iconList.append(span);
+		iconList.append(icon);
 		iconExplain.append(iconList);
 		
 		// 姝ｅ父鏈烘埧
 		var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
-		var icon = $('<img src="'+mapImages.normal+'" style="float:left">');
-		var span = $('<span style="line-height: 30px; text-align:center; margin-left: 4px">姝ｅ父鏈烘埧</span>');
-		iconList.append(icon);
+		var input = $('<input type="checkbox" data-img="item-normal" checked="checked">');
+		var icon = $('<img src="'+mapImages.normal+'">');
+		var span = $('<span>姝ｅ父鏈烘埧</span>');
+		iconList.append(input);
 		iconList.append(span);
+		iconList.append(icon);
 		iconExplain.append(iconList);
 	}
 	
@@ -1526,16 +1617,16 @@
 		var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
 		var icon = $('<img src="'+mapImages.nuclear+'" style="float:left">');
 		var span = $('<span style="line-height: 30px; text-align:center; margin-left: 4px">鏍稿/鍋滅數鏀剧數</span>');
-		iconList.append(icon);
 		iconList.append(span);
+		iconList.append(icon);
 		iconExplain.append(iconList);
 		
 		// 鍛婅
 		var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
 		var icon = $('<img src="'+mapImages.devalarm+'" style="float:left;">');
 		var span = $('<span style="line-height: 30px; text-align:center; margin-left: 4px">61850璁惧鍛婅</span>');
-		iconList.append(icon);
 		iconList.append(span);
+		iconList.append(icon);
 		iconList.append('<div class="clear"></div>');
 		iconExplain.append(iconList);
 		
@@ -1543,16 +1634,16 @@
 		var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
 		var icon = $('<img src="'+mapImages.precharge+'" style="float:left">');
 		var span = $('<span style="line-height: 30px; text-align:center; margin-left: 4px">61850棰勫厖鐢�</span>');
-		iconList.append(icon);
 		iconList.append(span);
+		iconList.append(icon);
 		iconExplain.append(iconList);
 		
 		// 鍦ㄧ嚎娴厖
 		var iconList = $('<div class="explain-list" style="padding: 4px 6px; border-bottom: 1px slid #ccc; display:block"></div>');
 		var icon = $('<img src="'+mapImages.float+'" style="float:left">');
 		var span = $('<span style="line-height: 30px; text-align:center; margin-left: 4px">61850鍦ㄧ嚎娴厖</span>');
-		iconList.append(icon);
 		iconList.append(span);
+		iconList.append(icon);
 		iconExplain.append(iconList);
 	}
 	
@@ -1602,17 +1693,16 @@
 	}
 	
 	// 鐢熸垚鍦板浘鍥炬爣
-	function createMapDot(map, dotList) {
+	function createMapDot(map, dotList, isTop) {
 		// 娓呯┖瑕嗙洊鐗╁拰瀵瑰簲鐨刴k鐐�
 		mkList = [];
-		
 		// 閬嶅巻鏌ヨ鍐呭鐢熸垚瀵瑰簲鐨勫浘鏍�
-		for(var i = 0; i < dotList.length; i++) {
+		for(var i = 0; i<dotList.length; i++) {
+			var isShow = checkMapImgStyle(dotList[i].msg);
 			var dotIcon = new BMap.Icon(getMapStateImg(mapImages, dotList[i].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鐐�
-			
 			// 鍒犻櫎鎸囧畾鐨勭偣(璇ョ偣浼氬湪鏈嚱鏁板悗闈㈤噸鏂板垱寤�)
 			deletePoint(map, dotList[i].title);
 			
@@ -1637,16 +1727,65 @@
 				//showMapPanel(target, dotList);
 				searchPanelInfo(target);
 			});
+			
+			if(isTop) {
+				mk.setTop(true);
+			}
+			
 			mkList.push(mk);
 			// 鍚戝湴鍥炬坊鍔犺鐩栫墿
-			map.addOverlay(mk);
+			if(isShow) {
+				map.addOverlay(mk);
+			}
 		}
+	}
+	
+	// 鏇存柊鍦板浘鍥炬爣
+	function updateMapDotIcon(map, dotList, isTop) {
+		// 閬嶅巻鏌ヨ鍐呭鐢熸垚瀵瑰簲鐨勫浘鏍�
+		for(var i = 0; i<dotList.length; i++) {
+			var isShow = checkMapImgStyle(dotList[i].msg);
+			var dotIcon = new BMap.Icon(getMapStateImg(mapImages, dotList[i].msg), new BMap.Size(36, 30));	// 璁剧疆鍥剧墖
+			var mk =  getMapMarker(map, dotList[i].title);
+			if(mk) {
+				// 璁剧疆鍦板浘鍥炬爣
+				mk.setIcon(dotIcon);
+				
+				// 灏嗗凡缁忓畨瑁呯殑鏄剧ず鍦ㄩ《閮�
+				if(isTop) {
+					mk.setTop(true);
+				}
+				
+				// 闅愯棌marker鐐�
+				isShow?mk.show():mk.hide();
+			}
+		}
+	}
+	
+	// 鑾峰彇鍦板浘鍥炬爣
+	function getMapMarker(map, msg) {
+		var rs = false;
+		var allOverlay = map.getOverlays();
+		for (var i = 0; i < allOverlay.length; i++){
+			try{
+				if(allOverlay[i].getLabel().content == msg){
+					rs = allOverlay[i];
+					return rs;
+				}
+			}catch(e) {
+			
+			}
+			
+		}
+		
+		return rs;
+		
 	}
 	
 	// 鍒犻櫎鍦板浘涓婄殑鎸囧畾鐐�
 	function deletePoint(map, msg){
 		var allOverlay = map.getOverlays();
-		for (var i = 0; i < allOverlay.length -1; i++){
+		for (var i = 0; i < allOverlay.length; i++){
 			try{
 				if(allOverlay[i].getLabel().content == msg){
 					map.removeOverlay(allOverlay[i]);
@@ -1659,6 +1798,35 @@
 		}
 	}
 	
+	// 鑾峰彇鍦板浘闇�瑕佹樉绀哄浘鏍囩殑绫诲瀷
+	var magImgStyles = [];
+	
+	function setMapImgStyles() {
+		var ipts = $('#mapImgDesc .explain-list input');
+		magImgStyles = [];
+		ipts.each(function(i) {
+			var imgStyle = $(this).data('img');
+			if($(this).is(':checked')) {
+				magImgStyles.push(imgStyle);
+			}
+		});
+		magImgStyles.push('');
+		// 鏍规嵁褰撳墠鍐呭鏇存柊鍦板浘鍥炬爣
+		//searchStation();
+	}
+	
+	// 妫�娴嬪綋鍓嶅浘鏍囨槸鍚︾鍚�
+	function checkMapImgStyle(imgStyle) {
+		var isShow = false;
+		for(var i=0; i<magImgStyles.length; i++) {
+			if(magImgStyles[i] == imgStyle) {
+				isShow = true;
+				break;
+			}
+		}
+		
+		return isShow;
+	}
 	// 鍒涘缓鍛婅鐐�
 	function createWarnDot(map, warnDotList) {
 		for(var i = 0; i < warnDotList.length; i++) {
@@ -1763,7 +1931,7 @@
 	
 	function showMapPanel(target, warnList) {
 		var point = target.point;
-		console.log(target.getLabel());
+		//console.log(target.getLabel());
 		var searchInforWin = null;
 		for(var i = 0; i < warnList.length; i++) {
 			if(warnList[i].lng == point.lng && warnList[i].lat == point.lat) {
@@ -1897,6 +2065,8 @@
 	function getAddHomeInfo() {
 		var lng = $('.add-panel .lng').text();								// 鑾峰彇缁忓害
 		var lat = $('.add-panel .lat').text();								// 鑾峰彇绾害
+		var wgsPoint = GPS.bd2wgs(lat, lng);								// 鐧惧害鍦板浘鍧愭爣杞寲涓篏PS
+		
 		var addr = $('.add-panel .addr').text();							// 鑾峰彇鍦板潃
 		var homeName = $('.add-panel select option:selected').text();		// 鏈烘埧鍚嶇О
 		var homeId = $('.add-panel select option:selected').val();			// 鏈烘埧ID
@@ -1905,8 +2075,8 @@
 				StationId:homeId,			//鏈烘埧缂栧彿
 				StationName:homeName,		//鏈烘埧鍚嶇О
 				Address:addr,				//鏈烘埧鐗╃悊淇℃伅
-				longitude:lng,				// 缁忓害
-				latitude:lat,				// 绾害
+				longitude: wgsPoint.lon,				// 缁忓害
+				latitude: wgsPoint.lat,				// 绾害
 				information:"",				//澶囨敞
 			};
 			var json = JSON.stringify(temp);
@@ -1989,6 +2159,16 @@
 		// 鏍规嵁鍙鑼冨洿鏄剧ず鍧愭爣鐐�
 		var dots = [];
 		var currMarkers = {};
+		
+		// 鍒濆鍖�
+		function init() {
+			dots = [];
+			currMarkers = {};
+		}
+		// init鍑芥暟缁戝畾鍒癎LOBAL.BMap涓�
+		gl.BMap.init = init;
+		
+		
 		// 鏌ヨ褰撳墠鑼冨洿鍐呭鐨勫浘鏍�
 		function queryInRect(map, callback) {
 			var cp = map.getBounds(); // 杩斿洖map鍙鍖哄煙锛屼互鍦扮悊鍧愭爣琛ㄧず  
@@ -2108,22 +2288,21 @@
 	
 	var allStation = [];
 	var mapPages = {
-		pageSize:100, 				// 姣忛〉鐨勮鏁�
+		pageSize:50, 				// 姣忛〉鐨勮鏁�
 		pageCurr:1,  				// 褰撳墠椤电爜鏁�
 		pageAll:1,					// 鏁扮洰
 		pageNum: 0,
 		pageNew: true
 	};
+	
 	//鏌ヨ鏈烘埧
 	function searchStation(setRect){
 		var temp = createSearchParam();
 		var json = JSON.stringify(temp);
 		var bmap = GLOBAL.BMap;		// BMap鐨勫懡鍚嶇┖闂�
-		var bmap_s = bmap.Search;	// Search鐨勫懡鍚嶇┖闂�
-		commonDot = new Array();
-		warnDotList = new Array();
-		dischargeDotList = [];
-		behindCellList = [];
+		var init = bmap.init;
+		//init();
+		// 鏌ヨ鍚庡彴
 		$.ajax({ 	
 	        type: "post", 				
 	        //url: "BattMap_informationAction!searchAll",				
@@ -2142,21 +2321,25 @@
 					// 璁剧疆鍒嗛〉淇℃伅
 					mapPages.pageAll = list.length;
 					setMapPages();
-					
+					//console.log(123);
 					// 閬嶅巻鏌ヨ缁撴灉
 					for(var i=0;i<list.length;i++){
 						var _list = list[i];
 						allStation.push(formatAllStation(_list));
 					}
-					
 					// 鏄剧ず鍖哄煙鐨勫浘鏍�
 					bmap.setDots(allStation);
 					bmap.queryInRect(map, createMapDot);
+					updateStation();
+					
+					// 鏇存柊灏忓伐鍏锋悳绱㈡満鎴垮姛鑳�
+					updateSearchSource(allStation);
+					
 					// 鏄惁绗竴娆℃墽琛�
 					if(setRect) {
 						map.addEventListener("moveend", bmap.queryInRect.bind({},map, createMapDot));  // 鎷栧姩
 						map.addEventListener("zoomend", bmap.queryInRect.bind({},map, createMapDot)); // 缂╂斁
-						updateStation();
+						
 					}
 				}
         	} 				
@@ -2166,9 +2349,11 @@
 	// 鏍煎紡鍖栨煡璇㈢粨鏋�
 	function formatAllStation(list) {
 		var obj = new Object();
+		// GPS鍧愭爣杞寲涓虹櫨搴﹀潗鏍�
+		var point = GPS.wgs2bd(list.latitude, list.longitude);
 		// 鏋勯�犵粨鏋滈泦
-		obj.lng = list.longitude;
-		obj.lat = list.latitude;
+		obj.lng = point.lon;
+		obj.lat = point.lat;
 		obj.title = list.StationName;
 		obj.sId = list.StationId;
 		obj.fbsId = list.FBSDeviceId;
@@ -2197,6 +2382,7 @@
 	        data: "json="+JSON.stringify(mapPages),
 	        success: function(result) {
 	        	var data = JSON.parse(result.result);
+	        	//console.log(data);
 	        	for(var i=0; i<data.length; i++) {
 	        		var _data = data[i];
 	        		var _list =  formatUpdateStation(_data);
@@ -2208,16 +2394,16 @@
 	        		}
 	        	}
 	        	
-	        	createMapDot(map, updateStationData);
-	        	
+	        	updateMapDotIcon(map, updateStationData, true);
 	        	// 鏇存柊鍒嗛〉淇℃伅
 	        	mapPages.pageCurr++;
-	        	if(mapPages.pageCurr>mapPages.pageNum) {
+	        	if(mapPages.pageCurr>mapPages.pageNum || updateStationData.length<mapPages.pageSize) {
 	        		mapPages.pageCurr=1;
 	        		mapPages.pageNew=false;
 	        	}
 	        	
 	        	setTimeout(updateStation, 4000);
+	        	
 	        }
 		});
 	}
@@ -2226,9 +2412,12 @@
 	function formatUpdateStation(list) {
 		var obj = {};
 		var data = list.data;
+		//console.log(list);
+		// GPS鍧愭爣杞寲涓虹櫨搴﹀潗鏍�
+		var point = GPS.wgs2bd(data.latitude, data.longitude);
 		// 鏋勯�犵粨鏋滈泦
-		obj.lng = data.longitude;
-		obj.lat = data.latitude;
+		obj.lng = point.lon;
+		obj.lat = point.lat;
 		obj.title = data.StationName;
 		obj.sId = data.StationId;
 		obj.fbsId = data.FBSDeviceId;
@@ -2238,15 +2427,27 @@
 		return obj;
 	}
 	
+	// 鏍规嵁allStation鐨勫�煎幓鏇存柊鍐呭
+	function updateMapByAllStation() {
+		var bmap = GLOBAL.BMap;		// BMap鐨勫懡鍚嶇┖闂�
+		var init = bmap.init; // 鍒濆鍖栧唴瀹�
+		
+		// 鍒濆鍖栧湴鍥惧唴瀹�
+		init();
+		
+		// 鏄剧ず鍖哄煙鐨勫浘鏍�
+		bmap.setDots(allStation);
+		bmap.queryInRect(map, createMapDot);
+	}
+	
 	// 鏌ヨ鏈烘埧闈㈡澘淇℃伅
 	function searchPanelInfo(data) {
-		var point = data.point;
+		var point = new BMap.Point(data.point.lng, data.point.lat);
 		var stationInfo = getStaionByPoint(point);
 		if(!stationInfo) {
 			alert('闈㈡澘淇℃伅鏌ヨ澶辫触锛�');
 			return;
 		}
-		
 		var temp = {
 			StationId: stationInfo.sId
 		};
@@ -2261,7 +2462,7 @@
 				var rs = JSON.parse(result.result);
 				if(rs.length != 0) {
 					var data = rs[0];
-					console.info(data);
+					//console.info(data);
 					var content = '<div style="padding:6px;"><span>钃勭數姹犵粍鍛婅鏁扮洰锛�</span>'+data.code+'<a style="margin-left: 14px" href="javascript:loadToWarnPage();">璇︽儏>></a></div>'+
 							'<div style="padding:6px;"><span>钃勭數姹犵粍钀藉悗鏁扮洰锛�</span>'+data.sum+'<a style="margin-left: 14px" href="javascript:loadToBehindPage();">璇︽儏>></a></div>'+
 							'<div style="padding:6px;"><span>钃勭數姹犵粍寤舵椂鏁扮洰锛�</span>'+data.newsum+'<a style="margin-left: 14px" href="javascript:loadToDischargeDelay();">璇︽儏>></a></div>'+
@@ -2269,6 +2470,7 @@
 							'<div style="padding:6px;"><span>鍦板潃锛�</span>'+data.data.Address+'</div>'+
 							'<input type="hidden" class="ipt-hide home" value="'+data.data.StationName+'">'+
 							'<input type="hidden" class="ipt-hide province" value="'+data.data.stationName1+'">'+
+							'<input type="hidden" class="ipt-hide county" value="'+data.data.stationName5+'">'+							
 							'<input type="hidden" class="ipt-hide city" value="'+data.data.stationName2+'">';
 					
 					var list = {
@@ -2410,7 +2612,10 @@
 		var home = $('.ipt-hide.home').val();
 		var province = $('.ipt-hide.province').val();
 		var city = $('.ipt-hide.city').val();
-		window.open('control.jsp?province='+province+'&city='+city+'&home='+home);
+		var county = $('.ipt-hide.county').val();
+		var url = skipUrl('control.jsp',province,city,county,home);
+		window.open(url);
+		//window.open('control.jsp?province='+province+'&city='+city+'&home='+home);
 	}
 
 	// 瀹氫綅鍒板巻鍙叉暟鎹〉闈�
@@ -2418,27 +2623,49 @@
 		var home = $('.ipt-hide.home').val();
 		var province = $('.ipt-hide.province').val();
 		var city = $('.ipt-hide.city').val();
-		window.open('charge-test.jsp?province='+province+'&city='+city+'&home='+home);
+		var county = $('.ipt-hide.county').val();
+		var url = skipUrl('charge-test.jsp',province,city,county,home);
+		window.open(url);
+		//window.open('charge-test.jsp?province='+province+'&city='+city+'&home='+home);
 	}
 	
 	//瀹氫綅鍒板憡璀﹂〉闈�
 	function loadToWarnPage() {
+		var home = $('.ipt-hide.home').val();
+		var province = $('.ipt-hide.province').val();
+		var city = $('.ipt-hide.city').val();
+		var county = $('.ipt-hide.county').val();
+		var url = skipUrl('elewarn.jsp',province,city,county,home);
+		window.open(url);
 		// console.info($('.ipt-hide').val());
-		var stationId = $('.ipt-hide').eq(1).val();
-		window.open('elewarn.jsp?stationId='+stationId);
+		//var stationId = $('.ipt-hide').eq(1).val();
+		//window.open('elewarn.jsp?stationId='+stationId);
 	}
 
 	// 瀹氫綅鍒拌惤鍚庡崟浣撻〉闈�
 	function loadToBehindPage() {
+		var home = $('.ipt-hide.home').val();
+		var province = $('.ipt-hide.province').val();
+		var city = $('.ipt-hide.city').val();
+		var county = $('.ipt-hide.county').val();
+		var url = skipUrl('taskplan.jsp',province,city,county,home);
+		window.open(url);
 		// console.info($('.ipt-hide').val());
-		var stationId = $('.ipt-hide').eq(1).val();
-		window.open('taskplan.jsp?stationId='+stationId);
+		//var stationId = $('.ipt-hide').eq(1).val();
+		//window.open('taskplan.jsp?stationId='+stationId);
 	}
 
 	// 瀹氫綅鍒版斁鐢靛欢鏃堕〉闈�
 	function loadToDischargeDelay() {
-		var stationId = $('.ipt-hide').eq(1).val();
-		window.open('dischargeplan.jsp?stationId='+stationId);
+		var home = $('.ipt-hide.home').val();
+		var province = $('.ipt-hide.province').val();
+		var city = $('.ipt-hide.city').val();
+		var county = $('.ipt-hide.county').val();
+		var url = skipUrl('dischargeplan.jsp',province,city,county,home);
+		window.open(url);
+	
+		//var stationId = $('.ipt-hide').eq(1).val();
+		//window.open('dischargeplan.jsp?stationId='+stationId);
 	}
 
 	// 瀹氫綅鍒版満鎴胯缁嗕俊鎭〉闈�
@@ -2859,96 +3086,11 @@
 		rs.devalarm = "User_ChartAction!serchByInfo?json={Chart_file:'"+user_logo+"',Chart_name:chart_dev_alarm}";	// 璁惧鍛婅
 		rs.precharge = "User_ChartAction!serchByInfo?json={Chart_file:'"+user_logo+"',Chart_name:chart_pre_charge}";	// 棰勫厖鐢�
 		rs.float = "User_ChartAction!serchByInfo?json={Chart_file:'"+user_logo+"',Chart_name:chart_online_charge}";	// 娴厖
+		rs.powercut = "User_ChartAction!serchByInfo?json={Chart_file:'"+user_logo+"',Chart_name:chart_poff}";
+		rs.defaults = "User_ChartAction!serchByInfo?json={Chart_file:'"+user_logo+"',Chart_name:chart_install}";
 		return rs;
 	}
-	/* $(function(){
-		setTimeout(function(){
-			var _script = document.createElement('script');  
-			_script.type = "text/javascript";  
-			_key = "55UbnVOR7XovezZC4jFvTqNDPAamsuoo";//鐧惧害鍦板浘鍙互鐢宠鍒�  
-			_script.src = "http://api.map.baidu.com/location/ip?ak="+_key+"&coor=bd09ll&ip=&callback=f";//鎷兼帴URL  
-			document.head.appendChild(_script);  
-		
-		}, 2000);
-	        
-	});
-	var pointX;  
-    var pointY;  
-    function f(data){  
-        pointX = data.content.point.x;  
-        pointY = data.content.point.y;  
-        console.info("浣犳墍鍦ㄥ煄甯�:"+data.content.address);  
-        console.info("浣犲煄甯傜粡搴�:"+pointX);  
-        console.info("浣犵殑鍩庡競绾害:"+pointY);
-        var point = new BMap.Point(pointX, pointY);
- 		map.centerAndZoom(point, 10);	// 鐢ㄥ煄甯傚悕璁剧疆鍦板浘涓績鐐�  
-    }     */
-    
-    
-    /* $(document).ready(function(){
-		//椤甸潰鍔犺浇鏃舵煡璇㈢淮鎶ゅ尯涓殑鏋㈢航绫诲瀷
-		$.post("User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",null,function(data){
-			data=data.result;
-			data=eval("("+data+")");
-			//console.info(data);
-			if(data.code==1 && data.data.length>0){
-				var $select = $("#station_name1");
-				$select.text('');
-				for(var i=0;i<=data.data.length;i++){
-					$option=$("<option></option>");
-					if(i==0){
-						$option.html("<s:text name='All'/>(<s:text name='Common'/>"+data.data.length+"<s:text name='Species'/>)");	
-						$option.attr("value", "");			
-					}else{
-						$option.text(data.data[i-1]);
-						$option.attr("value",data.data[i-1]);	
-					}					
-					$select.append($option);
-				}
-			}else{
-				$("#station_name1").text('').html('<option>鏆傛棤鍙祴缁存姢鍖�</option>');
-			}
-			findStationNamebyStationname1();		
-		});
-	});
 	
-	//褰撶淮鎶ゅ尯鐨勫�煎彉鎹㈡椂鏇存柊鏈烘埧绔欑偣
-	$('#station_name1').change(function(){
-		findStationNamebyStationname1();
-	});
-	
-	//鏍规嵁缁存姢鍖烘煡璇㈢珯鐐�
-	function findStationNamebyStationname1(){
-		var user = {
-			UNote:$("#station_name1 option:selected").val()
-		};
-		//var selectvalue=$("#station_name1 option:selected").val();
-		//alert(selectvalue);
-		$.post("User_battgroup_baojigroup_battgroupAction!serchStationNameInGroup","json="+JSON.stringify(user),function(data){
-			//console.info(data);
-			data=data.result;
-			data=eval("("+data+")");
-			if(data.code==1 && data.data.length>0){
-				var $select = $("#station_name");
-				$select.text('');
-				for(var i=0;i<=data.data.length;i++){
-					var $option=$("<option></option>");
-					if(i==0){
-						$option.html("<s:text name='All'/>(<s:text name='Common'/>"+data.data.length+"<s:text name='Species'/>)");	
-						$option.attr("value", "");			
-					}else{
-						$option.text(data.data[i-1]);
-						$option.attr("value",data.data[i-1]);	
-					}					
-					$select.append($option);
-				}
-			}else{
-				$("#station_name").text('').html('<option>鏆傛棤鍙祴鏈烘埧绔欑偣</option>');
-			}
-			findserchByBattGroupNamebystationname();
-		});
-	} */
-    
     //鏌ヨ鎵�鏈夌殑缁存姢鍖�
     function searchAllProvince(){
     	$.ajax({ 	
@@ -3137,6 +3279,9 @@
 	 function getMapStateImg(imgs, cla) {
 	 	var rs = imgs.normal;
 	 	switch(cla) {
+	 		case 'item-normal':
+	 			rs = imgs.normal;
+	 			break
 	 		case 'item-warn':	// 鍛婅
 	 			rs = imgs.warn;
 	 			break;
@@ -3145,6 +3290,9 @@
 	 			break;
 	 		case 'item-timeout':	// 寤舵椂
 	 			rs = imgs.timeout;
+	 			break;
+	 		case 'item-poff':	// 鍋滅數
+	 			rs = imgs.powercut;
 	 			break;
 	 		case 'item-dev_alarm':	// 61850鍛婅
 	 			rs = imgs.devalarm;
@@ -3157,6 +3305,9 @@
 	 			break;
 	 		case 'item-pre_charge':	// 61850棰勫厖鐢�
 	 			rs = imgs.precharge;
+	 			break;
+	 		default:
+	 			rs = imgs.defaults;
 	 			break;
 	 	}
 	 	
@@ -3337,10 +3488,11 @@
 		});
 	});
 	
-	layui.use(['form', 'layer', 'laytpl'], function() {
+	layui.use(['form', 'layer', 'laytpl', 'element'], function() {
 		var form = layui.form;
 		var layer = layui.layer;		
 		var laytpl = layui.laytpl;
+		var element = layui.element;
 		
 		// 鐐瑰嚮楗肩姸鍥鹃厤缃�
 		$('#faCog').click(function() {
@@ -3390,10 +3542,22 @@
 								id: 'pie',
 								title: '楗肩姸鍥鹃厤缃�',
 								maxHeight: 450,
-								yes: function(index, kk) {
+								content: html,
+								yes: function(index) {
+									var iptList = $('#tplTblOpts .tpl-tbl-opts-header input[type=checkbox]');
+									var iptArr = [];
+									iptList.each(function() {
+										if($(this).is(':checked')) {
+											iptArr.push(1);
+										}else {
+											iptArr.push(0);
+										}
+									});
 									
-								},
-								content: html
+									var temp = structUpdatePie(iptArr);
+									layer.load();
+									updateUserBieState(temp);
+								}
 							});
 						});
 					}
@@ -3411,7 +3575,6 @@
 				var tmp = {};
 				var num = i+1;
 				var key = 'echarts'+num+'_enable';
-				console.log(key);
 				tmp.name = pieType[i].name;
 				tmp.status = result[key];
 				data.tblData.push(tmp);
@@ -3419,6 +3582,164 @@
 			
 			return data;
 		}
+		
+		
+		// 鏋勯�犳洿鏂伴ゼ鐘跺浘鍙傛暟
+		function structUpdatePie(arr) {
+			var rs = {
+				echarts1_enable:0,
+				echarts2_enable:0,
+				echarts3_enable:0,
+				echarts4_enable:0,
+				echarts5_enable:0,
+				echarts6_enable:0,
+				echarts7_enable:0,
+				echarts8_enable:0,
+				echarts9_enable:0,
+				echarts10_enable:0
+			};
+			
+			// 閬嶅巻arr缁檙s鍊奸噸瀹氫箟
+			for(var i=0; i<arr.length; i++) {
+				var num = i+1;
+				var key = 'echarts'+num+'_enable';
+				rs[key] = arr[i];
+			}
+			
+			return rs; 
+		}
+		
+		// 鏇存柊褰撳墠鐢ㄦ埛璁剧疆楗肩姸鍥剧殑浣胯兘鐘舵��
+		function updateUserBieState(temp, dialog, load){
+			// 鏇存柊鍚庡彴鏁版嵁
+			$.ajax({ 	
+		        type:"post", 								
+		        url: "Echarts_usrAction!add",						
+		        async:true,				
+		        dataType:'json',
+		        data:'json='+JSON.stringify(temp),		
+		        success: function(data){ 
+		        	layer.closeAll();
+		        	
+					var model = eval('('+data.result+')');
+					if(model.code == 1) {
+						layer.msg('閰嶇疆鎴愬姛锛侊紒锛�');
+					}else {
+						layer.msg('閰嶇疆澶辫触锛侊紒锛�');
+					}
+	        	} 				
+			});
+		}
+		
+		// 鏍规嵁鏉冮檺鏇存柊鍦板浘宸ュ叿鍐呭
+		var permitAddHome = getPermit('batt_map_edit_permit', permits);	// 娣诲姞鏈烘埧鐨勬潈闄�
+		// 娌℃湁娣诲姞鏈烘埧鐨勬潈闄�
+		if(!permitAddHome) {
+			$('#permitAddHome').remove();
+		}
+		
+		// 鍦板浘宸︿笂鏂归潰鏉挎ā鍧�-鐐瑰嚮闈㈡澘涓婃柟鐨勫皬鍥炬爣鏄剧ず璁惧畾淇℃伅
+		$('#showMapInfoDetail').click(function() {
+			$('.map-info-detail').slideToggle();
+		});
+		
+		// 鐐瑰嚮闅愯棌
+		$('.map-info-detail .map-panel-hide').click(function() {
+			$('.map-info-detail').slideUp();
+		});
+		
+		// 鍐呭鏀瑰彉鍒濆璇�$('#mapToolSearchBtn').data('homeInfo')鐨勫��
+		$( "#mapToolSearch" ).on('input propertychange', function(){
+			$('#mapToolSearchBtn').data('homeInfo', 0);
+		});
+		// 瀹氫箟鏈烘埧鏌ヨ淇℃伅
+		$( "#mapToolSearch" ).autocomplete({
+			source: [],
+			select: function(event, ui) {
+				$('#mapToolSearchBtn').data('homeInfo', ui.item);	// 璁剧疆鏈烘埧淇℃伅鍐呭
+			}
+		});
+		
+		// 鐐瑰嚮鏌ョ湅homeInfo鐨勫��
+		$('#mapToolSearchBtn').click(function() {
+			var homeInfo = $(this).data('homeInfo');
+			if(homeInfo) {
+				searchPanelInfo(homeInfo);
+				$(this).data('homeInfo', 0);
+				$( "#mapToolSearch" ).val('');
+			}else {
+				layer.msg('璇烽噸鏂拌緭鍏ユ満鎴夸俊鎭紒');
+				$( "#mapToolSearch" ).val("");
+			}
+		});
+		
+		/* 鍦板浘宸ュ叿娣诲姞鍦板浘鍥炬爣 */
+		var mapToolAddHome = $('#mapToolAddHome');
+		var mapToolAddHomeBtn = $('#mapToolAddHomeBtn');
+		
+		// 鐐瑰嚮鍦板浘宸ュ叿娣诲姞鍦板浘鎸夐挳
+		mapToolAddHomeBtn.click(function() {
+			var lng = mapToolAddHome.find('.lng').val().trim();
+			var lat = mapToolAddHome.find('.lat').val().trim();
+			var pointStyles = mapToolAddHome.find('.pointStyle');
+			var pointStyle = 0;
+			pointStyles.each(function() {
+				if($(this).is(':checked')) {
+					pointStyle = $(this).val();
+				}
+			});
+			if(lng && lat) {
+				var point = getBaiduPoint(lng, lat, pointStyle);
+				var pt = new BMap.Point(point.lon, point.lat);
+				addCommonDot(map, pt);
+				map.centerAndZoom(pt, 18);	// 鐢ㄥ煄甯傚悕璁剧疆鍦板浘涓績鐐�
+			}else {
+				layer.msg('璇疯緭鍏ョ粡绾害');
+			}
+			
+		});
+		
+		// 鑾峰彇鐧惧害鍦板浘鐨勭粡绾害
+		function getBaiduPoint(lng, lat, type) {
+			var point = {};
+			lng = Number(lng);
+			lat = Number(lat);
+			var _type = Number(type);
+			switch(_type) {
+				case 0:	// GPS鍘熷鍧愭爣
+					point = GPS.wgs2bd(lat, lng);
+					break;
+				case 1:	// 鐧惧害鍦板浘鍧愭爣
+					point = {
+						lon: lng,
+						lat: lat
+					};
+					break;
+				case 2:		// 鑵捐/楂樺痉
+					point = GPS.bd_encrypt(lat, lng);
+					break;
+			}
+			
+			return point;
+		}
 	});
+	
+	// 鏇存柊鍦板浘宸ュ叿鎼滅储鏈烘埧
+	function updateSearchSource(data) {
+		var homeSource = [];
+		for(var i=0; i<data.length; i++) {
+			var _data = data[i];
+			var tmp = {
+				label: _data.title+'('+_data.sId+')',
+				point: {
+					lng: _data.lng,
+					lat: _data.lat
+				}
+			};
+			homeSource.push(tmp);
+		}
+		
+		$( "#mapToolSearch" ).autocomplete('option', 'source', homeSource);
+	}
 	</script> 
 </html>

--
Gitblit v1.9.1