Config Statistics增加导出.

This commit is contained in:
zhangwenqing
2018-12-23 19:28:40 +08:00
parent 86d49363d1
commit 367029f884
3 changed files with 121 additions and 13 deletions

View File

@@ -2,6 +2,9 @@
<%@ include file="/WEB-INF/include/taglib.jsp"%> <%@ include file="/WEB-INF/include/taglib.jsp"%>
<html> <html>
<head> <head>
<script src="${ctxStatic }/global/plugins/tableExport-3.3.13/xlsx.core.js"></script>
<script src="${ctxStatic }/global/plugins/tableExport-3.3.13/FileSaver.js"></script>
<script src="${ctxStatic }/global/plugins/tableExport-3.3.13/tableexport.js"></script>
<meta name="format-detection" content="telephone=no,email=no,address=no"> <meta name="format-detection" content="telephone=no,email=no,address=no">
<style type="text/css"> <style type="text/css">
.statisticsRequest{ .statisticsRequest{
@@ -70,6 +73,7 @@
.table-bordered > thead > tr > td { .table-bordered > thead > tr > td {
border-bottom-width: 2px; } border-bottom-width: 2px; }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(function(){ $(function(){
var hideTd=new Array(); var hideTd=new Array();
@@ -96,13 +100,90 @@
}); });
} }
closeTip(); closeTip();
// 导出
$(".export-btn").on("click",function(){
var suffix = $(this).data("export-type"); // 导出文件类型
var tableMark = $(this).data("export-table"); //导出table
var menuName = $("#menuName").val();
var fileName = menuName + "_" + getNowFormatDate();
setTemporaryRows(tableMark);
var te = $("."+tableMark).tableExport({
headings:true,
footers:true,
formats:[suffix],
fileName: fileName,
bootstrap:false
}); });
$("#myexport").click();
$("caption").remove();
$(".exportFirst").remove();
$("."+tableMark+" .count").empty();
});
});
function setTemporaryRows(tableMark){
//1. 设置td合计
var tb=document.getElementsByName(tableMark)[0];
var rows = tb.rows;
var cells = tb.cells;
var colums = tb.rows[0].cells.length;
$("."+tableMark+" .count").empty();
$("."+tableMark+" .count").append("<td><spring:message code='report_total' /></td>");
for(var j = 1; j < colums; j++){
var sum = 0;
for(var i = 1;i<rows.length-1;i++){
var a = parseInt(rows[i].cells[j].innerHTML.trim());
sum = sum + a;
}
$("."+tableMark+" .count").append("<td>"+sum+"</td>");
}
var table = $("."+tableMark);
//2. 设置导出第一行
if(tableMark == "cfgMenuTable"){
var title = table.parent("div:first").siblings("font").text().trim().replace(/\s/g,'');
}else{
var title = table.siblings("font").text().trim().replace(/\s/g,'');
}
var addTr = "<tr class='exportFirst' class='hidden'><td>"+title+"</td></tr>";
$("."+tableMark+"> thead").prepend(addTr);
}
function getNowFormatDate() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var strDate = date.getDate();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
if (hours >= 1 && hours <= 9) {
hours = "0" + hours;
}
if (minutes >= 1 && minutes <= 9) {
minutes = "0" + minutes;
}
if (seconds >= 1 && seconds <= 9) {
seconds = "0" + seconds;
}
var currentdate = year+""+ month+""+strDate+""+ hours+""+ minutes+""+seconds;
return currentdate;
}
</script> </script>
</head> </head>
<title>index</title> <title>index</title>
</head> </head>
<body class="page-full-width"> <body class="page-full-width">
<input id="menuName" type="hidden" value="<spring:message code="config_service_statistics"/>">
<div class="statisticsRequest"> <div class="statisticsRequest">
<form id="searchForm" action="${ctx}/configure/statistics/configureStateStatistics" > <form id="searchForm" action="${ctx}/configure/statistics/configureStateStatistics" >
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/> <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
@@ -111,10 +192,22 @@
[<spring:message code="statistic_time"/>${requestStatisticTime }] [<spring:message code="statistic_time"/>${requestStatisticTime }]
</i> </i>
</font> </font>
<a style="color:#333333" href="javascript:page(${page.pageNo},${page.pageSize});" class="icon-refresh pull-right"> </a> <a style="color:#333333" href="javascript:page(${page.pageNo},${page.pageSize});" class="icon-refresh"> </a>
<div class="pull-right">
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="margin-top: -8px;">
<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><a href="javascript:;" class="export-btn" data-export-type="xlsx" data-export-table="cfgMenuTable"><i class="fa fa-download"> <spring:message code="Excel"/></i></a></li>
<li><a href="javascript:;" class="export-btn" data-export-type="csv" data-export-table="cfgMenuTable"><i class="fa fa-download"> <spring:message code="CSV"/></i></a></li>
</ul>
</div>
</div>
<h5 class="page-header"></h5> <h5 class="page-header"></h5>
<div class="tableDiv"> <div class="tableDiv">
<table id="contentTable" class="table table-striped table-bordered table-condensed text-nowrap"> <table id="contentTable" class="table table-striped table-bordered table-condensed text-nowrap cfgMenuTable" name="cfgMenuTable">
<thead> <thead>
<tr> <tr>
<th><spring:message code="letter"/></th> <th><spring:message code="letter"/></th>
@@ -150,18 +243,33 @@
</tr> </tr>
</c:forEach> </c:forEach>
<tr class="count"></tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</form> </form>
<div class="page">${page}</div> <div class="page">${page}</div>
</div> </div>
<div class="statisticsStatus"> <div id="statisticsStatus" class="statisticsStatus">
<font size="4"><i class="fa fa-cogs"> <spring:message code="configure_statistics_info"/> <font size="4">
[<spring:message code="statistic_time"/>${configStatisticTime }] <i class="fa fa-cogs"> <spring:message code="configure_statistics_info"/>
</i></font> <a style="color:#333333" href="javascript:page(${page.pageNo},${page.pageSize});" class="icon-refresh pull-right"> </a> [<spring:message code="statistic_time"/>${configStatisticTime }]</i>
</font>
<a style="color:#333333" href="javascript:page(${page.pageNo},${page.pageSize});" class="icon-refresh "> </a>
<div class="pull-right">
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="margin-top: -8px;">
<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><a href="javascript:;" class="export-btn" data-export-type="xlsx" data-export-table="statisticsStatusTable"><i class="fa fa-download"> <spring:message code="Excel"/></i></a></li>
<li><a href="javascript:;" class="export-btn" data-export-type="csv" data-export-table="statisticsStatusTable"><i class="fa fa-download"> <spring:message code="CSV"/></i></a></li>
</ul>
</div>
</div>
<h5 class="page-header"></h5> <h5 class="page-header"></h5>
<table id="contentTable" class="table table-striped table-bordered table-condensed text-nowrap"> <table id="contentTable" class="table table-striped table-bordered table-condensed text-nowrap statisticsStatusTable" name="statisticsStatusTable">
<thead> <thead>
<tr> <tr>
<th><spring:message code="service_name"/></th> <th><spring:message code="service_name"/></th>
@@ -221,6 +329,7 @@
</tr> </tr>
</c:if> </c:if>
</c:forEach> </c:forEach>
<tr class="count"></tr>
</tbody> </tbody>
</table> </table>
</div> </div>

