修改流量统计详情界面分页按钮样式

This commit is contained in:
zhanghongqing
2019-01-02 11:41:10 +08:00
parent c33bf081a5
commit 92a0d9ab6e
5 changed files with 113 additions and 49 deletions

View File

@@ -109,7 +109,7 @@
</thead>
<tbody id="tableData"></tbody>
</table>
<div id="page"><div class="M-box" style="float: right"></div></div>
<div id="page" class="pageView"><div class="M-box"></div><div class="pageMessage"> <spring:message code="current"/> <input type="text" class="pageCurrent" readonly="readonly"/> / <span class="pageNum"></span> <spring:message code="page"/> , <spring:message code="total"/> <span class="pageTotal"></span> <spring:message code="count"/></div></div>
<div class="none-data"><i class="fa fa-warning font-red-flamingo"></i>&nbsp;&nbsp;<spring:message code="noneData"/></div>
</div>
</div>
@@ -141,6 +141,7 @@ $(document).ready(function(){
// setInterval(function(){
// ajaxAppList(starth,new Date().Format("yyyy-MM-dd HH:mm:00"));
// },500000);// 五分钟调用一次
$('.pageView').hide();
});
function searchList(){
loading();
@@ -175,10 +176,10 @@ function ajaxAppList(start,end){
closeTip();
if(data!= null&&data.length<1){
$(".none-data").show();
$('.M-box').hide();
$('.pageView').hide();
}else{
$('.none-data').hide();
$('.M-box').show();
$('.pageView').show();
}
},
error: function(data, textStatus, errorThrown){
@@ -257,10 +258,10 @@ function htmlData(fileDataS){
$("#tableData").html("");
if(fileDataS == null||(fileDataS!=null&&fileDataS.length<1)){
$(".none-data").show();
$('.M-box').hide();
$('.pageView').hide();
}else{
$('.none-data').hide();
$('.M-box').show();
$('.pageView').show();
$.each(fileDataS,function (index,data){
if(data!=null){
@@ -315,6 +316,7 @@ function pageJuan(showData) {
if(showData > totalData){
showData = totalData;
}
var current=1;
$('.M-box').pagination({
totalData: totalData,
showData: showData,
@@ -322,8 +324,15 @@ function pageJuan(showData) {
callback: function (index) {
//改变显示开始和结束数据编号
getPageData(index.getCurrent(),showData);
current=index.getCurrent();
$(".pageCurrent").val(current);
}
});
if(totalData<10){
$(".pageCurrent").val(1);
}
$(".pageTotal").text(totalData);
$(".pageNum").text(Math.ceil(totalData/10));
}
}
// 比例协议统计图

View File

@@ -86,7 +86,7 @@
</thead>
<tbody id="tableData"></tbody>
</table>
<div id="page"><div class="M-box" style="float: right"></div></div>
<div id="page" class="pageView"><div class="M-box"></div><div class="pageMessage"> <spring:message code="current"/> <input type="text" class="pageCurrent" readonly="readonly"/> / <span class="pageNum"></span> <spring:message code="page"/> , <spring:message code="total"/> <span class="pageTotal"></span> <spring:message code="count"/></div></div>
<div class="none-data"><i class="fa fa-warning font-red-flamingo"></i>&nbsp;&nbsp;<spring:message code="noneData"/></div>
</div>
</div>
@@ -117,6 +117,7 @@ $(document).ready(function(){
// setInterval(function(){
// ajaxProtocolList(starth,new Date().Format("yyyy-MM-dd HH:mm:00"));
// },500000);// 五分钟调用一次
$('.pageView').hide();
});
function searchList(){
var start=$("#beginDate").val();
@@ -149,14 +150,14 @@ function ajaxProtocolList(start,end){
closeTip();
if(data!= null&&data.length<1){
$(".none-data").show();
$('.M-box').hide();
$('.pageView').hide();
}else if(data[0].allLink==0&&data[0].allPackets==0&&data[0].allGByte==0){
$("#tableData").html("");
$(".none-data").show();
$('.M-box').hide();
$('.pageView').hide();
}else{
$('.none-data').hide();
$('.M-box').show();
$('.pageView').show();
}
},
error: function(data, textStatus, errorThrown){
@@ -234,10 +235,10 @@ function htmlData(fileDataS){
$("#tableData").html("");
if(fileDataS == null||(fileDataS!=null&&fileDataS.length<1)){
$(".none-data").show();
$('.M-box').hide();
$('.pageView').hide();
}else{
$('.none-data').hide();
$('.M-box').show();
$('.pageView').show();
var start=$("#beginDate").val();
var end=$("#endDate").val();
$.each(fileDataS,function (index,data){
@@ -278,6 +279,7 @@ function pageJuan(showData) {
if(showData > totalData){
showData = totalData;
}
var current=1;
$('.M-box').pagination({
totalData: totalData,
showData: showData,
@@ -285,8 +287,15 @@ function pageJuan(showData) {
callback: function (index) {
//改变显示开始和结束数据编号
getPageData(index.getCurrent(),showData);
current=index.getCurrent();
$(".pageCurrent").val(current);
}
});
if(totalData<10){
$(".pageCurrent").val(1);
}
$(".pageTotal").text(totalData);
$(".pageNum").text(Math.ceil(totalData/10));
}
}
</script>

View File

@@ -99,7 +99,7 @@
</thead>
<tbody id="tableData"></tbody>
</table>
<div id="page"><div class="M-box" style="float: right"></div></div>
<div id="page" class="pageView"><div class="M-box"></div><div class="pageMessage"> <spring:message code="current"/> <input type="text" class="pageCurrent" readonly="readonly"/> / <span class="pageNum"></span> <spring:message code="page"/> , <spring:message code="total"/> <span class="pageTotal"></span> <spring:message code="count"/></div></div>
<div class="none-data"><i class="fa fa-warning font-red-flamingo"></i>&nbsp;&nbsp;<spring:message code="noneData"/></div>
</div>
</div>
@@ -132,6 +132,7 @@ $(document).ready(function(){
// setInterval(function(){
// ajaxProtocolList(starth,new Date().Format("yyyy-MM-dd HH:mm:00"));
// },500000);// 五分钟调用一次
$('.pageView').hide();
});
function searchList(){
loading();
@@ -249,11 +250,11 @@ function getPageData(currentPage,pageNumber){
function htmlData(fileDataS){
$("#tableData").html("");
if(fileDataS == null||(fileDataS!=null&&fileDataS.length<1)){
$(".none-data").show();
$('.M-box').hide();
$(".none-data").show();
$('.pageView').hide();
}else{
$('.none-data').hide();
$('.M-box').show();
$('.none-data').hide();
$('.pageView').show();
var start=$("#beginDate").val();
var end=$("#endDate").val();
$.each(fileDataS,function (index,data){
@@ -309,6 +310,7 @@ function pageJuan(showData) {
if(showData > totalData){
showData = totalData;
}
var current=1;
$('.M-box').pagination({
totalData: totalData,
showData: showData,
@@ -316,8 +318,15 @@ function pageJuan(showData) {
callback: function (index) {
//改变显示开始和结束数据编号
getPageData(index.getCurrent(),showData);
current=index.getCurrent();
$(".pageCurrent").val(current);
}
});
if(totalData<10){
$(".pageCurrent").val(1);
}
$(".pageTotal").text(totalData);
$(".pageNum").text(Math.ceil(totalData/10));
}
}
// 比例协议统计图

View File

@@ -152,13 +152,8 @@
<tbody id="tableData"></tbody>
</table>
<div id="page">
<div class="M-box" style="float: right"></div>
</div>
<div class="none-data">
<i class="fa fa-warning font-red-flamingo"></i>&nbsp;&nbsp;
<spring:message code="noneData" />
</div>
<div id="page" class="pageView"><div class="M-box"></div><div class="pageMessage"> <spring:message code="current"/> <input type="text" class="pageCurrent" readonly="readonly"/> / <span class="pageNum"></span> <spring:message code="page"/> , <spring:message code="total"/> <span class="pageTotal"></span> <spring:message code="count"/></div></div>
<div class="none-data"><i class="fa fa-warning font-red-flamingo"></i>&nbsp;&nbsp;<spring:message code="noneData"/></div>
</div>
</div>
</div>
@@ -196,6 +191,7 @@
// ajaxWebTypeList(starth, new Date()
// .Format("yyyy-MM-dd HH:mm:00"));
// }, 500000);// 五分钟调用一次
$('.pageView').hide();
});
function searchList() {
var start = $("#beginDate").val();
@@ -237,10 +233,10 @@
closeTip();
if (data != null && data.length < 1) {
$(".none-data").show();
$('.M-box').hide();
$('.pageView').hide();
} else {
$('.none-data').hide();
$('.M-box').show();
$('.pageView').show();
}
},
error : function(data, textStatus, errorThrown) {
@@ -321,10 +317,10 @@
$("#tableData").html("");
if (fileDataS == null || fileData == '') {
$(".none-data").show();
$('.M-box').hide();
$('.pageView').hide();
} else {
$('.none-data').hide();
$('.M-box').show();
$('.pageView').show();
var start=$("#beginDate").val();
var end=$("#endDate").val();
var totalunique=0;
@@ -401,6 +397,7 @@
if (showData > totalData) {
showData = totalData;
}
var current=1;
$('.M-box').pagination({
totalData : totalData,
showData : showData,
@@ -408,8 +405,15 @@
callback : function(index) {
//改变显示开始和结束数据编号
getPageData(index.getCurrent(), showData);
current=index.getCurrent();
$(".pageCurrent").val(current);
}
});
if(totalData<10){
$(".pageCurrent").val(1);
}
$(".pageTotal").text(totalData);
$(".pageNum").text(Math.ceil(totalData/10));
}
}
// 比例域名统计图