From 2e5feddf5b4afc56e0e4842378a2fac13886c290 Mon Sep 17 00:00:00 2001
From: hdw <496960745@qq.com>
Date: 星期二, 23 十月 2018 11:26:07 +0800
Subject: [PATCH] 包机组添加按钮

---
 gx_tieta/WebRoot/index.jsp             |   21 +++++++
 gx_tieta/WebRoot/css/index_layout.css  |    8 ++
 gx_tieta/WebRoot/elegroup.jsp          |   98 ++++++++++++++++++++++++++++----
 gx_tieta/WebRoot/pages/css/mylayui.css |    4 +
 gx_tieta/WebRoot/pages/js/common.js    |    2 
 5 files changed, 121 insertions(+), 12 deletions(-)

diff --git a/gx_tieta/WebRoot/css/index_layout.css b/gx_tieta/WebRoot/css/index_layout.css
index 3b6fab0..80f8985 100644
--- a/gx_tieta/WebRoot/css/index_layout.css
+++ b/gx_tieta/WebRoot/css/index_layout.css
@@ -24,6 +24,14 @@
 	width: 100%;
 	height: 100%;
 }
+
+.map-status-container {
+	position: absolute;
+	top: 10px;
+	left: 10px;
+	z-index: 99;
+}
+
 /*鏄剧ず涓浗鍜屼腑鍥藉悇鐪侊紙琛屾斂鍖猴紝鐩磋緰甯傦級鐨勫湴鍥�*/
 #content .china-map{
 	display: table-cell;
diff --git a/gx_tieta/WebRoot/elegroup.jsp b/gx_tieta/WebRoot/elegroup.jsp
index 1ba172c..186d357 100644
--- a/gx_tieta/WebRoot/elegroup.jsp
+++ b/gx_tieta/WebRoot/elegroup.jsp
@@ -13,11 +13,43 @@
 	<title><s:text name="Package_unit_manage"/></title>
 	<link rel="stylesheet" type="text/css" href="css/basic.css">
 	<link rel="stylesheet" type="text/css" href="css/elegroup.css">
-	
+	<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css">
 	<script type="text/javascript" src="js/frame.js"></script>
 	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
 	<script type="text/javascript" src="js/base.js"></script>
-	
+	<style>
+		.toolbar-fixed-top-right {
+			position: absolute;
+			top: 0;
+			right: 0;
+			z-index: 999;
+		}
+		.toolbar-fixed-top-right.right10 {
+			right: 10px;
+		}
+		.toolbar-fixed-top-right.right20 {
+			right: 20px;
+		}
+		.toolbar-fixed-top-right.top3 {
+			top: 5px;
+		}
+		.toolbar-fixed-top-right select {
+			font-size: 12px;
+			height: 26px;
+			vertical-align: top;
+			border: 1px solid #ccc;
+			margin-right: 4px;
+		}
+		.toolbar-fixed-top-right a.tool-btn{
+			display: inline-block;
+			margin-right: 10px;
+			color: #000;
+			font-size: 20px;
+		}
+		.toolbar-fixed-top-right a.tool-btn:hover {
+			color: #1495E7;
+		}
+	</style>
 </head>
 <body>
 	<!--澶撮儴鍐呭寮�濮�-->
@@ -42,22 +74,16 @@
 					</tr>
 					<tr>
 						<td>
-							<select id="station_name1" name="">
-							</select>
+							<select id="station_name1" name=""></select>
 						</td>
 						<td>
-							<select id="city" name="">
-							</select>
+							<select id="city" name=""></select>
 						</td>
 						<td>
-							<select id="station_name" name="">
-								
-							</select>
+							<select id="station_name" name=""></select>
 						</td>
 						<td>
-							<select id="battgroup_name" name="">
-								
-							</select>
+							<select id="battgroup_name" name=""></select>
 						</td>
 					</tr>
 				</table>
@@ -72,6 +98,18 @@
 		</div>
 		<!-- 鍙充笂瀹瑰櫒 -->
 		<div id="rtop">
