gfwleak/k18-ntcs-web-ntc
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

流量统计带表格的导出excel，csv, 第一行标题，时间，最后一行统计，修改活跃IP的详情的标题

Browse Source
This commit is contained in:
zhanghongqing
2018-12-21 17:05:27 +08:00
parent fcfe3634b5
commit 7c6965633b
10 changed files with 2600 additions and 2543 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/resources/messages/message_en.properties
View File

@@ -1154,8 +1154,8 @@ area_group_manage=Grouping Area Manage
stream_media_protocol=Stream Media Protocol stream_media_protocol=Stream Media Protocol
new_link=New Link new_link=New Link
active_link=Close Link active_link=Close Link
traffic_ipactive_hour_trend=Active IP TOP10 Trend In Nearly One Hour traffic_ipactive_hour_trend=Active IP TOP10 Trend
traffic_ipactive_hour_max=Active IP TOP10 Maximum In Nearly One Hour traffic_ipactive_hour_max=Active IP TOP10 Maximum
ip_addr=IP ip_addr=IP
area_id=Area area_id=Area
link_num=Link Times link_num=Link Times

2502
src/main/resources/messages/message_ru.properties
View File

File diff suppressed because it is too large Load Diff

2504
src/main/resources/messages/message_zh_CN.properties
View File

File diff suppressed because it is too large Load Diff

21
src/main/webapp/WEB-INF/views/dashboard/trafficAppTypeList.jsp
View File

