<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script type="text/javascript" src="${pageContext.request.contextPath}/common/js/jquery-1.4.4.min.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/common/js/mainJS.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/common/css/tablecss.css" />
<html>
<head>
<title>小区所属基站话务量</title>
<script>
function getArgs( ) {
var args = new Object( );
var query = location.search.substring(1);
var pairs = query.split("&");
for(var i = 0; i < pairs.length; i++) {
var pos = pairs[i].indexOf('=');
if (pos == -1) continue;
var argname = pairs[i].substring(0,pos);
var value = pairs[i].substring(pos+1);
value = decodeURIComponent(value);
args[argname] = value;
}
return args;
}
<!--打开工单,赋默认值,查询数据-->
window.onload=function(){
var dcid = location.search.substring(1)
$("#cellid").val(getArgs().cellid);
$("#ntype").val(getArgs().ntype);
$("#dualtime").val('5');
asynsub();
}
<!--返回数据处理-->
function show(json){
var tabledata = '';
if( json.length==0||typeof(json)=="undefined" ){
$("#showtable").html("<tr align='center'><td>无数据</td></tr>");
}else{
$("#showtable").html('');
if($("#ntype").val()=="gsm"){
tabledata+="<tr class='tabletitle'><td>序号</td><td>基站名称</td><td>基站号</td><td>小区名</td><td>小区号</td><td>话务量</td><td>时间</td></tr>";
}else if($("#ntype").val()=="td"){
tabledata+="<tr class='tabletitle'><td>序号</td><td>网元名称</td><td>NODEB号</td><td>小区名</td><td>小区号</td><td>话务量</td><td>时间</td></tr>";
}else{
tabledata+="<tr class='tabletitle'><td>序号</td><td>基站名称</td><td>NODEB号</td><td>小区名</td><td>小区号</td><td>话务量</td><td>时间</td></tr>";
}
for (var p in json) {
var index = parseInt(p)+1;
tabledata+="<tr class='tablecontent'>";
tabledata+="<td align='center'>"+index+"</td>";
tabledata+="<td align='center'>"+json[p].sitename+"</td>";
tabledata+="<td align='center'>"+json[p].siteno+"</td>";
tabledata+="<td align='center'>"+json[p].cellname+"</td>";
tabledata+="<td align='center'>"+json[p].cellno+"</td>";
tabledata+="<td align='center'>"+json[p].erl+"</td>";
tabledata+="<td align='center'>"+json[p].datatime+"</td>";
tabledata+="</tr>";
}
$("#showtable").append(tabledata);
}
}
<!--通过ajax异步处理json数据请求-->
function asynsub(){
$("#loadmessage").html("<td style='color:blue'>正在查询告警库...</td>");
$.ajax({
type:"POST", //请求方式
", //请求路径
cache: false,//浏览器缓存
timeout:60000,//超时设置
data:jsondata(), //传参
dataType: 'json', //返回值类型
success:function(json,textStatus){
show(json);
$("#loadmessage").html("<td style='color:green'>查询成功!</td>");
},
error: function(){
$("#showtable").html("<tr align='center'><td>无数据</td></tr>");
$("#loadmessage").html("<td style='color:red'>查询失败!</td>");
}
});
}
<!--传入参数处理-->
function jsondata(){
var jsonstr ="cellid="+$("#cellid").val();
jsonstr+="&ntype="+$("#ntype").val();
jsonstr+="&dualtime="+$("#dualtime").val();
return jsonstr;
}
</script>
</head>
<script type="text/javascript">
</script>
<body>
<div class="title">
<img src="${pageContext.request.contextPath}/common/img/ico.gif">
小区所属基站话务量
</div>
<form name="roleForm" method="post">
<div id="searchdiv" >
<table width="90%" align="center" class="searchtable" >
<tr class="tabletitle">
<td width="10%" >请输入查询小区号:</td>
<td width="10%" >
<input type="text" id="cellid" title="温馨提示:若要查询多个小区号请用逗号隔开" style="width:100%">
</td>
<td width="6%" >
<select id="ntype" name="ntype" onchange="asynsub()" style="width:100%">
<option value="gsm" selected>GSM站</option>
<option value="td" >TD站</option>
<option value="lte" >LTE站</option>
</select>
</td>
<td width="10%" >请选择时间范围:</td>
<td width="6%" >
<select id="dualtime" name="dualtime" onchange="asynsub()" style="width:100%">
<option value="5" selected>5日以内</option>
<option value="10" >10日以内</option>
<option value="15" >15日以内</option>
</select>
</td>
<td width="8%"><input class="button" type="button" value="搜 索" onClick="asynsub()"></td>
<td id="loadmessage"></td>
</tr>
</table>
</div>
<!-- 搜索结束-->
<div id="showdiv">
<table id='showtable' class='searchtable' align='center'>
</table>
</div>
<!--
<input type="hidden" id="msg" name="msg" />
<input type="hidden" value="" id="currentPage" name="currentPage">
<input type="hidden" value="" id="maxPage" name="maxPage">
-->
</form>
</body>
</html>