添加弹出框
This commit is contained in:
1
webapp/css/newCss/jquery.webui-popover.min.css
vendored
Normal file
1
webapp/css/newCss/jquery.webui-popover.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.webui-popover{position:absolute;top:0;left:0;z-index:1060;display:none;width:276px;min-height:50px;padding:1px;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.webui-popover.top,.webui-popover.top-left,.webui-popover.top-right{margin-top:-10px}.webui-popover.right{margin-left:10px}.webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right{margin-top:10px}.webui-popover.left{margin-left:-10px}.webui-popover-inner .close{font-family:arial;margin:5px 10px 0 0;float:right;font-size:20px;font-weight:700;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);text-decoration:none}.webui-popover-inner .close:hover,.webui-popover-inner .close:focus{opacity:.5;filter:alpha(opacity=50)}.webui-popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.webui-popover-content{padding:9px 14px;overflow:auto}.webui-popover-inverse{background-color:#333;color:#eee}.webui-popover-inverse .webui-popover-title{background:#fff;border-bottom:none;color:#eee}.webui-no-padding .webui-popover-content{padding:0}.webui-no-padding .list-group-item{border-right:none;border-left:none}.webui-no-padding .list-group-item:first-child{border-top:0}.webui-no-padding .list-group-item:last-child{border-bottom:0}.webui-popover>.arrow,.webui-popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.webui-popover>.arrow{border-width:11px}.webui-popover>.arrow:after{border-width:10px;content:""}.webui-popover.top>.arrow,.webui-popover.top-right>.arrow,.webui-popover.top-left>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.webui-popover.top>.arrow:after,.webui-popover.top-right>.arrow:after,.webui-popover.top-left>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0}.webui-popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.webui-popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.webui-popover.bottom>.arrow,.webui-popover.bottom-right>.arrow,.webui-popover.bottom-left>.arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);border-top-width:0}.webui-popover.bottom>.arrow:after,.webui-popover.bottom-right>.arrow:after,.webui-popover.bottom-left>.arrow:after{content:" ";top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0}.webui-popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.webui-popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.webui-popover-inverse.top>.arrow,.webui-popover-inverse.top-left>.arrow,.webui-popover-inverse.top-right>.arrow,.webui-popover-inverse.top>.arrow:after,.webui-popover-inverse.top-left>.arrow:after,.webui-popover-inverse.top-right>.arrow:after{border-top-color:#333}.webui-popover-inverse.right>.arrow,.webui-popover-inverse.right>.arrow:after{border-right-color:#333}.webui-popover-inverse.bottom>.arrow,.webui-popover-inverse.bottom-left>.arrow,.webui-popover-inverse.bottom-right>.arrow,.webui-popover-inverse.bottom>.arrow:after,.webui-popover-inverse.bottom-left>.arrow:after,.webui-popover-inverse.bottom-right>.arrow:after{border-bottom-color:#333}.webui-popover-inverse.left>.arrow,.webui-popover-inverse.left>.arrow:after{border-left-color:#333}.webui-popover i.glyphicon-refresh{display:block;margin-left:-15px;margin-top:-15px;width:20px;height:20px;font-size:20px;top:50%;left:50%;position:absolute;-webkit-animation:rotate 1s linear 0 infinite;-o-animation:rotate 1s linear 0 infinite;animation:rotate 1s linear 0 infinite}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg)}}
|
||||
@ -19,8 +19,8 @@ body {
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.infoTitle {
|
||||
/* width: 4rem; */
|
||||
padding-right: 1rem;
|
||||
width: 5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
.infoCon {
|
||||
flex: 1;
|
||||
|
||||
9
webapp/js/jquery.webui-popover.min.js
vendored
Normal file
9
webapp/js/jquery.webui-popover.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -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>
|
||||
|
||||
@ -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>
|
||||
@ -352,5 +354,23 @@ 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>
|
||||
|
||||
@ -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">
|
||||
备 注
|
||||
</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>
|
||||
@ -205,5 +207,23 @@
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user