@@ -84,7 +84,7 @@
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <spring:message code="export"/> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <spring:message code="export"/>
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" role="menu" style="min-width: 81px;right: -9px;"> <ul class="dropdown-menu" role="menu" style="min-width: 81px;right: -16px;">
<li><a class="btn export-btn" data-type="xlsx" id="export-btn"><i class="fa fa-download"> </i> excel </a><li> <li><a class="btn export-btn" data-type="xlsx" id="export-btn"><i class="fa fa-download"> </i> excel </a><li>
<li><a class="btn export-btn" data-type="csv" id="export-btn"><i class="fa fa-download"> </i> csv &nbsp;&nbsp;&nbsp;</a><li> <li><a class="btn export-btn" data-type="csv" id="export-btn"><i class="fa fa-download"> </i> csv &nbsp;&nbsp;&nbsp;</a><li>
</ul> </ul>
@@ -95,7 +95,7 @@
<table id="contentTable" class="table table-active table-striped table-bordered table-condensed text-nowrap"> <table id="contentTable" class="table table-active table-striped table-bordered table-condensed text-nowrap">
<thead> <thead>
<tr> <tr>
<th class="tl"><spring:message code="app"/></th> <th class="tl"><spring:message code="App"/></th>
<th class="tl"><spring:message code="link_num"/></th> <th class="tl"><spring:message code="link_num"/></th>
<th class="tl"><spring:message code="percentage"/> (<spring:message code="link_num"/>)</th> <th class="tl"><spring:message code="percentage"/> (<spring:message code="link_num"/>)</th>
<th class="tl"><spring:message code="packets"/></th> <th class="tl"><spring:message code="packets"/></th>
@@ -116,6 +116,7 @@
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/offline-exporting.js"></script> <script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/offline-exporting.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
loading();
var starth=$("#beginDateh").val(); var starth=$("#beginDateh").val();
var endh=$("#endDateh").val(); var endh=$("#endDateh").val();
$("#beginDate").val(starth); $("#beginDate").val(starth);
@@ -185,6 +186,14 @@ function ajaxAppList(start,end){
$(".export-btn").click(function(){ $(".export-btn").click(function(){
var dataType = $(this).attr("data-type"); var dataType = $(this).attr("data-type");
getPageData(1,999999);// 设置导出页条数 getPageData(1,999999);// 设置导出页条数
var start=$("#beginDate").val();
var end=$("#endDate").val();
var htmlTitle="";
htmlTitle+="<tr class='tr-title'>";
htmlTitle+= "<th class='tc' colspan='1'>"+"<spring:message code='App'/>"+"</th>";
htmlTitle+= "<th class='tc' colspan='2'>"+start+"--"+ end +"</th>";
htmlTitle+="</tr>"
$("#contentTable thead").prepend(htmlTitle);
var te = $("#contentTable").tableExport({ var te = $("#contentTable").tableExport({
headings:true, headings:true,
footers:true, footers:true,
@@ -194,6 +203,7 @@ $(".export-btn").click(function(){
}); });
$("#myexport").click(); $("#myexport").click();
$("caption").remove(); $("caption").remove();
$(".tr-title").remove();
getPageData(1,10); getPageData(1,10);
}); });
/** /**
@@ -231,8 +241,7 @@ function htmlData(fileDataS){
}else{ }else{
$('.none-data').hide(); $('.none-data').hide();
$('.M-box').show(); $('.M-box').show();
var start=$("#beginDate").val();
var end=$("#endDate").val();
$.each(fileDataS,function (index,data){ $.each(fileDataS,function (index,data){
if(data!=null){ if(data!=null){
var totalLink = data.totalLink; var totalLink = data.totalLink;
@@ -250,7 +259,7 @@ function htmlData(fileDataS){
if(totalGByte!=null&&totalGByte!=0 ){ if(totalGByte!=null&&totalGByte!=0 ){
gbytper=((data.GByte/totalGByte)*100).toFixed(2); gbytper=((data.GByte/totalGByte)*100).toFixed(2);
} }
var html = "<tr>"; var html = "<tr>";
html+= "<td class='tc'>"+data.appName+"</td>"; html+= "<td class='tc'>"+data.appName+"</td>";
html+= "<td class='tc'>"+data.linkNum+"</td>"; html+= "<td class='tc'>"+data.linkNum+"</td>";
html+= "<td class='tc'>"+linkper+"%"+"</td>"; html+= "<td class='tc'>"+linkper+"%"+"</td>";
@@ -267,7 +276,7 @@ function htmlData(fileDataS){
html+= "<td class='tc'>"+Math.round(totalPackets*100)/100+"</td>"; html+= "<td class='tc'>"+Math.round(totalPackets*100)/100+"</td>";
html+= "<td class='tc'>"+"100%"+"</td>"; html+= "<td class='tc'>"+"100%"+"</td>";
html+= "<td class='tc'>"+Math.round(totalGByte*100)/100+"</td>"; html+= "<td class='tc'>"+Math.round(totalGByte*100)/100+"</td>";
html+= "<td class='tc'>"+start+"--"+ end +"</td>"; html+= "<td class='tc'>"+"100%"+"</td>";
html+="</tr>" html+="</tr>"
} }
} }

4
src/main/webapp/WEB-INF/views/dashboard/trafficDomainTrans.jsp
View File

@@ -44,11 +44,11 @@ $(document).ready(function(){
}); });
//活跃IP一小时间隔五分钟统计 //活跃IP一小时间隔五分钟统计
function domainTrans(){ function domainTrans(){
loading();
var beginDate=$("#beginDate").val(); var beginDate=$("#beginDate").val();
var endDate=$("#endDate").val(); var endDate=$("#endDate").val();
var entranceId=$("#entranceId").val(); var entranceId=$("#entranceId").val();
var domain=$("#domain").val(); var domain=$("#domain").val();
loading();
$.ajax({ $.ajax({
url: '${ctx}/dashboard/traffic/ajaxDomainTrans', url: '${ctx}/dashboard/traffic/ajaxDomainTrans',
type : "get" , type : "get" ,
@@ -80,8 +80,6 @@ function showDomainTrans(rs){
var xData=new Array(); var xData=new Array();
xData=rs[0].statTime; xData=rs[0].statTime;
var series=new Array(); var series=new Array();
console.log(rs[0].statTime)
console.log(rs[0].count)
// $(rs).each(function(i, d) { // $(rs).each(function(i, d) {
series.push({ series.push({
name: ' ', name: ' ',

13
src/main/webapp/WEB-INF/views/dashboard/trafficHttpStatisticList.jsp
View File

@@ -61,7 +61,7 @@
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <spring:message code="export"/> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <spring:message code="export"/>
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" role="menu" style="min-width: 81px;right: -9px;"> <ul class="dropdown-menu" role="menu" style="min-width: 81px;right: -16px;">
<li><a class="btn export-btn" data-type="xlsx" id="export-btn"><i class="fa fa-download"> </i> excel </a><li> <li><a class="btn export-btn" data-type="xlsx" id="export-btn"><i class="fa fa-download"> </i> excel </a><li>
<li><a class="btn export-btn" data-type="csv" id="export-btn"><i class="fa fa-download"> </i> csv &nbsp;&nbsp;&nbsp;</a><li> <li><a class="btn export-btn" data-type="csv" id="export-btn"><i class="fa fa-download"> </i> csv &nbsp;&nbsp;&nbsp;</a><li>
</ul> </ul>
@@ -93,6 +93,7 @@
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/offline-exporting.js"></script> <script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/offline-exporting.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
loading();
var starth=$("#beginDateh").val(); var starth=$("#beginDateh").val();
var endh=$("#endDateh").val(); var endh=$("#endDateh").val();
$("#beginDate").val(starth); $("#beginDate").val(starth);
@@ -166,6 +167,14 @@ function ajaxProtocolList(start,end){
$(".export-btn").click(function(){ $(".export-btn").click(function(){
var dataType = $(this).attr("data-type"); var dataType = $(this).attr("data-type");
getPageData(1,999999);// 设置导出页条数 getPageData(1,999999);// 设置导出页条数
var start=$("#beginDate").val();
var end=$("#endDate").val();
var htmlTitle="";
htmlTitle+="<tr class='tr-title'>";
htmlTitle+= "<th class='tc' colspan='1'>"+"<spring:message code='service'/>"+"</th>";
htmlTitle+= "<th class='tc' colspan='2'>"+start+"--"+ end +"</th>";
htmlTitle+="</tr>"
$("#contentTable thead").prepend(htmlTitle);
var te = $("#contentTable").tableExport({ var te = $("#contentTable").tableExport({
headings:true, headings:true,
footers:true, footers:true,
@@ -175,6 +184,7 @@ $(".export-btn").click(function(){
}); });
$("#myexport").click(); $("#myexport").click();
$("caption").remove(); $("caption").remove();
$(".tr-title").remove();
getPageData(1,10); getPageData(1,10);
}); });
/** /**
@@ -233,7 +243,6 @@ function htmlData(fileDataS){
html+= "<td class='tc'>"+"100%"+"</td>"; html+= "<td class='tc'>"+"100%"+"</td>";
html+= "<td class='tc'>"+(data.allGByte/1073741824).toFixed(2)+"</td>"; html+= "<td class='tc'>"+(data.allGByte/1073741824).toFixed(2)+"</td>";
html+= "<td class='tc'>"+"100%"+"</td>"; html+= "<td class='tc'>"+"100%"+"</td>";
html+= "<td class='tc'>"+start+"--"+ end +"</td>";
html+="</tr>" html+="</tr>"
} }
} }

17
src/main/webapp/WEB-INF/views/dashboard/trafficIpActiveList.jsp
View File

@@ -64,7 +64,7 @@
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <spring:message code="export"/> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <spring:message code="export"/>
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" role="menu" style="min-width: 81px;right: -9px;"> <ul class="dropdown-menu" role="menu" style="min-width: 81px;right: -16px;">
<li><a class="btn export-btn" data-type="xlsx" id="export-btn"><i class="fa fa-download"> </i> excel </a><li> <li><a class="btn export-btn" data-type="xlsx" id="export-btn"><i class="fa fa-download"> </i> excel </a><li>
<li><a class="btn export-btn" data-type="csv" id="export-btn"><i class="fa fa-download"> </i> csv &nbsp;&nbsp;&nbsp;</a><li> <li><a class="btn export-btn" data-type="csv" id="export-btn"><i class="fa fa-download"> </i> csv &nbsp;&nbsp;&nbsp;</a><li>
</ul> </ul>
@@ -108,6 +108,7 @@
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/exporting-data.js"></script> <script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/exporting-data.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
loading();
var starth=$("#beginDateh").val(); var starth=$("#beginDateh").val();
var endh=$("#endDateh").val(); var endh=$("#endDateh").val();
$("#beginDate").val(starth); $("#beginDate").val(starth);
@@ -128,6 +129,14 @@ $(document).ready(function(){
//导出列表 //导出列表
$(".export-btn").click(function(){ $(".export-btn").click(function(){
var dataType = $(this).attr("data-type"); var dataType = $(this).attr("data-type");
var start=$("#beginDate").val();
var end=$("#endDate").val();
var htmlTitle="";
htmlTitle+="<tr class='tr-title'>";
htmlTitle+= "<th class='tc' colspan='1'>"+"<spring:message code='traffic_ipactive_hour_max'/>"+"</th>";
htmlTitle+= "<th class='tc' colspan='2'>"+start+"--"+ end +"</th>";
htmlTitle+="</tr>"
$("#contentTable thead").prepend(htmlTitle);
var te = $("#contentTable").tableExport({ var te = $("#contentTable").tableExport({
headings:true, headings:true,
footers:true, footers:true,
@@ -137,6 +146,7 @@ $(".export-btn").click(function(){
}); });
$("#myexport").click(); $("#myexport").click();
$("caption").remove(); $("caption").remove();
$(".tr-title").remove();
}); });
function searchList(){ function searchList(){
var start=$("#beginDate").val(); var start=$("#beginDate").val();
@@ -228,13 +238,11 @@ function showIpActiveChart(rs){
}, },
error: function(data, textStatus, errorThrown){ error: function(data, textStatus, errorThrown){
closeTip(); closeTip();
// warning_prompt("获取实时列表数据失败！",1500);
}, },
complete:function(XMLHttpRequest,status){//超时设置 complete:function(XMLHttpRequest,status){//超时设置
closeTip(); closeTip();
} }
}); });
} }
//活跃IP一小时统计 //活跃IP一小时统计
function ipActiveOneHourList(beginDate,endDate){ function ipActiveOneHourList(beginDate,endDate){
@@ -292,7 +300,7 @@ function showIpActiveChart(rs){
html+= "<td class='tc'>"+totalc2sPkt+"</td>"; html+= "<td class='tc'>"+totalc2sPkt+"</td>";
html+= "<td class='tc'>"+totals2cPkt+"</td>"; html+= "<td class='tc'>"+totals2cPkt+"</td>";
html+= "<td class='tc'>"+totalpacket+"</td>"; html+= "<td class='tc'>"+totalpacket+"</td>";
html+= "<td class='tc'>"+beginDate+"--"+ endDate +"</td>"; html+= "<td class='tc'>"+"--"+"</td>";
html+="</tr>" html+="</tr>"
} }
$("#tbodyData").append(html); $("#tbodyData").append(html);
@@ -304,7 +312,6 @@ function showIpActiveChart(rs){
}, },
error: function(data, textStatus, errorThrown){ error: function(data, textStatus, errorThrown){
closeTip(); closeTip();
// warning_prompt("获取实时列表数据失败！",1500);
}, },
complete:function(XMLHttpRequest,status){//超时设置 complete:function(XMLHttpRequest,status){//超时设置
closeTip(); closeTip();

55
src/main/webapp/WEB-INF/views/dashboard/trafficProtocolTypeList.jsp
View File

@@ -34,17 +34,30 @@
</div> </div>
<input id="beginDate" name="beginDate" type="text" readonly="readonly" class="form-control Wdate input-medium" <input id="beginDate" name="beginDate" type="text" readonly="readonly" class="form-control Wdate input-medium"
value="" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{$dp.$D(\'endDate\')}'});"/> value="" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,maxDate:'#F{$dp.$D(\'endDate\')}'});"/>
</div> </div>
</div> </div>
<div class="pull-left"> <div class="pull-left">
<div class="input-group"> <div class="input-group">
<div class="input-group-btn"> <div class="input-group-btn">
<span class="selectpicker form-control" ><spring:message code="end_date"/></span> <span class="selectpicker form-control" ><spring:message code="end_date"/></span>
</div>
<input id="endDate" name="endDate" type="text" readonly="readonly" class="form-control Wdate input-medium"
value="" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,minDate:'#F{$dp.$D(\'beginDate\')}',maxDate:'${endDate}'});"/>
</div>
</div>
<%-- <div class="pull-left">
<div class="input-group">
<div class="input-group-btn">
<span class="selectpicker form-control" ><spring:message code="protocol_type"/></span>
</div> </div>
<input id="endDate" name="endDate" type="text" readonly="readonly" class="form-control Wdate input-medium" <select id="protoType" name="protoType" 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">
value="" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true,minDate:'#F{$dp.$D(\'beginDate\')}',maxDate:'${endDate}'});"/> <option value=""><spring:message code="select"/></option>
</div> <c:forEach items="${fns:getCodeList('protocolCode')}" var="dict" >
</div> <option value="${dict.code}"><spring:message code="${dict.item}"></spring:message></option>
</c:forEach>
</select>
</div>
</div> --%>
<div class="pull-left"> <div class="pull-left">
<button type="button" class="btn blue" onClick="return searchList()"> <i class="fa fa-search"></i> <spring:message code="search"/> </button> <button type="button" class="btn blue" onClick="return searchList()"> <i class="fa fa-search"></i> <spring:message code="search"/> </button>
@@ -61,7 +74,7 @@
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <spring:message code="export"/> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <spring:message code="export"/>
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" role="menu" style="min-width: 81px;right: -9px;"> <ul class="dropdown-menu" role="menu" style="min-width: 81px;right: -16px;">
<li><a class="btn export-btn" data-type="xlsx" id="export-btn"><i class="fa fa-download"> </i> excel </a><li> <li><a class="btn export-btn" data-type="xlsx" id="export-btn"><i class="fa fa-download"> </i> excel </a><li>
<li><a class="btn export-btn" data-type="csv" id="export-btn"><i class="fa fa-download"> </i> csv &nbsp;&nbsp;&nbsp;</a><li> <li><a class="btn export-btn" data-type="csv" id="export-btn"><i class="fa fa-download"> </i> csv &nbsp;&nbsp;&nbsp;</a><li>
</ul> </ul>
@@ -93,6 +106,7 @@
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/offline-exporting.js"></script> <script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/offline-exporting.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
loading();
var starth=$("#beginDateh").val(); var starth=$("#beginDateh").val();
var endh=$("#endDateh").val(); var endh=$("#endDateh").val();
$("#beginDate").val(starth); $("#beginDate").val(starth);
@@ -114,7 +128,7 @@ $(document).ready(function(){
},500000);// 五分钟调用一次 },500000);// 五分钟调用一次
}); });
function searchList(){ function searchList(){
// loading(); loading();
var start=$("#beginDate").val(); var start=$("#beginDate").val();
var end=$("#endDate").val(); var end=$("#endDate").val();
if(start==''||end==''||end==null||start==null){ if(start==''||end==''||end==null||start==null){
@@ -124,14 +138,16 @@ function searchList(){
} }
} }
function ajaxProtocolList(start,end){ function ajaxProtocolList(start,end){
// loading(); // var protoType=$("#protoType").val();
loading();
$.ajax({ $.ajax({
url: '${ctx}/dashboard/traffic/protocolList', url: '${ctx}/dashboard/traffic/protocolList',
type: 'get', type: 'get',
dataType: "json", dataType: "json",
data:{"beginDate":start,"endDate":end}, data:{"beginDate":start,"endDate":end},
async:false, async:false,
timeout:10000, timeout:40000,
// traditional:true,
beforeSend:function(){ beforeSend:function(){
loading(); loading();
}, },
@@ -165,6 +181,14 @@ function ajaxProtocolList(start,end){
$(".export-btn").click(function(){ $(".export-btn").click(function(){
var dataType = $(this).attr("data-type"); var dataType = $(this).attr("data-type");
getPageData(1,999999);// 设置导出页条数 getPageData(1,999999);// 设置导出页条数
var start=$("#beginDate").val();
var end=$("#endDate").val();
var htmlTitle="";
htmlTitle+="<tr class='tr-title'>";
htmlTitle+= "<th class='tc' colspan='1'>"+"<spring:message code='protocol_type'/>"+"</th>";
htmlTitle+= "<th class='tc' colspan='2'>"+start+"--"+ end +"</th>";
htmlTitle+="</tr>"
$("#contentTable thead").prepend(htmlTitle);
var te = $("#contentTable").tableExport({ var te = $("#contentTable").tableExport({
headings:true, headings:true,
footers:true, footers:true,
@@ -174,6 +198,7 @@ $(".export-btn").click(function(){
}); });
$("#myexport").click(); $("#myexport").click();
$("caption").remove(); $("caption").remove();
$(".tr-title").remove();
getPageData(1,10); getPageData(1,10);
}); });
/** /**
@@ -246,7 +271,7 @@ function htmlData(fileDataS){
html+= "<td class='tc'>"+Math.round(totalPackets*100)/100+"</td>"; html+= "<td class='tc'>"+Math.round(totalPackets*100)/100+"</td>";
html+= "<td class='tc'>"+"100%"+"</td>"; html+= "<td class='tc'>"+"100%"+"</td>";
html+= "<td class='tc'>"+Math.round(totalGByte*100)/100+"</td>"; html+= "<td class='tc'>"+Math.round(totalGByte*100)/100+"</td>";
html+= "<td class='tc'>"+start+"--"+ end +"</td>"; html+= "<td class='tc'>"+"100%"+"</td>";
html+="</tr>" html+="</tr>"
} }
} }

21
src/main/webapp/WEB-INF/views/dashboard/trafficWebTypeList.jsp
View File

@@ -69,14 +69,14 @@
<div class="input-group-btn"> <div class="input-group-btn">
<span class="selectpicker form-control" ><spring:message code="domain_name"/></span> <span class="selectpicker form-control" ><spring:message code="domain_name"/></span>
</div> </div>
<select id="domain" name="domain" class="selectpicker form-control" data-max-options="50" data-selected-text-format="count > 2" multiple max-width="100px" data-live-search="true" data-live-search-placeholder="search"> <select id="domain" name="domain" 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> <option value=""><spring:message code="select"/></option>
<c:forEach items="${domainList}" var="dict" > <c:forEach items="${domainList}" var="dict" >
<option value="${dict.id}"><spring:message code="${dict.domain}"></spring:message></option> <option value="${dict.id}"><spring:message code="${dict.domain}"></spring:message></option>
</c:forEach> </c:forEach>
</select> </select>
</div> </div>
</div> </div>
<div class="pull-left"> <div class="pull-left">
<div class="input-group"> <div class="input-group">
<div class="input-group-btn"> <div class="input-group-btn">
@@ -124,7 +124,7 @@
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <spring:message code="export"/> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <spring:message code="export"/>
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" role="menu" style="min-width: 81px;right: -9px;"> <ul class="dropdown-menu" role="menu" style="min-width: 81px;right: -16px;">
<li><a class="btn export-btn" data-type="xlsx" id="export-btn"><i class="fa fa-download"> </i> excel </a><li> <li><a class="btn export-btn" data-type="xlsx" id="export-btn"><i class="fa fa-download"> </i> excel </a><li>
<li><a class="btn export-btn" data-type="csv" id="export-btn"><i class="fa fa-download"> </i> csv &nbsp;&nbsp;&nbsp;</a><li> <li><a class="btn export-btn" data-type="csv" id="export-btn"><i class="fa fa-download"> </i> csv &nbsp;&nbsp;&nbsp;</a><li>
</ul> </ul>
@@ -168,6 +168,7 @@
<script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/offline-exporting.js"></script> <script src="${pageContext.request.contextPath}/static/global/plugins/highcharts/js/offline-exporting.js"></script>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
loading();
var starth = $("#beginDateh").val(); var starth = $("#beginDateh").val();
var endh = $("#endDateh").val(); var endh = $("#endDateh").val();
$("#beginDate").val(starth); $("#beginDate").val(starth);
@@ -200,9 +201,9 @@
} }
} }
function ajaxWebTypeList(start, end) { function ajaxWebTypeList(start, end) {
loading();
var domain = $("#domain").val(); var domain = $("#domain").val();
var entranceId = $("#entranceId").val(); var entranceId = $("#entranceId").val();
loading();
$.ajax({ $.ajax({
url : '${ctx}/dashboard/traffic/websiteList', url : '${ctx}/dashboard/traffic/websiteList',
type : 'get', type : 'get',
@@ -250,6 +251,14 @@
$(".export-btn").click(function(){ $(".export-btn").click(function(){
var dataType = $(this).attr("data-type"); var dataType = $(this).attr("data-type");
getPageData(1,999999);// 设置导出页条数 getPageData(1,999999);// 设置导出页条数
var start=$("#beginDate").val();
var end=$("#endDate").val();
var htmlTitle="";
htmlTitle+="<tr class='tr-title'>";
htmlTitle+= "<th class='tc' colspan='1'>"+"<spring:message code='domain_name'/>"+"</th>";
htmlTitle+= "<th class='tc' colspan='2'>"+start+"--"+ end +"</th>";
htmlTitle+="</tr>"
$("#contentTable thead").prepend(htmlTitle);
var te = $("#contentTable").tableExport({ var te = $("#contentTable").tableExport({
headings:true, headings:true,
footers:true, footers:true,
@@ -259,6 +268,7 @@
}); });
$("#myexport").click(); $("#myexport").click();
$("caption").remove(); $("caption").remove();
$(".tr-title").remove();
getPageData(1, 10); getPageData(1, 10);
}); });
$("#print-btn").click(function() { $("#print-btn").click(function() {
@@ -334,7 +344,6 @@
html+= "<td class='tc'>"+"100%"+"</td>"; html+= "<td class='tc'>"+"100%"+"</td>";
html+= "<td class='tc'>"+totalGbyte+"</td>"; html+= "<td class='tc'>"+totalGbyte+"</td>";
html+= "<td class='tc'>"+"100%"+"</td>"; html+= "<td class='tc'>"+"100%"+"</td>";
html+= "<td class='tc'>"+start+"--"+ end +"</td>";
html+="</tr>" html+="</tr>"
} }
} }

2
src/main/webapp/static/pages/css/data_text.css
View File

@@ -4,7 +4,7 @@
/*overflow-x: hidden;*/ /*overflow-x: hidden;*/
/* min-width: 1366px; */ /* min-width: 1366px; */
/* background-color: #303030; */ /* background-color: #303030; */
padding-top: 15px; padding-top: 18px;
/* padding-bottom: 10px; */ /* padding-bottom: 10px; */
background: url("../img/dashboard-back.jpg")no-repeat; background: url("../img/dashboard-back.jpg")no-repeat;
width:100%; width:100%;