+			<div class="toolbar-fixed-top-right top3 right20">
+				<select name="addType" id="addType">
+					<option value="0">鍏ㄧ渷鏈烘埧</option>
+					<option value="1">鍏ㄥ競鏈烘埧</option>
+					<option value="2">鍗曚釜鏈烘埧</option>
+					<option value="3">鐢垫睜缁�</option>
+				</select>
+				<a href="javasscript:;" class="tool-btn" id="toolBtnAdd" title="娣诲姞"><i class="fa fa-plus"></i></a>
+				<a href="javasscript:;" class="tool-btn" title="搴旂敤"><i class="fa fa-sticky-note-o"></i></a>
+				<a href="javasscript:;" class="tool-btn" title="鍏ㄩ��"><i class="fa fa-check-square-o"></i></a>
+				<a href="javasscript:;" class="tool-btn" title="绉婚櫎"><i class="fa fa-trash-o"></i></a>
+			</div>
 			<table style="width:100%">
 				<thead>
 					<tr>
@@ -1781,5 +1819,41 @@
 		_rsObj.tblAttr = _rsId;
 		return _rsObj;
 	}
+	
+	// 缁欐ā鍧楁坊鍔犲伐鍏锋潯
+	$(function() {
+		$('.toolbar-fixed-top-right').tooltip();
+		
+		// 鐐瑰嚮娣诲姞鎸夐挳
+		$('#toolBtnAdd').click(function() {
+			var baoji = $('#lbottom .li-con li.b8cfe5').text();
+			if(baoji.length == 0) {
+				alert('璇烽�夋嫨宸︿笅鏂圭殑鍖呮満缁勶紒锛侊紒');
+			}else {
+				var addType = $('#addType').val();
+				addBattGroup(addType);
+			}
+		});
+		// 鏍规嵁閫夋嫨鐨勬坊鍔犵數姹犵粍
+		function addBattGroup(num) {
+			switch(num) {
+				case '0':	// 娣诲姞鍏ㄧ渷
+					$('#tb-right-menu .add-province').click();
+				break;
+				case '1':
+					$('#tb-right-menu .add-city').click();
+				break;
+				case '2':
+					$('#tb-right-menu .add-station').click();
+				break;
+				case '3':
+					$('#tb-right-menu .add-batt').click();
+				break;
+					 
+			}
+		}
+		
+		//
+	});
 </script>
 </html>
\ No newline at end of file
diff --git a/gx_tieta/WebRoot/index.jsp b/gx_tieta/WebRoot/index.jsp
index 165155e..2a46a8c 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;
@@ -97,6 +99,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">
@@ -320,6 +336,7 @@
 	<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");
@@ -3311,5 +3328,9 @@
 			addrAnalyze(posTxt);
 		});
 	});
+	
+	layui.use(['form'],function() {
+		var form = layui.form();
+	});
 	</script> 
 </html>
diff --git a/gx_tieta/WebRoot/pages/css/mylayui.css b/gx_tieta/WebRoot/pages/css/mylayui.css
index 9d1be78..678653a 100644
--- a/gx_tieta/WebRoot/pages/css/mylayui.css
+++ b/gx_tieta/WebRoot/pages/css/mylayui.css
@@ -12,4 +12,8 @@
 }
 .layui-table td, .layui-table th {
 	border-color: #ccc;
+}
+.layui-form-pane .layui-form-label {
+	background-color: #4EABE3;
+	color: #FFFFFF;
 }
\ No newline at end of file
diff --git a/gx_tieta/WebRoot/pages/js/common.js b/gx_tieta/WebRoot/pages/js/common.js
index e072489..cfd0a9f 100644
--- a/gx_tieta/WebRoot/pages/js/common.js
+++ b/gx_tieta/WebRoot/pages/js/common.js
@@ -331,6 +331,8 @@
 	// 灏嗗嚱鏁扮粦瀹氬埌GLOBAL.BaseStation
 	gl.BaseStation.getAbnormalTxt = getAbnormalTxt;
 	
+	
+	
 })(jQuery, window, document, GLOBAL);
 
 //椤甸潰涓鏃跺櫒鐨勪娇鐢�

--
Gitblit v1.9.1