版权声明:原创不易,转载请注明出处~ https://blog.csdn.net/qq_34266804/article/details/88413575
Win弹窗:
QUI框架的弹窗:
Win相关代码:
JSP:
<tr>
<td style="font-size:20px">机器总数:</td>
<td colspan=5 style="font-size:20px"><a href = "javascript:void(0)"
onclick="show(this)" name="type">${terminalTotal}</a></td>
</tr>
JS:
<script type="text/javascript">
function show(obj){
var x = window.screen.height;
var y = window.screen.width;
var h = 500;
var w = 1000;
var model = "title=word,resizable=yes,scrollbars=yes,height=" + h + ",width=" + w + ",status=yes,toolbar=no,menubar=no,location=no,top=" + (x-h)/2 + ",left=" + (y-w)/2;
var url = "";
if(obj == 1){
var type = 1;
alert("在线:"+${onlineSum});
url = "${basePath}terwarning/terminal/terminalList.view?type=1";//弹出窗口的页面内容
}else if(obj == 2){
alert("离线:"+${offlineSum});
var type = 2;
url = "${basePath}terwarning/terminal/terminalList.view?type=2";//弹出窗口的页面内容
}else if(obj == 3){
alert("告警:"+${alarmSum});
var type = 3;
url = "${basePath}terwarning/terminal/terminalList.view?type=3";//弹出窗口的页面内容
}else{
alert(${terminalTotal});
url = "${basePath}terwarning/terminal/list.view";//弹出窗口的页面内容
}
var oOpen = window.open(url,"adviceDetail",model);
oOpen.focus();
}
QUI框架弹窗相关代码:
JSP代码:
<tr>
<td width="5%" style="font-size:20px">在线:</td>
<td width="20%" style="font-size:20px"><a href = "javascript:void(0)"
onclick="online()">${onlineSum}</a></td>
<td width="15%" style="font-size:20px">离线:</td>
<td width="15%" style="font-size:20px"><a href = "javascript:void(0)"
onclick="offline()">${offlineSum}</a></td>
<td width="15%" style="font-size:20px">告警:</td>
<td width="15%" style="font-size:20px"><a href = "javascript:void(0)"
onclick="alarm()">${alarmSum}</a></td>
</tr>
JS代码:
function online() {
quiDialog.open({
URL : "${basePath}terwarning/terminal/terminalList.view?type=1",
Title : "在线",
Width : 1000,
Height : 500
});
}
function offline() {
quiDialog.open({
URL : "${basePath}terwarning/terminal/terminalList.view?type=2",
Title : "离线",
Width : 1000,
Height : 500
});
}
function alarm() {
quiDialog.open({
URL : "${basePath}terwarning/terminal/terminalList.view?type=3",
Title : "警告",
Width : 1000,
Height : 500
});
}