TRKJ/EdgeAdmin
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeAdmin.git synced 2025-11-04 05:00:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

集群界面数据改成异步加载

Browse Source
This commit is contained in:
GoEdgeLab
2021-08-20 10:51:01 +08:00
parent ec4468cb55
commit 01d2809323
11 changed files with 58 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/views/@default/clusters/cluster/boards/index.css
View File

@@ -1,3 +1,6 @@
.message.loading {
padding: 1.5em;
}
.grid {
margin-top: 2em !important;
margin-left: 2em !important;

2
web/views/@default/clusters/cluster/boards/index.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA;EACC,0BAAA;EACA,2BAAA;;AAFD,KAIC;EACC,kBAAA;EACA,4BAAA;;AANF,KAIC,QAIC,IAAG;EACF,iBAAA;;AATH,KAIC,QAIC,IAAG,MAGF;EACC,cAAA;EACA,mBAAA;;AAbJ,KAkBC,QAAO;EACN,eAAA;;AAnBF,KAsBC,GACC;EACC,aAAA;;AAxBH,KA4BC,QAAO,MACN;EACC,eAAA;;AAKH;EACC,YAAA;;AAGD,EACC;EACC,gBAAA;EACA,WAAA","file":"index.css"}
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA,QAAQ;EACP,cAAA;;AAGD;EACC,0BAAA;EACA,2BAAA;;AAFD,KAIC;EACC,kBAAA;EACA,4BAAA;;AANF,KAIC,QAIC,IAAG;EACF,iBAAA;;AATH,KAIC,QAIC,IAAG,MAGF;EACC,cAAA;EACA,mBAAA;;AAbJ,KAkBC,QAAO;EACN,eAAA;;AAnBF,KAsBC,GACC;EACC,aAAA;;AAxBH,KA4BC,QAAO,MACN;EACC,eAAA;;AAKH;EACC,YAAA;;AAGD,EACC;EACC,gBAAA;EACA,WAAA","file":"index.css"}

7
web/views/@default/clusters/cluster/boards/index.html
View File

@@ -1,6 +1,13 @@
{$layout}
{$template "/echarts"}
<!-- 加载中 -->
<div>
<div class="ui message loading" v-if="isLoading">
<div class="ui active inline loader small"></div> &nbsp; 数据加载中...
</div>
</div>
<div class="ui four columns grid">
<div class="ui column">
<h4>在线节点<link-icon :href="'/clusters/cluster/nodes?clusterId=' + clusterId"></link-icon></h4>

28
web/views/@default/clusters/cluster/boards/index.js
View File

@@ -1,15 +1,33 @@
Tea.context(function () {
this.isLoading = true
this.board = {}
this.metricCharts = []
/**
* 流量统计
*/
this.trafficTab = "hourly"
this.$delay(function () {
this.reloadHourlyTrafficChart()
this.reloadHourlyRequestsChart()
this.reloadTopNodesChart()
this.reloadTopDomainsChart()
this.reloadCPUChart()
this.$post("$")
.params({
clusterId: this.clusterId
})
.timeout(30)
.success(function (resp) {
for (let k in resp.data) {
this[k] = resp.data[k]
}
this.reloadHourlyTrafficChart()
this.reloadHourlyRequestsChart()
this.reloadTopNodesChart()
this.reloadTopDomainsChart()
this.reloadCPUChart()
this.isLoading = false
})
})
this.selectTrafficTab = function (tab) {

4
web/views/@default/clusters/cluster/boards/index.less
View File

@@ -1,3 +1,7 @@
.message.loading {
padding: 1.5em;
}
.grid {
margin-top: 2em !important;
margin-left: 2em !important;

3
web/views/@default/clusters/cluster/node/boards/index.css
View File

@@ -1,3 +1,6 @@
.message.loading {
padding: 1.5em;
}
.grid {
margin-top: 2em !important;
margin-left: 2em !important;

2
web/views/@default/clusters/cluster/node/boards/index.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA;EACC,0BAAA;EACA,2BAAA;;AAFD,KAIC;EACC,kBAAA;EACA,4BAAA;;AANF,KAIC,QAIC,IAAG;EACF,iBAAA;;AATH,KAIC,QAIC,IAAG,MAGF;EACC,cAAA;EACA,mBAAA;;AAbJ,KAkBC,QAAO;EACN,eAAA;;AAnBF,KAsBC,GACC;EACC,aAAA;;AAxBH,KA4BC,QAAO,MACN;EACC,eAAA;;AAKH;EACC,YAAA;;AAGD,EACC;EACC,gBAAA;EACA,WAAA","file":"index.css"}
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA,QAAQ;EACP,cAAA;;AAGD;EACC,0BAAA;EACA,2BAAA;;AAFD,KAIC;EACC,kBAAA;EACA,4BAAA;;AANF,KAIC,QAIC,IAAG;EACF,iBAAA;;AATH,KAIC,QAIC,IAAG,MAGF;EACC,cAAA;EACA,mBAAA;;AAbJ,KAkBC,QAAO;EACN,eAAA;;AAnBF,KAsBC,GACC;EACC,aAAA;;AAxBH,KA4BC,QAAO,MACN;EACC,eAAA;;AAKH;EACC,YAAA;;AAGD,EACC;EACC,gBAAA;EACA,WAAA","file":"index.css"}

4
web/views/@default/clusters/cluster/node/boards/index.less
View File

@@ -1,3 +1,7 @@
.message.loading {
padding: 1.5em;
}
.grid {
margin-top: 2em !important;
margin-left: 2em !important;