From bb65f33c9fdff40844f17e95e3e75aed2b42bda2 Mon Sep 17 00:00:00 2001
From: hdw <496960745@qq.com>
Date: 星期四, 25 十月 2018 14:47:33 +0800
Subject: [PATCH] 修改内容

---
 gx_tieta/WebRoot/index.jsp |  183 ++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 179 insertions(+), 4 deletions(-)

diff --git a/gx_tieta/WebRoot/index.jsp b/gx_tieta/WebRoot/index.jsp
index 165155e..eb12531 100644
--- a/gx_tieta/WebRoot/index.jsp
+++ b/gx_tieta/WebRoot/index.jsp
@@ -34,6 +34,8 @@
 	<link rel="stylesheet" href="css/img-change.css">
 	<link rel="stylesheet" href="css/confirm.css">
 	<link rel="stylesheet" href="css/loading.css">
+	<link rel="stylesheet" href="src/css/layui.css">
+	<link rel="stylesheet" href="pages/css/mylayui.css">
 	<style type="text/css">
 		#map .explain-header:hover {
 			cursor: pointer;
@@ -81,6 +83,15 @@
 			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>
 	
@@ -97,6 +108,20 @@
 		<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">姝e父</option>
+						</select>
+					</div>
+				</div>
+			</div> -->
 			<div class="nav-map small">
 				<!-- 鐢垫睜鍒嗗竷鍥� -->
 				<div class="china-map" id="map">
@@ -137,7 +162,11 @@
 			
 			<!-- 鐢垫睜鏁呴殰涓庣數姹犲憡璀﹂ゼ鐘跺浘 -->
 			<div class="pie-con">
-
+				<div class="pie-conf">
+					<a href="javascript:;" class="pie-btn" id="faCog"  title="鍥捐〃閰嶇疆">
+						<i class="fa fa-cog"></i>
+					</a>
+				</div>
 				<!-- 鐢垫睜鏁呴殰楗肩姸鍥� -->
 				<div class="brdn-pie module"></div>
 				<!-- 鐢垫睜鍛婅楗肩姸鍥� -->
@@ -314,12 +343,14 @@
 	<script type="text/javascript" src="pages/js/base.js"></script>
 	<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="js/panel.js"></script>
 	<script type="text/javascript" src="js/search.js"></script>
 	<script type="text/javascript" src="js/changePinYin.js"></script>
 	<script type="text/javascript" src="js/createMap.js"></script>
 	<script type="text/javascript" src="js/myConfirm.js"></script>
 	<script type="text/javascript" src="js/loading.js"></script>
+	<script type="text/javascript" src="src/layui.js"></script>
 	<script type="text/javascript">
 	var permits;
 	<%	Object obj=session.getAttribute("permits");
@@ -1738,7 +1769,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) {
@@ -2083,7 +2114,7 @@
 	
 	var allStation = [];
 	var mapPages = {
-		pageSize:100, 				// 姣忛〉鐨勮鏁�
+		pageSize:1000, 				// 姣忛〉鐨勮鏁�
 		pageCurr:1,  				// 褰撳墠椤电爜鏁�
 		pageAll:1,					// 鏁扮洰
 		pageNum: 0,
@@ -2172,6 +2203,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);
@@ -2221,7 +2253,6 @@
 			alert('闈㈡澘淇℃伅鏌ヨ澶辫触锛�');
 			return;
 		}
-		
 		var temp = {
 			StationId: stationInfo.sId
 		};
@@ -3311,5 +3342,149 @@
 			addrAnalyze(posTxt);
 		});
 	});
+	
+	layui.use(['form', 'layer', 'laytpl'], function() {
+		var form = layui.form;
+		var layer = layui.layer;		
+		var laytpl = layui.laytpl;
+		
+		// 鐐瑰嚮楗肩姸鍥鹃厤缃�
+		$('#faCog').click(function() {
+			searchUserBieState();	// 鏌ヨ褰撳墠楗肩姸鍥剧殑閰嶇疆鐘舵��
+		});
+		
+		var layerMsg;
+		
+		// 鐐瑰嚮閰嶇疆椤瑰閫夋
+		$('body').on('click', '#tplTblOpts .tpl-tbl-opts-header input[type=checkbox]', function(event) {
+			layer.close(layerMsg);
+			var iptList = $('#tplTblOpts .tpl-tbl-opts-header input[type=checkbox]');
+			var num = 0;
+			iptList.each(function() {
+				if($(this).is(':checked')) {
+					num++;
+				}
+			});
+			if(num>4) {
+				layerMsg = layer.msg("鏈�澶氶�夋嫨鍥涗釜锛�", {
+					type: 1
+				});
+				$(this).prop('checked', false);
+			}
+			
+		});
+		
+		
+		var pie = GLOBAL.Index.Pie;
+		var pieType = pie.pieType;
+		var pieConfTpl =  getTpl('iframe/pie-config.html');
+		//鏌ヨ褰撳墠鐢ㄦ埛璁剧疆楗肩姸鍥剧殑浣胯兘鐘舵��
+		function searchUserBieState(){
+			$.ajax({ 	
+		        type:"post", 								
+		        url: "Echarts_usrAction!serchByCondition",						
+		        async:true,				
+		        dataType:'json',
+		        data:null,		
+		        success: function(data){ 
+					var model = eval('('+data.result+')');
+					if(model.code == 1) {
+						var result = model.data;
+						var formatData = formatPieRsData(result[0]);
+						laytpl(pieConfTpl).render(formatData, function(html) {
+							layer.open({
+								id: 'pie',
+								title: '楗肩姸鍥鹃厤缃�',
+								maxHeight: 450,
+								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);
+										}
+									});
+									
+									var temp = structUpdatePie(iptArr);
+									layer.load();
+									updateUserBieState(temp);
+								}
+							});
+						});
+					}
+					
+		       	} 				
+			});
+		}
+		
+		// 鏍煎紡鍖栨煡璇㈢粨鏋�
+		function formatPieRsData(result) {
+			var data={};
+			data.tblData=[];
+			// 閬嶅巻pieType鐨勭被鍨�
+			for(var i=0; i<pieType.length; i++) {
+				var tmp = {};
+				var num = i+1;
+				var key = 'echarts'+num+'_enable';
+				tmp.name = pieType[i].name;
+				tmp.status = result[key];
+				data.tblData.push(tmp);
+			}
+			
+			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('閰嶇疆澶辫触锛侊紒锛�');
+					}
+	        	} 				
+			});
+		}
+		
+	});
 	</script> 
 </html>

--
Gitblit v1.9.1