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

调整流量统计滚动条数据列对齐，traffic中/S改为/s，请求方法改为post防止缓存，请求时间改为5分钟一次，traffic数据为当前时间15分钟内数据，其它滚动条为当前时间一小时数据。

Browse Source
This commit is contained in:
zhanghongqing
2019-01-21 14:41:41 +08:00
parent fa7fa0c859
commit 3602e2f1c3
3 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/main/webapp/WEB-INF/views/dashboard/dashBoardIndex.jsp
View File

@@ -80,7 +80,7 @@ body {
</label>
</p>
<a href="${ctx}/dashboard/traffic/bandwidthList"><p class="csNum">IN <span class="c2sNum">0</span> | OUT <span class="s2cNum">0</span> </p>
<span class="numberRun4">0</span > <span class="numberRun4-unit">bps</span></a>
<div class="inline-num"><span class="numberRun4">0</span > <span class="numberRun4-unit"></span></div></a>
</div>
</div>
<div class="fr_fc" style="width:47%">
@@ -402,7 +402,7 @@ $(document).ready(function(){
ajaxinfo();
setInterval(function(){
ajaxinfo();
},300000);
},1000*60*5);
protocolList();//协议统计
ipActiveList();//活跃IP
@@ -428,7 +428,7 @@ $(document).ready(function(){
function ajaxinfo(){
$.ajax({
url:'${ctx}/dashboard/traffic/info',
type : "get" ,
type : "post" ,
dataType:'json',
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
success:function (data){
@@ -510,11 +510,11 @@ function ajaxinfo(){
$(".c2sNum").text(inoctetsNum);
$(".s2cNum").text(outoctetsNum);
$(".numberRun4-unit").text(" "+unit);
// $(".numberRun4-unit").text(" "+unit);
bandwidth=parseFloat(inoctetsNum)+parseFloat(outoctetsNum);
dataScroll2(".numberRun4",bandwidth);
$(".numberRun4").append(" "+unit);
},
});
}
@@ -552,7 +552,7 @@ function protocolList(){
loading();
$.ajax({
url: '${ctx}/dashboard/protocol',
type : "get" ,
type : "post" ,
dataType:"json",
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
success:function (rs) {
@@ -575,7 +575,7 @@ function ipActiveList(){
loading();
$.ajax({
url: '${ctx}/dashboard/ipActive',
type : "get" ,
type : "post" ,
dataType:"json",
cache:false,
async:true,
@@ -600,7 +600,7 @@ function portActiveList(){
loading();
$.ajax({
url: '${ctx}/dashboard/portActive',
type : "get" ,
type : "post" ,
dataType:"json",
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
beforeSend: function () {
@@ -661,7 +661,7 @@ function appTypeList(){
loading();
$.ajax({
url: '${ctx}/dashboard/app',
type : "get" ,
type : "post" ,
dataType:"json",
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
success:function (rs) {
@@ -684,7 +684,7 @@ function systemList(){
loading();
$.ajax({
url: '${ctx}/dashboard/osList',
type : "get" ,
type : "post" ,
dataType:"json",
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
beforeSend: function () {
@@ -758,7 +758,7 @@ function osClick(osType,obj){
$.ajax({
url: '${ctx}/dashboard/browserChart',
type : "get" ,
type : "post" ,
data:{"osType":osType},
dataType:"json",
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
@@ -779,7 +779,7 @@ function bsClick(bsType,obj){
$(obj).addClass("activeColor");
$.ajax({
url: '${ctx}/dashboard/systemChart',
type : "get" ,
type : "post" ,
data:{"bsType":bsType},
dataType:"json",
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
@@ -800,7 +800,7 @@ function browserList() {
loading();
$.ajax({
url: '${ctx}/dashboard/bsList',
type : "get" ,
type : "post" ,
dataType:"json",
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
beforeSend: function () {
@@ -864,7 +864,7 @@ function websiteList() {
loading();
$.ajax({
url: '${ctx}/dashboard/websiteList',
type : "get" ,
type : "post" ,
dataType:"json",
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
beforeSend: function () {
@@ -932,7 +932,7 @@ function webClick(websiteServiceId,obj){
$(obj).addClass("activeColor");
$.ajax({
url: '${ctx}/dashboard/webTypeChart',
type : "get" ,
type : "post" ,
data:{"websiteServiceId":websiteServiceId},
dataType:"json",
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
@@ -950,7 +950,7 @@ function topicAndDomainList(){
loading();
$.ajax({
url: '${ctx}/dashboard/topicAndDomainList',
type : "get" ,
type : "post" ,
dataType:"json",
cache:false,async:true,timeout:60000,//超时时间设置，查询接口时间过长超时
success:function (rs) {

2
src/main/webapp/WEB-INF/views/dashboard/trafficBandwidthList.jsp
View File

@@ -61,7 +61,7 @@
<select id="unitType" class="selectpicker select2 input-small">
<option value="Gbps">Gbps</option>
<option value="pps">pps</option>
<option value="linkNumber"><spring:message code="link_num"/>/S</option>
<option value="linkNumber"><spring:message code="link_num"/>/s</option>
</select>
<br>
<div id="trend" style="height: 500px; position: relative;" >

4
src/main/webapp/static/pages/css/dashboard.css
View File

@@ -1,7 +1,7 @@
/*数字滚动插件的CSS可调整样式*/
.mt-number-animate{ font-family: 'Microsoft YaHei'; line-height:20px; height: 20px;/*设置数字显示高度*/; /*设置数字大小*/ overflow: hidden; display: inline-block; position: relative; }
.mt-number-animate{ font-family: 'Microsoft YaHei'; line-height:20px; height: 16px;/*设置数字显示高度*/; /*设置数字大小*/ overflow: hidden; display: inline-block; position: relative; }
.mt-number-animate .mt-number-animate-dot{ width: 10px;/*设置分割符宽度*/ line-height: 20px; float: left; text-align: center;}
.mt-number-animate .mt-number-animate-dom{ width: 10px;/*设置单个数字宽度*/ text-align: center; float: left; position: relative; top: 3px;}
.mt-number-animate .mt-number-animate-dom{ width: 10px;/*设置单个数字宽度*/ text-align: center; float: left; position: relative; top: -1px;}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;}