innov
/
BootstrapAdmin
1
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" />
</environment>
<style>
.card .card-body {
padding-bottom: 15px;
}
@ -20,6 +19,19 @@
.spark {
position: absolute;
}
.loading {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
height: 178px;
width: 100%;
}
.loading span {
margin-left: 10px;
}
</style>
}
@section javascript {
@ -84,7 +96,9 @@
</div>
<div class="card-body">
<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 class="card">
@ -93,7 +107,9 @@
</div>
<div class="card-body">
<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 class="card">
@ -102,6 +118,8 @@
</div>
<div class="card-body">
<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>

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

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