添加弹出框

This commit is contained in:
2018-07-12 18:40:21 +08:00
parent 5f41fe5df1
commit f7ec3d73d4
6 changed files with 81 additions and 11 deletions

View File

@ -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>