orga0063
/
BootstrapAdmin
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(#I10KST): 网站分析页面增加正在加载中提示 

#Comment
comment #I10KST

#Issue
close https://gitee.com/LongbowEnterprise/dashboard/issues?id=I10KST
This commit is contained in:
Argo Zhang 2019-08-13 11:28:15 +08:00
parent 2dd284830c
commit 3ef6140cf2
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
2 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
Bootstrap.Admin/Views/Admin/Analyse.cshtml
View File

@ -12,7 +12,6 @@
<link href="~/lib/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" /> <link href="~/lib/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
</environment> </environment>
<style> <style>
.card .card-body { .card .card-body {
padding-bottom: 15px; padding-bottom: 15px;
} }
@ -20,6 +19,19 @@
.spark { .spark {
position: absolute; position: absolute;
} }
.loading {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
height: 178px;
width: 100%;
}
.loading span {
margin-left: 10px;
}
</style> </style>
} }
@section javascript { @section javascript {
@ -84,7 +96,9 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<div id="trace" class="spark"></div> <div id="trace" class="spark"></div>
<div id="traceChart" style="height: 178px"></div> <div id="traceLoading" class="loading"><i class="fa fa-spinner fa-pulse"></i><span>正在加载...请稍等</span></div>
<div id="traceChart" style="height: 178px">
</div>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
@ -93,7 +107,9 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<div id="login" class="spark"></div> <div id="login" class="spark"></div>
<div id="loginChart" style="height: 178px"></div> <div id="loginLoading" class="loading"><i class="fa fa-spinner fa-pulse"></i><span>正在加载...请稍等</span></div>
<div id="loginChart" style="height: 178px">
</div>
</div> </div>
</div> </div>
<div class="card"> <div class="card">
@ -102,6 +118,8 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<div id="log" class="spark"></div> <div id="log" class="spark"></div>
<div id="logChart" style="height: 178px"></div> <div id="logLoading" class="loading"><i class="fa fa-spinner fa-pulse"></i><span>正在加载...请稍等</span></div>
<div id="logChart" style="height: 178px">
</div>
</div> </div>
</div> </div>

3
Bootstrap.Admin/wwwroot/js/analyse.js
View File

@ -96,6 +96,7 @@ $(function () {
} }
}); });
var loginChart = echarts.init(document.getElementById('loginChart')); var loginChart = echarts.init(document.getElementById('loginChart'));
$('#loginLoading').addClass('d-none');
loginChart.setOption(op); loginChart.setOption(op);
} }
}); });
@ -122,6 +123,7 @@ $(function () {
] ]
}); });
var logChart = echarts.init(document.getElementById('logChart')); var logChart = echarts.init(document.getElementById('logChart'));
$('#logLoading').addClass('d-none');
logChart.setOption(op); logChart.setOption(op);
} }
}); });
@ -148,6 +150,7 @@ $(function () {
] ]
}); });
var traceChart = echarts.init(document.getElementById('traceChart')); var traceChart = echarts.init(document.getElementById('traceChart'));
$('#traceLoading').addClass('d-none');
traceChart.setOption(op); traceChart.setOption(op);
} }
}); });