添加弹出框

2018-07-12 18:40:21 +08:00
parent 5f41fe5df1
commit f7ec3d73d4
6 changed files with 81 additions and 11 deletions
--- a/webapp/supplier/companyCurrentOrderDetail.jsp
+++ b/webapp/supplier/companyCurrentOrderDetail.jsp
@ -17,8 +17,10 @@
 <link rel="stylesheet" href="/SinoGYS/css/newCss/reset.css" />
 <link rel="stylesheet" href="/SinoGYS/css/newCss/option.css" />
 <link rel="stylesheet" href="/SinoGYS/css/newCss/orderDetail.css" />
+<link rel="stylesheet" href="/SinoGYS/css/newCss/jquery.webui-popover.min.css">
 <script src="/SinoGYS/js/jquery-1.7.2.js" type="text/javascript"></script> 
 <script type="text/javascript" src="/SinoGYS/layer/layer.js"></script>
+<script type="text/javascript" src="/SinoGYS/js/jquery.webui-popover.min.js"></script>
 <script src="/SinoGYS/js/jquery-weui.js"></script>
 <script src="/SinoGYS/js/transtates.js?d=<%=new Date().getTime() %>"></script>
 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
@ -115,7 +117,7 @@
  				<div class="infoTitle">
  					救援地点
  				</div>
-  				<input type="text" id="infoCon" value="${detailPO.ADDRESS}">
+  				<input type="text" class="show-pop" id="infoCon" value="${detailPO.ADDRESS}" data-msg="${detailPO.ADDRESS}" readonly="readonly">
  				<div class="addrWrapper" onclick="mapDisplay('${detailPO.lon}','${detailPO.lat}')">
  					<img src="/SinoGYS/images/newImage/addrIcon.png"/>
  				</div>
@ -125,7 +127,7 @@
 	  				<div class="infoTitle">
 	  					目的地点
 	  				</div>
-	  				<input type="text" id="infoCon" value="${detailPO.dest_address}">
+	  				<input type="text" class="show-pop" id="infoCon" value="${detailPO.dest_address}" data-msg="${detailPO.dest_address}" readonly="readonly">
 	  				<%-- <div class="infoCon">${detailPO.dest_address}</div> --%>
 	  			</li>
  			</c:if>
@ -365,5 +367,23 @@
 						content : '/SinoGYS/supplier/mapDisplay.jsp?lon='+lon+"&lat="+lat,
 					});
 		}
+		
+		(function() {
+		$('input.show-pop').each(function(index, domEle) {
+			var settings = {
+				trigger : 'hover',
+				title : '说明',
+				content : $(domEle).attr("data-msg"),
+				width : 300,
+				multi : true,
+				closeable : true,
+				style : '',
+				padding : true
+			};
+			
+			$(domEle).webuiPopover('destroy').webuiPopover(settings);
+			
+		});
+	})();
 </script>
 </html>
--- a/webapp/supplier/currentOrderDetail.jsp
+++ b/webapp/supplier/currentOrderDetail.jsp
@ -16,10 +16,12 @@
 <link rel="stylesheet" href="/SinoGYS/css/newCss/reset.css" />
 <link rel="stylesheet" href="/SinoGYS/css/newCss/option.css" />
 <link rel="stylesheet" href="/SinoGYS/css/newCss/orderDetail.css" />
+<link rel="stylesheet" href="/SinoGYS/css/newCss/jquery.webui-popover.min.css">
 <script src="/SinoGYS/js/jquery-1.7.2.js" type="text/javascript"></script>
 <script type="text/javascript" src="/SinoGYS/layer/layer.js"></script>
 <script src="/SinoGYS/js/jquery-weui.js"></script>
 <script src="/SinoGYS/js/ajaxHelper.js" type="text/javascript"></script>
+<script type="text/javascript" src="/SinoGYS/js/jquery.webui-popover.min.js"></script>
 <script src="/SinoGYS/js/json2.js" type="text/javascript"></script>
 <script src="/SinoGYS/js/transtates.js?d=<%=new Date().getTime()%>"></script>
 <script type="text/javascript" src="/SinoGYS/js/jweixin-1.0.0.js"></script>
@ -119,7 +121,7 @@
  				<div class="infoTitle">
  					救援地点
  				</div>
-  				<input type="text" id="infoCon" value="${list.ADDRESS}">
+  				<input type="text" class="show-pop" id="infoCon" value="${list.ADDRESS}" data-msg="${list.ADDRESS}" readonly="readonly">
  				<div class="addrWrapper" onclick="mapDisplay('${list.LON}','${list.LAT}')">
  					<img src="/SinoGYS/images/newImage/addrIcon.png"/>
  				</div>
