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

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

Browse Source
This commit is contained in:
刘祥超
2021-08-20 10:51:01 +08:00
parent 766c3666d8
commit fbcf439f89
11 changed files with 58 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
internal/web/actions/default/clusters/cluster/boards/index.go
View File

@@ -10,7 +10,6 @@ import (
"github.com/iwind/TeaGo/maps"
"github.com/iwind/TeaGo/types"
timeutil "github.com/iwind/TeaGo/utils/time"
"strconv"
)
type IndexAction struct {
@@ -23,10 +22,17 @@ func (this *IndexAction) Init() {
func (this *IndexAction) RunGet(params struct {
ClusterId int64
}) {
this.Data["clusterId"] = params.ClusterId
this.Show()
}
func (this *IndexAction) RunPost(params struct {
ClusterId int64
}) {
if !teaconst.IsPlus {
this.RedirectURL("/clusters/cluster?clusterId=" + strconv.FormatInt(params.ClusterId, 10))
return
this.Fail("only for commercial users")
}
resp, err := this.RPC().ServerStatBoardRPC().ComposeServerStatNodeClusterBoard(this.AdminContext(), &pb.ComposeServerStatNodeClusterBoardRequest{NodeClusterId: params.ClusterId})
@@ -178,5 +184,5 @@ func (this *IndexAction) RunGet(params struct {
this.Data["metricCharts"] = chartMaps
}
this.Show()
this.Success()
}

2
internal/web/actions/default/clusters/cluster/init.go
View File

@@ -59,7 +59,7 @@ func init() {
// 看板相关
Prefix("/clusters/cluster/boards").
Get("", new(boards.IndexAction)).
GetPost("", new(boards.IndexAction)).
EndAll()
})
}

2
internal/web/actions/default/ns/domains/index.go
View File

@@ -12,7 +12,7 @@ type IndexAction struct {
}
func (this *IndexAction) Init() {
this.FirstMenu("domain")
this.Nav("", "", "index")
}
func (this *IndexAction) RunGet(params struct {

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>

18
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.$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;