View File

@@ -484,6 +484,9 @@ white-space:nowrap;
<button type="button" class="btn blue" onClick="return page()"> <i class="fa fa-search"></i> <spring:message code="search"/> </button> <button 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> <button type="button" class="btn btn-default" id="resetBtn" > <i class="fa fa-refresh"></i> <spring:message code="reset"/> </button>
<%-- <button type="button" class="btn btn-default" id="export-btn"><i class="fa fa-download"> <spring:message code="export"/></i></button> --%> <%-- <button type="button" class="btn btn-default" id="export-btn"><i class="fa fa-download"> <spring:message code="export"/></i></button> --%>
<%-- <button type="button" class="btn btn-default" id="filter-btn"> <spring:message code="filter"/><i class="fa fa-angle-double-down"></i></button> --%>
</div>
<div class="pull-right">
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <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-wrench"></i> <spring:message code="export"></spring:message>
@@ -494,10 +497,6 @@ white-space:nowrap;
<li><a href="javascript:;" class="export-btn" data-export-type="csv"><i class="fa fa-download"> <spring:message code="CSV"/></i></a></li> <li><a href="javascript:;" class="export-btn" data-export-type="csv"><i class="fa fa-download"> <spring:message code="CSV"/></i></a></li>
</ul> </ul>
</div> </div>
<%-- <button type="button" class="btn btn-default" id="filter-btn"> <spring:message code="filter"/><i class="fa fa-angle-double-down"></i></button> --%>
</div>
<div class="pull-right">
<a class="btn btn-icon-only btn-default setfields tooltips" <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:;"> data-container="body" data-placement="top" data-original-title=<spring:message code="custom_columns"/> href="javascript:;">
<i class="icon-wrench"></i> <i class="icon-wrench"></i>

View File

@@ -237,7 +237,7 @@
var $cols = $(val).find('th, td'); var $cols = $(val).find('th, td');
return $cols.map(function (i, val) { return $cols.map(function (i, val) {
// 当文字过长有省略时取title导出 // 当文字过长有省略时取title导出
var titleText=$(val).text(); var titleText=$(val).text().trim();
if($(val).attr("title")!=null&&$(val).attr("title")!=""){ if($(val).attr("title")!=null&&$(val).attr("title")!=""){
titleText=$(val).attr("title"); titleText=$(val).attr("title");
} }