@ -129,7 +131,7 @@
 	  				<div class="infoTitle">
 	  					目的地点
 	  				</div>
-	  				<input type="text" id="infoCon" value="${list.DEST_ADDRESS }">
+	  				<input type="text" class="show-pop" id="infoCon" value="${list.DEST_ADDRESS }" data-msg="${list.DEST_ADDRESS}" readonly="readonly">
 	  			</li>
 	  		</c:if>
 	  		
@ -138,7 +140,7 @@
 	  				<div class="infoTitle">
 	  					地址补充
 	  				</div>
-	  				<input type="text" id="infoCon" value="${list.ADDRESS_ADD }">
+	  				<input type="text" class="show-pop" id="infoCon" value="${list.ADDRESS_ADD }" data-msg="${list.ADDRESS_ADD}" readonly="readonly">
 	  			</li>
 	  		</c:if>
  		</ul>
@ -350,7 +352,25 @@ function checkWeixinAPI(){
 								}
 							});
 			}
-  	});	
+  	});
+  	
+  	(function() {
+		$('input.show-pop').each(function(index, domEle) {
+			var settings = {
+				trigger : 'hover',
+				title : '说明',
+				content : $(domEle).attr("data-msg"),
+				width : 300,
+				multi : true,
+				closeable : true,
+				style : '',
+				padding : true
+			};
+			
+			$(domEle).webuiPopover('destroy').webuiPopover(settings);
+			
+		});
+	})();	
 	
 </script>
 </html>
--- a/webapp/supplier/weixinDetail.jsp
+++ b/webapp/supplier/weixinDetail.jsp
@ -17,7 +17,9 @@
 <link rel="stylesheet" href="/SinoGYS/css/newCss/reset.css" />
 <link rel="stylesheet" href="/SinoGYS/css/newCss/option.css" />
 <link rel="stylesheet" href="/SinoGYS/css/newCss/orderDetail.css" />
+<link rel="stylesheet" href="/SinoGYS/css/newCss/jquery.webui-popover.min.css">
 <script type="text/javascript" src="/SinoGYS/layer/layer.js"></script>
+<script type="text/javascript" src="/SinoGYS/js/jquery.webui-popover.min.js"></script>
 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

 <script type="text/javascript">
@ -122,7 +124,7 @@
  				<div class="infoTitle">
  					事发地址
  				</div>
-  				<input type="text" id="infoCon" value="${list.ADDRESS}">
+  				<input type="text" class="show-pop" id="infoCon" value="${list.ADDRESS}" data-msg="${list.ADDRESS}" readonly="readonly";>
  				<div class="addrWrapper" onclick="mapDisplay('${list.LON}','${list.LAT}')">
  					<img src="/SinoGYS/images/newImage/addrIcon.png"/>
  				</div>
@ -132,7 +134,7 @@
 	  				<div class="infoTitle">
 	  					目的地址
 	  				</div>
-	  				<input type="text" id="infoCon" value="${list.DEST_ADDRESS}">
+	  				<input type="text" class="show-pop" id="infoCon" value="${list.DEST_ADDRESS}" data-msg="${list.DEST_ADDRESS}" readonly="readonly";>
 	  			</li>
 	  		</c:if>
  			<li class="orderInfoItem">
@ -148,7 +150,7 @@
 	  				<div class="infoTitle">
 	  					备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注
 	  				</div>
-	  				<input type="text" id="infoCon" value="${list.ADDRESS_ADD}">
+	  				<input type="text" class="show-pop" id="infoCon" value="${list.ADDRESS_ADD}" data-msg="${list.ADDRESS_ADD}" readonly="readonly";>
 	  			</li>
 	  		</c:if>
  		</ul>
@ -204,6 +206,24 @@
 	function next(orderCode,rescueCode,name){
 		window.location.href="/SinoGYS/CurrentOrderAction.do?CMD=findCurrentOrderDetail"+"&orderCode="+orderCode+"&rescueCode="+rescueCode+"&serviceName="+name;
 	}
+	
+	(function() {
+		$('input.show-pop').each(function(index, domEle) {
+			var settings = {
+				trigger : 'hover',
+				title : '说明',
+				content : $(domEle).attr("data-msg"),
+				width : 300,
+				multi : true,
+				closeable : true,
+				style : '',
+				padding : true
+			};
+			
+			$(domEle).webuiPopover('destroy').webuiPopover(settings);
+			
+		});
+	})();

 </script>
 </html>