1068 lines
47 KiB
Plaintext
1068 lines
47 KiB
Plaintext
<%@ page contentType="text/html;charset=UTF-8"%>
|
||
<%@ include file="/WEB-INF/include/taglib.jsp"%>
|
||
<html>
|
||
<head>
|
||
<title></title>
|
||
|
||
</head>
|
||
<style type="text/css">
|
||
@page { size: landscape; }
|
||
.input-medium {
|
||
width: 170px !important;
|
||
}
|
||
</style>
|
||
|
||
<body>
|
||
<div class="page-content">
|
||
<h5 class="page-header"></h5>
|
||
<div class="portlet">
|
||
<div class="portlet-body">
|
||
<div class="row">
|
||
<form:form id="searchForm" modelAttribute="log" action="${ctx}/dashboard/traffic/configStatistic" method="get" class="form-search">
|
||
<input id="statistic_concent" type="hidden" value="${concent}"/>
|
||
<c:if test="${not empty concent and concent ne '1' }">
|
||
<input id="time_size" type="hidden" value="${timeSize}"/>
|
||
<input id="area" type="hidden" value="${area}"/>
|
||
<input id="operator" type="hidden" value="${operator}"/>
|
||
<input id="chart_type" type="hidden" value="${chartType}"/>
|
||
<input id="detail" type="hidden" value="${detail}"/>
|
||
<input id="dimension" type="hidden" value="${dimension}"/>
|
||
</c:if>
|
||
<c:if test="${empty concent or concent eq '1' }">
|
||
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
|
||
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
|
||
<sys:tableSort id="orderBy" name="orderBy" value="${page.orderBy}"
|
||
callback="page();" />
|
||
<input id="time_size" type="hidden" value="${log.time}"/>
|
||
<input id="area" type="hidden" value="${log.area}"/>
|
||
<input id="operator" type="hidden" value="${log.operator}"/>
|
||
<input id="chart_type" type="hidden" value="${log.chartType}"/>
|
||
<input id="beginDateh" type="hidden" value="${log.beginDate}"/>
|
||
<input id="endDateh" type="hidden" value="${log.endDate}"/>
|
||
</c:if>
|
||
<c:if test="${concent eq '2' }">
|
||
<input id="searchAction" name="searchAction" type="hidden" value="${searchAction}"/>
|
||
<input id="beginDateh" type="hidden" value="${beginDate}"/>
|
||
<input id="endDateh" type="hidden" value="${endDate}"/>
|
||
<input id="total" type="hidden"/>
|
||
</c:if>
|
||
<c:if test="${concent eq '3' }">
|
||
<input id="beginDateh" type="hidden" value="${beginDate}"/>
|
||
<input id="endDateh" type="hidden" value="${endDate}"/>
|
||
<input id="total" type="hidden"/>
|
||
<input id="total2" type="hidden"/>
|
||
</c:if>
|
||
<c:if test="${concent eq '4' or concent eq '5' or concent eq '6' or concent eq '7' or concent eq '8' or concent eq '9'}">
|
||
<input id="beginDateh" type="hidden" value="${beginDate}"/>
|
||
<input id="endDateh" type="hidden" value="${endDate}"/>
|
||
<input id="total" type="hidden"/>
|
||
</c:if>
|
||
<div class="col-md-12">
|
||
<div class="pull-left">
|
||
<div class="input-group">
|
||
<div class="input-group-btn">
|
||
<span class=" form-control" ><spring:message code="statistical_content"/></span>
|
||
</div>
|
||
<select id="concent" class="selectpicker select2 input-small">
|
||
<option value="1">Rules</option>
|
||
<option value="2">Rule Type</option>
|
||
<option value="3">Bandwidth</option>
|
||
<option value="4">Protocols</option>
|
||
<option value="5">Application</option>
|
||
<option value="6">Domains</option>
|
||
<option value="7">Active Client IP</option>
|
||
<option value="8">Active Server IP</option>
|
||
<option value="9">SubscriberID</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div id="statis_detail" class="pull-left" style="display: none;">
|
||
<div class="input-group">
|
||
<div class="input-group-btn">
|
||
<span class=" form-control" ><spring:message code="statistical_detail"/></span>
|
||
</div>
|
||
|
||
<select id="detail_select" class="selectpicker select2 input-small">
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div id="statis_detail_1" class="pull-left" style="display: none;">
|
||
<div class="input-group">
|
||
<div class="input-group-btn">
|
||
<span class=" form-control" ><spring:message code="statistical_detail"/></span>
|
||
</div>
|
||
<select id="detail_select_1" class="selectpicker form-control" data-max-options="10" data-selected-text-format="count > 2" multiple max-width="100px" data-live-search="true" data-live-search-placeholder="search">
|
||
<option value=""><spring:message code="select"/></option>
|
||
<c:forEach items="${fns:getCodeList('protocolCode')}" var="dict" >
|
||
<option value="${dict.code}"><spring:message code="${dict.item}"></spring:message></option>
|
||
</c:forEach>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div id="statis_detail_2" class="pull-left" style="display: none;">
|
||
<div class="input-group">
|
||
<div class="input-group-btn">
|
||
<span class=" form-control" ><spring:message code="statistical_detail"/></span>
|
||
</div>
|
||
<select id="detail_select_2" class="selectpicker form-control " data-max-options="10" data-selected-text-format="count > 2" multiple max-width="100px" data-live-search="true" data-live-search-placeholder="search">
|
||
<option value=""><spring:message code="select"/></option>
|
||
<c:forEach items="${fns:getCodeList('appCode')}" var="dict" >
|
||
<c:if test="${dict.code!=0}">
|
||
<option value="${dict.code}"><spring:message code="${dict.item}"></spring:message></option>
|
||
</c:if>
|
||
</c:forEach>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div id="statis_detail_3" class="pull-left" style="display: none;">
|
||
<div class="input-group">
|
||
<div class="input-group-btn">
|
||
<span class=" form-control" ><spring:message code="statistical_detail"/></span>
|
||
</div>
|
||
<select id="detail_select_3" class="selectpicker form-control" data-max-options="10" data-selected-text-format="count > 2" multiple max-width="100px" data-live-search="true" data-live-search-placeholder="search">
|
||
<option value=""><spring:message code="select"/></option>
|
||
<c:forEach items="${fns:getCodeList('domainCode')}" var="dict" >
|
||
<c:if test="${dict.code!=0}">
|
||
<option value="${dict.code}"><spring:message code="${dict.item}"></spring:message></option>
|
||
</c:if>
|
||
</c:forEach>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div id="dimension_detail" class="pull-left" style="display: none;">
|
||
<div class="input-group">
|
||
<div class="input-group-btn">
|
||
<span class=" form-control" ><spring:message code="statistical_dimension"/></span>
|
||
</div>
|
||
<select id="dimension_select" class="selectpicker select2 input-small">
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12" style="padding-top: 6px;">
|
||
<div class="form-group">
|
||
<div class="control-label col-md-3 form-control" style="width: max-content;">
|
||
<spring:message code="time_granularity" />
|
||
</div>
|
||
<div class="col-md-6" style="padding-left: 10px;">
|
||
<div class="mt-radio-inline" style="height: 34px">
|
||
<label class="mt-radio">
|
||
<input type="radio" class="timeSize" name="time" value="1" checked/>
|
||
5<spring:message code="minute" />
|
||
<span></span>
|
||
</label>
|
||
<label class="mt-radio">
|
||
<input type="radio" class="timeSize" name="time" value="2"/>
|
||
<spring:message code="hour" />
|
||
<span></span>
|
||
</label>
|
||
<label class="mt-radio">
|
||
<input type="radio" class="timeSize" name="time" value="3"/>
|
||
<spring:message code="day" />
|
||
<span></span>
|
||
</label>
|
||
<label class="mt-radio">
|
||
<input type="radio" class="timeSize" name="time" value="4"/>
|
||
<spring:message code="month" />
|
||
<span></span>
|
||
</label>
|
||
<label class="mt-radio">
|
||
<input type="radio" class="timeSize" name="time" value="5"/>
|
||
<spring:message code="year" />
|
||
<span></span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br>
|
||
<!-- 搜索内容与操作按钮栏 -->
|
||
<div class="col-md-12" style="padding-top: 6px;">
|
||
<div class="pull-left">
|
||
<div class="input-group beginDate">
|
||
<div class="input-group-btn">
|
||
<span class="selectpicker form-control"><spring:message code="begin_date" /></span>
|
||
</div>
|
||
<!-- <input name="beginDate" id="beginDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
|
||
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setStartTime('#beginDate','#endDate',1,'h','yyyy-MM-dd hh:mm:ss',false)"/> -->
|
||
<input name="beginDate" id="beginDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
|
||
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setStartTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')"/>
|
||
</div>
|
||
</div>
|
||
<div class="pull-left">
|
||
<div class="input-group endDate">
|
||
<div class="input-group-btn">
|
||
<span class="selectpicker form-control"><spring:message code="end_date" /></span>
|
||
</div>
|
||
<!-- <input name="endDate" id="endDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
|
||
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setEndTime('#beginDate','#endDate',1,'h','yyyy-MM-dd hh:mm:ss',false)"/> -->
|
||
<input name="endDate" id="endDate" type="text" readonly="readonly" maxlength="20" class="form-control Wdate input-medium"
|
||
value="" onclick="WdatePicker({onpicked:function(){this.onchange()},dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{\'new Date()\'}'});" onchange="setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')"/>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="col-md-12" style="padding-top: 6px;">
|
||
<div id="area_detail" class="pull-left" style="display: none;">
|
||
<div class="input-group">
|
||
<div class="input-group-btn">
|
||
<span class="selectpicker form-control" ><spring:message code="area_id"/></span>
|
||
</div>
|
||
<select id="area_select" name="area" class="selectpicker select2 input-small">
|
||
<option value="" ><spring:message code="select"/></option>
|
||
<option value="astana">Astana</option>
|
||
<option value="almaty">Almaty</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div id="operator_detail" class="pull-left" style="display: none;">
|
||
<div class="input-group">
|
||
<div class="input-group-btn">
|
||
<span class="selectpicker form-control" ><spring:message code="isp"/></span>
|
||
</div>
|
||
<select id="operator_select" name="operator" class="selectpicker form-control" data-max-options="10" data-selected-text-format="count > 2" multiple max-width="100px" data-live-search="true" data-live-search-placeholder="search">
|
||
<option value=""><spring:message code="select"/></option>
|
||
<c:forEach items="${fns:getIspDicList('ispCode')}" var="dict" >
|
||
<option value="${dict.ispKeyCode}"><spring:message code="${dict.ispKeyName}"></spring:message></option>
|
||
</c:forEach>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="col-md-12" style="padding-top: 6px;">
|
||
<div id="chart_detail" class="pull-left" style="display: none;">
|
||
<div class="input-group">
|
||
<div class="input-group-btn">
|
||
<span class="selectpicker form-control" ><spring:message code="chart_type"/></span>
|
||
</div>
|
||
<select id="chartType" name="chartType" class="selectpicker select2 input-small">
|
||
<option value ="line"><spring:message code="line_chart"/></option>
|
||
<option value ="bar"><spring:message code="bar_chart"/></option>
|
||
<option value ="pie"><spring:message code="pie_chart"/></option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<c:if test="${empty concent or concent eq '1' }">
|
||
<div class="pull-left">
|
||
<button id="search" type="button" class="btn blue" onClick="return page()"> <i class="fa fa-search"></i> <spring:message code="search"/> </button>
|
||
<button type="button" class="btn btn-default" id="resetBtn"> <i class="fa fa-refresh"></i> <spring:message code="reset"/> </button>
|
||
</div>
|
||
<div class="pull-right">
|
||
<div class="btn-group">
|
||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
||
<i class="fa fa-wrench"></i> <spring:message code="export"></spring:message>
|
||
<i class="fa fa-angle-down"></i>
|
||
</button>
|
||
<ul class="dropdown-menu pull-right" style="min-width: 110px;" >
|
||
<li><sys:delRow url="${ctx}/dashboard/traffic/configStatisticListExport?type=excel" searchUrl="${ctx}/dashboard/traffic/configStatistic" id="contentTable" maxRow="10000" label="excel"></sys:delRow></li>
|
||
<li><sys:delRow url="${ctx}/dashboard/traffic/configStatisticListExport?type=csv" searchUrl="${ctx}/dashboard/traffic/configStatistic" id="contentTable" maxRow="10000" label="csv"></sys:delRow></li>
|
||
</ul>
|
||
</div>
|
||
<a class="btn btn-icon-only btn-default setfields tooltips" data-container="body" data-placement="top" data-original-title=<spring:message code="custom_columns"/> href="javascript:;">
|
||
<i class="icon-wrench"></i>
|
||
</a>
|
||
</div>
|
||
</c:if>
|
||
<c:if test="${concent eq '2' or concent eq '3' or concent eq '4' or concent eq '5' or concent eq '6' or concent eq '7' or concent eq '8' or concent eq '9'}">
|
||
|
||
<div class="pull-left">
|
||
<button id="search" type="button" class="btn blue" onClick="return searchList()"> <i class="fa fa-search"></i> <spring:message code="search"/> </button>
|
||
<button type="button" class="btn btn-default" id="resetBtn" > <i class="fa fa-refresh"></i> <spring:message code="reset"/> </button>
|
||
</div>
|
||
|
||
</c:if>
|
||
</div>
|
||
<!-- 搜索内容与操作按钮栏 -->
|
||
</form:form>
|
||
|
||
|
||
<c:if test="${empty concent or concent eq '1' }">
|
||
<%@include file="/WEB-INF/views/dashboard/newConfigStatistic.jsp"%>
|
||
</c:if>
|
||
<c:if test="${concent eq '2' }">
|
||
<%@include file="/WEB-INF/views/dashboard/newActionList.jsp"%>
|
||
</c:if>
|
||
<c:if test="${concent eq '3' }">
|
||
<%@include file="/WEB-INF/views/dashboard/newBandWidthList.jsp"%>
|
||
</c:if>
|
||
<c:if test="${concent eq '4' }">
|
||
<%@include file="/WEB-INF/views/dashboard/newProtocolTypeList.jsp"%>
|
||
</c:if>
|
||
<c:if test="${concent eq '5' }">
|
||
<%@include file="/WEB-INF/views/dashboard/newAppTypeList.jsp"%>
|
||
</c:if>
|
||
<c:if test="${concent eq '6' }">
|
||
<%@include file="/WEB-INF/views/dashboard/newDomainsList.jsp"%>
|
||
</c:if>
|
||
<c:if test="${concent eq '7' }">
|
||
<%@include file="/WEB-INF/views/dashboard/newActiveClientIPList.jsp"%>
|
||
</c:if>
|
||
<c:if test="${concent eq '8' }">
|
||
<%@include file="/WEB-INF/views/dashboard/newActiveServerIPList.jsp"%>
|
||
</c:if>
|
||
<c:if test="${concent eq '9' }">
|
||
<%@include file="/WEB-INF/views/dashboard/newSubscriberIDList.jsp"%>
|
||
</c:if>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
//统计明细下拉框内容数组
|
||
var detailNation1 = new Array('Total','Outbound','Inbound');
|
||
var detailNation2 = new Array('protocols');
|
||
var detailNation3 = new Array('33 APP');
|
||
var detailNation4 = new Array('domainList');
|
||
var detailNation5 = new Array('TOP100');
|
||
//统计维度下拉框内容数组
|
||
var dimensionNation1 = new Array('Rule');
|
||
var dimensionNation2 = new Array('block','monitor');
|
||
var dimensionNation3 = new Array('Gbps','pps');
|
||
var dimensionNation4 = new Array('bps','pps','link count','uniq client ip count','uniq server ip count');
|
||
var dimensionNation5 = new Array('link count','uniq client ip count','uniq server ip count');
|
||
var dimensionNation6 = new Array('bps','pps','link count');
|
||
$(document).ready(function(){
|
||
var statistic_concent=$("#statistic_concent").val();
|
||
//筛选功能初始化
|
||
$("#resetBtn").on("click",function(){
|
||
$("select.selectpicker").each(function(index){
|
||
if(index !=0){
|
||
$(this).selectpicker('val',$(this).find('option:first').val());
|
||
$(this).find("option").attr("selected",false);
|
||
$(this).find("option:first").attr("selected",true);
|
||
}
|
||
});
|
||
$(".Wdate").attr("value",'');
|
||
$("input:radio[value='1']").attr('checked','true');
|
||
$("#searchForm")[0].reset();
|
||
});
|
||
|
||
|
||
if(statistic_concent == null || statistic_concent =='1'){
|
||
searchHX();
|
||
//初始化统计明细下拉框
|
||
$("#statis_detail").hide();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
//初始化统计维度下拉框
|
||
createSelect('dimension_select','Rule', dimensionNation1);
|
||
$("#dimension_detail").show();
|
||
$("#area_detail").show();
|
||
$("#operator_detail").show();
|
||
$("#chart_detail").show();
|
||
|
||
initTimeSize();
|
||
$("#searchForm").attr("modelAttribute",'log');
|
||
// $("#searchForm").attr("action",'${ctx}/dashboard/traffic/configStatistic');
|
||
}else if( statistic_concent =='2'){
|
||
var starth=$("#beginDateh").val();
|
||
var endh=$("#endDateh").val();
|
||
$("#beginDate").val(starth);
|
||
$("#endDate").val(endh);
|
||
$("#concent option[value='"+statistic_concent+"'] ").attr("selected",true);
|
||
//初始化统计明细下拉框
|
||
$("#statis_detail").hide();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
//初始化统计维度下拉框
|
||
createSelect('dimension_select',$("#dimension").val(), dimensionNation2);
|
||
$("#dimension_detail").show();
|
||
$("#area_detail").show();
|
||
$("#operator_detail").show();
|
||
$("#chart_detail").show();
|
||
//查询条件回显
|
||
commonHx();
|
||
initTimeSize();
|
||
if($("#searchAction").val() ==undefined || $("#searchAction").val() ==null
|
||
||$("#searchAction").val() ==""){
|
||
actionTransAjax("action_reject",starth,endh);
|
||
}else{
|
||
actionTransAjax($("#searchAction").val(),starth,endh);
|
||
}
|
||
|
||
}else if( statistic_concent =='3'){
|
||
loading();
|
||
var starth=$("#beginDateh").val();
|
||
var endh=$("#endDateh").val();
|
||
$("#beginDate").val(starth);
|
||
$("#endDate").val(endh);
|
||
|
||
$("#concent option[value='"+statistic_concent+"'] ").attr("selected",true);
|
||
|
||
createSelect('detail_select',$("#detail").val(), detailNation1);
|
||
//初始化统计维度下拉框
|
||
createSelect('dimension_select',$("#dimension").val(), dimensionNation3);
|
||
//初始化统计明细下拉框
|
||
$("#statis_detail").show();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
$("#dimension_detail").show();
|
||
$("#area_detail").show();
|
||
$("#operator_detail").show();
|
||
$("#chart_detail").show();
|
||
//地域下拉框的改变事件
|
||
/* $("#area_select").on("change",function(){
|
||
var area_select = $("#area_select").val();
|
||
if(area_select == "astana"){
|
||
$("#chartDiv1").show();
|
||
$("#chartDiv2").hide();
|
||
}else if(area_select =="almaty"){
|
||
$("#chartDiv1").hide();
|
||
$("#chartDiv2").show();
|
||
}else{
|
||
$("#chartDiv1").show();
|
||
$("#chartDiv2").show();
|
||
}
|
||
}); */
|
||
//查询条件的回显
|
||
commonHx();
|
||
/* //初始化图表的显示
|
||
if($("#area").val() == "astana"){
|
||
$("#chartDiv1").show();
|
||
$("#chartDiv2").hide();
|
||
}else if($("#area").val() =="almaty"){
|
||
$("#chartDiv1").hide();
|
||
$("#chartDiv2").show();
|
||
}else{
|
||
$("#chartDiv1").show();
|
||
$("#chartDiv2").show();
|
||
} */
|
||
initTimeSize();
|
||
$("#searchForm").removeAttr("modelAttribute");
|
||
var unitType=$("#dimension_select").val(); // 单位类型
|
||
if($("#dimension_select").val() =="Gbps"){
|
||
unitType="1";
|
||
}
|
||
if($("#dimension_select").val() =="pps"){
|
||
unitType="2";
|
||
}
|
||
changeBandwidth(unitType,starth,endh);
|
||
}else if( statistic_concent =='4'){
|
||
loading();
|
||
var starth=$("#beginDateh").val();
|
||
var endh=$("#endDateh").val();
|
||
$("#beginDate").val(starth);
|
||
$("#endDate").val(endh);
|
||
|
||
$("#concent option[value='"+statistic_concent+"'] ").attr("selected",true);
|
||
var arr=$("#detail").val().split(",");
|
||
for (var int = 0; int < arr.length; int++) {
|
||
$("#detail_select_1 option[value='"+arr[int]+"'] ").attr("selected",true);
|
||
}
|
||
//初始化统计明细下拉框
|
||
$("#statis_detail").hide();
|
||
$("#statis_detail_1").show();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
// createSelect('detail_select',$("#detail").val(), detailNation1);
|
||
//初始化统计维度下拉框
|
||
createSelect('dimension_select',$("#dimension").val(), dimensionNation4);
|
||
$("#dimension_detail").show();
|
||
$("#area_detail").show();
|
||
$("#operator_detail").show();
|
||
$("#chart_detail").show();
|
||
//查询条件回显
|
||
commonHx();
|
||
//默认展示饼图
|
||
$("#chartType option[value='pie'] ").attr("selected",true);
|
||
//
|
||
var entranceId=$("#area_select").val();
|
||
if(entranceId == "astana"){
|
||
entranceId="1";
|
||
}else if(entranceId =="almaty"){
|
||
entranceId="2";
|
||
}else{
|
||
entranceId="";
|
||
}
|
||
initTimeSize();
|
||
$("#searchForm").removeAttr("modelAttribute");
|
||
ajaxProtocolList(starth,endh,entranceId);
|
||
$('.pageView').hide();
|
||
}else if( statistic_concent =='5'){
|
||
//筛选功能初始化
|
||
loading();
|
||
var starth=$("#beginDateh").val();
|
||
var endh=$("#endDateh").val();
|
||
$("#beginDate").val(starth);
|
||
$("#endDate").val(endh);
|
||
|
||
$("#concent option[value='"+statistic_concent+"'] ").attr("selected",true);
|
||
|
||
var arr=$("#detail").val().split(",");
|
||
if(arr.length>0){
|
||
for (var int = 0; int < arr.length; int++) {
|
||
$("#detail_select_2 option[value='"+arr[int]+"'] ").attr("selected",true);
|
||
}
|
||
}
|
||
//初始化统计明细下拉框
|
||
$("#statis_detail").hide();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").show();
|
||
$("#statis_detail_3").hide();
|
||
// createSelect('detail_select',$("#detail").val(), detailNation1);
|
||
//初始化统计维度下拉框
|
||
createSelect('dimension_select',$("#dimension").val(), dimensionNation4);
|
||
$("#dimension_detail").show();
|
||
$("#area_detail").show();
|
||
$("#operator_detail").show();
|
||
$("#chart_detail").show();
|
||
//查询条件回显
|
||
commonHx();
|
||
$("#chartType option[value='pie'] ").attr("selected",true);
|
||
var entranceId=$("#area_select").val();
|
||
if(entranceId == "astana"){
|
||
entranceId="1";
|
||
}else if(entranceId =="almaty"){
|
||
entranceId="2";
|
||
}else{
|
||
entranceId="";
|
||
}
|
||
initTimeSize();
|
||
$("#searchForm").removeAttr("modelAttribute");
|
||
ajaxAppList(starth,endh,entranceId);
|
||
$('.pageView').hide();
|
||
}else if( statistic_concent =='6'){
|
||
//筛选功能初始化
|
||
loading();
|
||
var starth=$("#beginDateh").val();
|
||
var endh=$("#endDateh").val();
|
||
$("#beginDate").val(starth);
|
||
$("#endDate").val(endh);
|
||
|
||
$("#concent option[value='"+statistic_concent+"'] ").attr("selected",true);
|
||
|
||
var arr=$("#detail").val().split(",");
|
||
if(arr.length>0){
|
||
for (var int = 0; int < arr.length; int++) {
|
||
$("#detail_select_3 option[value='"+arr[int]+"'] ").attr("selected",true);
|
||
}
|
||
}
|
||
//初始化统计明细下拉框
|
||
$("#statis_detail").hide();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").show();
|
||
// createSelect('detail_select',$("#detail").val(), detailNation1);
|
||
//初始化统计维度下拉框
|
||
createSelect('dimension_select',$("#dimension").val(), dimensionNation5);
|
||
$("#dimension_detail").show();
|
||
$("#area_detail").show();
|
||
$("#operator_detail").show();
|
||
$("#chart_detail").show();
|
||
//查询条件回显
|
||
commonHx();
|
||
$("#chartType option[value='pie'] ").attr("selected",true);
|
||
initTimeSize();
|
||
$("#searchForm").removeAttr("modelAttribute");
|
||
|
||
ajaxDomainList(starth, endh);
|
||
$('.pageView').hide();
|
||
}else if( statistic_concent =='7'){
|
||
//筛选功能初始化
|
||
loading();
|
||
var starth=$("#beginDateh").val();
|
||
var endh=$("#endDateh").val();
|
||
$("#beginDate").val(starth);
|
||
$("#endDate").val(endh);
|
||
|
||
$("#concent option[value='"+statistic_concent+"'] ").attr("selected",true);
|
||
|
||
createSelect('detail_select',$("#detail").val(), detailNation5);
|
||
//初始化统计明细下拉框
|
||
$("#statis_detail").show();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
//初始化统计维度下拉框
|
||
createSelect('dimension_select',$("#dimension").val(), dimensionNation6);
|
||
$("#dimension_detail").show();
|
||
$("#area_detail").show();
|
||
$("#operator_detail").show();
|
||
$("#chart_detail").show();
|
||
//查询条件回显
|
||
commonHx();
|
||
$("#chartType option[value='pie'] ").attr("selected",true);
|
||
var entranceId=$("#area_select").val();
|
||
if(entranceId == "astana"){
|
||
entranceId="1";
|
||
}else if(entranceId =="almaty"){
|
||
entranceId="2";
|
||
}else{
|
||
entranceId="";
|
||
}
|
||
initTimeSize();
|
||
$("#searchForm").removeAttr("modelAttribute");
|
||
ajaxClientIPList(starth,endh,entranceId);
|
||
$('.pageView').hide();
|
||
}else if( statistic_concent =='8'){
|
||
//筛选功能初始化
|
||
loading();
|
||
var starth=$("#beginDateh").val();
|
||
var endh=$("#endDateh").val();
|
||
$("#beginDate").val(starth);
|
||
$("#endDate").val(endh);
|
||
|
||
$("#concent option[value='"+statistic_concent+"'] ").attr("selected",true);
|
||
|
||
createSelect('detail_select',$("#detail").val(), detailNation5);
|
||
//初始化统计明细下拉框
|
||
$("#statis_detail").show();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
//初始化统计维度下拉框
|
||
createSelect('dimension_select',$("#dimension").val(), dimensionNation6);
|
||
$("#dimension_detail").show();
|
||
$("#area_detail").show();
|
||
$("#operator_detail").show();
|
||
$("#chart_detail").show();
|
||
//查询条件回显
|
||
commonHx();
|
||
$("#chartType option[value='pie'] ").attr("selected",true);
|
||
var entranceId=$("#area_select").val();
|
||
if(entranceId == "astana"){
|
||
entranceId="1";
|
||
}else if(entranceId =="almaty"){
|
||
entranceId="2";
|
||
}else{
|
||
entranceId="";
|
||
}
|
||
initTimeSize();
|
||
$("#searchForm").removeAttr("modelAttribute");
|
||
ajaxServerIPList(starth,endh,entranceId);
|
||
$('.pageView').hide();
|
||
}else if( statistic_concent =='9'){
|
||
//筛选功能初始化
|
||
loading();
|
||
var starth=$("#beginDateh").val();
|
||
var endh=$("#endDateh").val();
|
||
$("#beginDate").val(starth);
|
||
$("#endDate").val(endh);
|
||
|
||
$("#concent option[value='"+statistic_concent+"'] ").attr("selected",true);
|
||
|
||
createSelect('detail_select',$("#detail").val(), detailNation5);
|
||
//初始化统计明细下拉框
|
||
$("#statis_detail").show();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
//初始化统计维度下拉框
|
||
createSelect('dimension_select',$("#dimension").val(), dimensionNation6);
|
||
$("#dimension_detail").show();
|
||
$("#area_detail").show();
|
||
$("#operator_detail").show();
|
||
$("#chart_detail").show();
|
||
//查询条件回显
|
||
commonHx();
|
||
$("#chartType option[value='pie'] ").attr("selected",true);
|
||
var entranceId=$("#area_select").val();
|
||
if(entranceId == "astana"){
|
||
entranceId="1";
|
||
}else if(entranceId =="almaty"){
|
||
entranceId="2";
|
||
}else{
|
||
entranceId="";
|
||
}
|
||
initTimeSize();
|
||
$("#searchForm").removeAttr("modelAttribute");
|
||
ajaxSubscriberIDList(starth,endh,entranceId);
|
||
$('.pageView').hide();
|
||
}
|
||
// 时间粒度的改变事件
|
||
selectTimeSize();
|
||
//统计内容下拉框改变事件
|
||
concentOnChange();
|
||
});
|
||
//页面切换时，初始化时间框onchange时间的参数的值
|
||
function initTimeSize(){
|
||
var size = $(".timeSize:checked").val();
|
||
var beginTimeObj = $("#beginDate").clone();
|
||
var endTimeObj = $("#endDate").clone();
|
||
$("#beginDate").remove();
|
||
$("#endDate").remove();
|
||
|
||
if(size == 1){ // 5分钟
|
||
beginTimeObj.attr("onchange","setStartTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')");
|
||
endTimeObj.attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')");
|
||
}else if(size == 2){ // 小时
|
||
beginTimeObj.attr("onchange","setStartTimeByFormats('#beginDate1','#endDate1',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh')");
|
||
endTimeObj.attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh')");
|
||
}else if(size == 3){ // 天
|
||
beginTimeObj.attr("onchange","setStartTimeByFormats('#beginDate','#endDate',1,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd')");
|
||
endTimeObj.attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd')");
|
||
}else if(size == 4){ // 月
|
||
beginTimeObj.attr("onchange","setStartTimeByFormats('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM')");
|
||
endTimeObj.attr("onchange","setEndTimeByFormats('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM')");
|
||
}else if(size == 5){ // 年
|
||
beginTimeObj.attr("onchange","setStartTimeByFormats('#beginDate','#endDate',5,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy')");
|
||
endTimeObj.attr("onchange","setEndTimeByFormats('#beginDate','#endDate',5,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy')");
|
||
}
|
||
$(".beginDate").children("div").after(beginTimeObj);setEndTimeByFormat
|
||
$(".endDate").children("div").after(endTimeObj);
|
||
|
||
//$("#beginDate").change();
|
||
$("#endDate").change();
|
||
|
||
if(size == 1){ // 5分钟
|
||
$("#beginDate").attr("onchange","setStartTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')");
|
||
$("#endDate").attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')");
|
||
}else if(size == 2){ // 小时
|
||
$("#beginDate").attr("onchange","setStartTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh')");
|
||
$("#endDate").attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh')");
|
||
}else if(size == 3){ // 天
|
||
$("#beginDate").attr("onchange","setStartTimeByFormats('#beginDate','#endDate',1,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd')");
|
||
$("#endDate").attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd')");
|
||
}else if(size == 4){ // 月
|
||
$("#beginDate").attr("onchange","setStartTimeByFormats('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM')");
|
||
$("#endDate").attr("onchange","setEndTimeByFormats('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM')");
|
||
}else if(size == 5){ // 年
|
||
$("#beginDate").attr("onchange","setStartTimeByFormats('#beginDate','#endDate',5,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy')");
|
||
$("#endDate").attr("onchange","setEndTimeByFormats('#beginDate','#endDate',5,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy')");
|
||
}
|
||
}
|
||
// 时间粒度的改变事件
|
||
function selectTimeSize(){
|
||
$(".timeSize").on("change",function(){
|
||
var size = $(this).val();
|
||
var beginTimeObj = $("#beginDate").clone();
|
||
var endTimeObj = $("#endDate").clone();
|
||
$("#beginDate").remove();
|
||
$("#endDate").remove();
|
||
|
||
/* if(size == 1){ // 5分钟
|
||
beginTimeObj.attr("onchange","setStartTime('#beginDate','#endDate',1,'h','yyyy-MM-dd hh:mm:ss',false,true)");
|
||
endTimeObj.attr("onchange","setEndTime('#beginDate','#endDate',1,'h','yyyy-MM-dd hh:mm:ss',false,true)");
|
||
}else if(size == 2){ // 小时
|
||
beginTimeObj.attr("onchange","setStartTime('#beginDate1','#endDate1',1,'d','yyyy-MM-dd hh:mm:ss',false,true)");
|
||
endTimeObj.attr("onchange","setEndTime('#beginDate','#endDate',1,'d','yyyy-MM-dd hh:mm:ss',false,true)");
|
||
}else if(size == 3){ // 天
|
||
beginTimeObj.attr("onchange","setStartTime('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,true)");
|
||
endTimeObj.attr("onchange","setEndTime('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,true)");
|
||
}else if(size == 4){ // 月
|
||
beginTimeObj.attr("onchange","setStartTime('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false,true)");
|
||
endTimeObj.attr("onchange","setEndTime('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false,true)");
|
||
}else if(size == 5){ // 年
|
||
beginTimeObj.attr("onchange","setStartTime('#beginDate','#endDate',24,'m','yyyy-MM-dd hh:mm:ss',false,'year')");
|
||
endTimeObj.attr("onchange","setEndTime('#beginDate','#endDate',24,'m','yyyy-MM-dd hh:mm:ss',false,'year')");
|
||
} */
|
||
if(size == 1){ // 5分钟
|
||
beginTimeObj.attr("onchange","setStartTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')");
|
||
endTimeObj.attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')");
|
||
}else if(size == 2){ // 小时
|
||
beginTimeObj.attr("onchange","setStartTimeByFormats('#beginDate1','#endDate1',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh')");
|
||
endTimeObj.attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh')");
|
||
}else if(size == 3){ // 天
|
||
beginTimeObj.attr("onchange","setStartTimeByFormats('#beginDate','#endDate',1,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd')");
|
||
endTimeObj.attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd')");
|
||
}else if(size == 4){ // 月
|
||
beginTimeObj.attr("onchange","setStartTimeByFormats('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM')");
|
||
endTimeObj.attr("onchange","setEndTimeByFormats('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM')");
|
||
}else if(size == 5){ // 年
|
||
beginTimeObj.attr("onchange","setStartTimeByFormats('#beginDate','#endDate',5,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy')");
|
||
endTimeObj.attr("onchange","setEndTimeByFormats('#beginDate','#endDate',5,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy')");
|
||
}
|
||
$(".beginDate").children("div").after(beginTimeObj);setEndTimeByFormat
|
||
$(".endDate").children("div").after(endTimeObj);
|
||
|
||
//$("#beginDate").change();
|
||
$("#endDate").change();
|
||
|
||
/* if(size == 1){ // 5分钟
|
||
$("#beginDate").attr("onchange","setStartTime('#beginDate','#endDate',1,'h','yyyy-MM-dd hh:mm:ss',false)");
|
||
$("#endDate").attr("onchange","setEndTime('#beginDate','#endDate',1,'h','yyyy-MM-dd hh:mm:ss',false)");
|
||
}else if(size == 2){ // 小时
|
||
$("#beginDate").attr("onchange","setStartTime('#beginDate','#endDate',1,'d','yyyy-MM-dd hh:mm:ss',false)");
|
||
$("#endDate").attr("onchange","setEndTime('#beginDate','#endDate',1,'d','yyyy-MM-dd hh:mm:ss',false)");
|
||
}else if(size == 3){ // 天
|
||
$("#beginDate").attr("onchange","setStartTime('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false)");
|
||
$("#endDate").attr("onchange","setEndTime('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false)");
|
||
}else if(size == 4){ // 月
|
||
$("#beginDate").attr("onchange","setStartTime('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false)");
|
||
$("#endDate").attr("onchange","setEndTime('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false)");
|
||
}else if(size == 5){ // 年
|
||
$("#beginDate").attr("onchange","setStartTime('#beginDate','#endDate',24,'m','yyyy-MM-dd hh:mm:ss',false)");
|
||
$("#endDate").attr("onchange","setEndTime('#beginDate','#endDate',24,'m','yyyy-MM-dd hh:mm:ss',false)");
|
||
} */
|
||
if(size == 1){ // 5分钟
|
||
$("#beginDate").attr("onchange","setStartTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')");
|
||
$("#endDate").attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh:mm')");
|
||
}else if(size == 2){ // 小时
|
||
$("#beginDate").attr("onchange","setStartTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh')");
|
||
$("#endDate").attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd hh')");
|
||
}else if(size == 3){ // 天
|
||
$("#beginDate").attr("onchange","setStartTimeByFormats('#beginDate','#endDate',1,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd')");
|
||
$("#endDate").attr("onchange","setEndTimeByFormats('#beginDate','#endDate',1,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM-dd')");
|
||
}else if(size == 4){ // 月
|
||
$("#beginDate").attr("onchange","setStartTimeByFormats('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM')");
|
||
$("#endDate").attr("onchange","setEndTimeByFormats('#beginDate','#endDate',12,'m','yyyy-MM-dd hh:mm:ss',false,'yyyy-MM')");
|
||
}else if(size == 5){ // 年
|
||
$("#beginDate").attr("onchange","setStartTimeByFormats('#beginDate','#endDate',5,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy')");
|
||
$("#endDate").attr("onchange","setEndTimeByFormats('#beginDate','#endDate',5,'y','yyyy-MM-dd hh:mm:ss',false,'yyyy')");
|
||
}
|
||
});
|
||
}
|
||
|
||
//动态生成下拉框的内容
|
||
/*
|
||
id:select的id name:默认选中的下拉框 str:下拉框展示内容的数组
|
||
*/
|
||
function createSelect(id,name, str){
|
||
var _select = $("#"+id);
|
||
var html='<select class="selectpicker form-control input-small">';
|
||
for( i = 0; i < str.length; i++){
|
||
html+='<option value="'+str[i]+'"';
|
||
if(name == str[i]){
|
||
html+=" selected";
|
||
}
|
||
html+='>'+str[i]+'</option>';
|
||
}
|
||
html+='</select>';
|
||
_select.html(html);
|
||
_select.selectpicker("refresh");
|
||
_select.selectpicker("render");
|
||
|
||
}
|
||
//统计内容下拉框改变事件
|
||
function concentOnChange(){
|
||
$("#concent").on("change",function(){
|
||
var concent = $("#concent").val();
|
||
if(concent == 1){ //
|
||
$("#statis_detail").hide();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
createSelect('dimension_select','Rule', dimensionNation1);
|
||
$("#search").removeAttr("onclick");
|
||
$("#search").attr("onclick","return page();");
|
||
}else if(concent == 2){ //
|
||
$("#statis_detail").hide();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
createSelect('dimension_select','block', dimensionNation2);
|
||
$("#search").removeAttr("onclick");
|
||
$("#search").attr("onclick","return searchListRuleType()");
|
||
}else if(concent == 3){ //
|
||
$("#statis_detail").show();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_3").hide();
|
||
createSelect('detail_select','Total', detailNation1);
|
||
$("#detail_select").removeClass("hidden");
|
||
createSelect('dimension_select','Gbps', dimensionNation3);
|
||
$("#search").removeAttr("onclick");
|
||
$("#search").attr("onclick","return searchListBandWidth()");
|
||
}else if(concent == 4){ //
|
||
$("#statis_detail").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_1").show();
|
||
$("#statis_detail_3").hide();
|
||
// createSelect('detail_select','protocols', detailNation2);
|
||
createSelect('dimension_select','bps', dimensionNation4);
|
||
$("#search").removeAttr("onclick");
|
||
$("#search").attr("onclick","return searchListProtocol()");
|
||
}else if(concent == 5){ //
|
||
$("#statis_detail").hide();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").show();
|
||
$("#statis_detail_3").hide();
|
||
// createSelect('detail_select','33 APP', detailNation3);
|
||
createSelect('dimension_select','bps', dimensionNation4);
|
||
$("#search").removeAttr("onclick");
|
||
$("#search").attr("onclick","return searchListAPP()");
|
||
}else if(concent == 6){ //
|
||
$("#statis_detail").hide();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").show();
|
||
// createSelect('detail_select','domainList', detailNation4);
|
||
createSelect('dimension_select','link count', dimensionNation5);
|
||
$("#search").removeAttr("onclick");
|
||
$("#search").attr("onclick","return searchListDomain()");
|
||
}else if(concent == 7){ //
|
||
$("#statis_detail").show();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
createSelect('detail_select','TOP100', detailNation5);
|
||
createSelect('dimension_select','bps', dimensionNation6);
|
||
$("#search").removeAttr("onclick");
|
||
$("#search").attr("onclick","return searchListClientAndServerIP()");
|
||
}else if(concent == 8){ //
|
||
$("#statis_detail").show();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
createSelect('detail_select','TOP100', detailNation5);
|
||
createSelect('dimension_select','bps', dimensionNation6);
|
||
$("#search").removeAttr("onclick");
|
||
$("#search").attr("onclick","return searchListClientAndServerIP()");
|
||
}else if(concent == 9){ //
|
||
$("#statis_detail").show();
|
||
$("#statis_detail_1").hide();
|
||
$("#statis_detail_2").hide();
|
||
$("#statis_detail_3").hide();
|
||
createSelect('detail_select','TOP100', detailNation5);
|
||
createSelect('dimension_select','bps', dimensionNation6);
|
||
$("#search").removeAttr("onclick");
|
||
$("#search").attr("onclick","return searchListSubscriberID()");
|
||
}
|
||
});
|
||
}
|
||
|
||
//配置统计 查询条件 回显
|
||
function searchHX(){
|
||
var ss=$("#time_size").val();
|
||
$("input:radio[value='"+ss+"']").attr('checked','true');
|
||
var area=$("#area").val();
|
||
$("#area_select option[value='"+area+"'] ").attr("selected",true);
|
||
var arr=$("#operator").val().split(",");
|
||
if(arr.length>0){
|
||
for (var int = 0; int < arr.length; int++) {
|
||
$("#operator_select option[value='"+arr[int]+"'] ").attr("selected",true);
|
||
}
|
||
}
|
||
var chart_type=$("#chart_type").val();
|
||
$("#chartType option[value='"+chart_type+"'] ").attr("selected",true);
|
||
$("#beginDate").val($("#beginDateh").val());
|
||
$("#endDate").val($("#endDateh").val());
|
||
}
|
||
//RuleType 查询按钮方法的更改
|
||
function searchListRuleType(){
|
||
var concent=$("#concent").val();
|
||
var detail_select=$("#detail_select").val();
|
||
var dimension_select=$("#dimension_select").val();
|
||
var area_select=$("#area_select").val();
|
||
var operator_select=$("#operator_select").val();
|
||
var timeSize=$(".timeSize:checked").val();
|
||
var chart_type=$("#chartType").val();
|
||
var beginDate=$("#beginDate").val();
|
||
var endDate=$("#endDate").val();
|
||
var searchAction="action_reject";
|
||
if(dimension_select=="block"){
|
||
searchAction="action_reject";
|
||
}
|
||
if(dimension_select=="monitor"){
|
||
searchAction="action_monit";
|
||
}
|
||
window.location.href="${ctx}/dashboard/traffic/newtrafficBlockMonitorList?concent="+concent+"&searchAction="+searchAction
|
||
+"&detail="+detail_select+"&dimension="+dimension_select+"&area="+area_select+"&operator="+operator_select
|
||
+"&timeSize="+timeSize+"&chartType="+chart_type+"&beginDate="+beginDate+"&endDate="+endDate;
|
||
}
|
||
//BandWidth 查询按钮方法的更改
|
||
function searchListBandWidth(){
|
||
var concent=$("#concent").val();
|
||
var detail_select=$("#detail_select").val();
|
||
var dimension_select=$("#dimension_select").val();
|
||
var area_select=$("#area_select").val();
|
||
var operator_select=$("#operator_select").val();
|
||
var timeSize=$(".timeSize:checked").val();
|
||
var chart_type=$("#chartType").val();
|
||
var beginDate=$("#beginDate").val();
|
||
var endDate=$("#endDate").val();
|
||
ajaxCommon('${ctx}/dashboard/traffic/commonNewList',concent,detail_select,dimension_select,area_select,
|
||
operator_select,timeSize,chart_type,beginDate,endDate);
|
||
}
|
||
//Protocols 查询按钮方法的更改
|
||
function searchListProtocol(){
|
||
var concent=$("#concent").val();
|
||
var detail_select=$("#detail_select_1").val();
|
||
var dimension_select=$("#dimension_select").val();
|
||
var area_select=$("#area_select").val();
|
||
var operator_select=$("#operator_select").val();
|
||
var timeSize=$(".timeSize:checked").val();
|
||
var chart_type=$("#chartType").val();
|
||
var beginDate=$("#beginDate").val();
|
||
var endDate=$("#endDate").val();
|
||
ajaxCommon('${ctx}/dashboard/traffic/commonNewList',concent,detail_select,dimension_select,area_select,
|
||
operator_select,timeSize,chart_type,beginDate,endDate);
|
||
}
|
||
//APP 查询按钮方法的更改
|
||
function searchListAPP(){
|
||
var concent=$("#concent").val();
|
||
var detail_select=$("#detail_select_2").val();
|
||
var dimension_select=$("#dimension_select").val();
|
||
var area_select=$("#area_select").val();
|
||
var operator_select=$("#operator_select").val();
|
||
var timeSize=$(".timeSize:checked").val();
|
||
var chart_type=$("#chartType").val();
|
||
var beginDate=$("#beginDate").val();
|
||
var endDate=$("#endDate").val();
|
||
ajaxCommon('${ctx}/dashboard/traffic/commonNewList',concent,detail_select,dimension_select,area_select,
|
||
operator_select,timeSize,chart_type,beginDate,endDate);
|
||
}
|
||
//domain 查询按钮方法的更改
|
||
function searchListDomain(){
|
||
var concent=$("#concent").val();
|
||
var detail_select=$("#detail_select_3").val();
|
||
var dimension_select=$("#dimension_select").val();
|
||
var area_select=$("#area_select").val();
|
||
var operator_select=$("#operator_select").val();
|
||
var timeSize=$(".timeSize:checked").val();
|
||
var chart_type=$("#chartType").val();
|
||
var beginDate=$("#beginDate").val();
|
||
var endDate=$("#endDate").val();
|
||
ajaxCommon('${ctx}/dashboard/traffic/commonNewList',concent,detail_select,dimension_select,area_select,
|
||
operator_select,timeSize,chart_type,beginDate,endDate);
|
||
}
|
||
//Client IP 和 Server IP 查询按钮方法的更改
|
||
function searchListClientAndServerIP(){
|
||
var concent=$("#concent").val();
|
||
var detail_select=$("#detail_select").val();
|
||
var dimension_select=$("#dimension_select").val();
|
||
var area_select=$("#area_select").val();
|
||
var operator_select=$("#operator_select").val();
|
||
var timeSize=$(".timeSize:checked").val();
|
||
var chart_type=$("#chartType").val();
|
||
var beginDate=$("#beginDate").val();
|
||
var endDate=$("#endDate").val();
|
||
ajaxCommon('${ctx}/dashboard/traffic/commonNewList',concent,detail_select,dimension_select,area_select,
|
||
operator_select,timeSize,chart_type,beginDate,endDate);
|
||
}
|
||
//SubscriberID 查询按钮方法的更改
|
||
function searchListSubscriberID(){
|
||
var concent=$("#concent").val();
|
||
var detail_select=$("#detail_select").val();
|
||
var dimension_select=$("#dimension_select").val();
|
||
var area_select=$("#area_select").val();
|
||
var operator_select=$("#operator_select").val();
|
||
var timeSize=$(".timeSize:checked").val();
|
||
var chart_type=$("#chartType").val();
|
||
var beginDate=$("#beginDate").val();
|
||
var endDate=$("#endDate").val();
|
||
ajaxCommon('${ctx}/dashboard/traffic/commonNewList',concent,detail_select,dimension_select,area_select,
|
||
operator_select,timeSize,chart_type,beginDate,endDate);
|
||
}
|
||
//其他页面 查询条件回显
|
||
function commonHx(){
|
||
var ss=$("#time_size").val();
|
||
$("input:radio[value='"+ss+"']").attr('checked','true');
|
||
$("#area_select option[value='"+$("#area").val()+"'] ").attr("selected",true);
|
||
var arr=$("#operator").val().split(",");
|
||
if(arr.length>0){
|
||
for (var int = 0; int < arr.length; int++) {
|
||
$("#operator_select option[value='"+arr[int]+"'] ").attr("selected",true);
|
||
}
|
||
}
|
||
$("#chartType option[value='"+$("#chart_type").val()+"'] ").attr("selected",true);
|
||
}
|
||
//公共跳转
|
||
function ajaxCommon(url,concent,detail_select,dimension_select,area_select,
|
||
operator_select,timeSize,chart_type,beginDate,endDate){
|
||
window.location.href=url+"?concent="+concent+"&detail="+detail_select+"&dimension="+dimension_select
|
||
+"&area="+area_select+"&operator="+operator_select+"&timeSize="+timeSize+"&chartType="+chart_type
|
||
+"&beginDate="+beginDate+"&endDate="+endDate;
|
||
}
|
||
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html> |