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

优化Dashboard界面

Browse Source
This commit is contained in:
刘祥超
2021-01-21 19:22:06 +08:00
parent bbf7e2898f
commit ea36e60899
6 changed files with 31 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
internal/web/actions/default/dashboard/index.go
View File

@@ -46,6 +46,11 @@ func (this *IndexAction) RunGet(params struct{}) {
"countAPINodes": resp.CountAPINodes, "countAPINodes": resp.CountAPINodes,
"countDBNodes": resp.CountDBNodes, "countDBNodes": resp.CountDBNodes,
"countUserNodes": resp.CountUserNodes, "countUserNodes": resp.CountUserNodes,
"canGoServers": configloaders.AllowModule(this.AdminId(), configloaders.AdminModuleCodeServer),
"canGoNodes": configloaders.AllowModule(this.AdminId(), configloaders.AdminModuleCodeNode),
"canGoSettings": configloaders.AllowModule(this.AdminId(), configloaders.AdminModuleCodeSetting),
"canGoUsers": configloaders.AllowModule(this.AdminId(), configloaders.AdminModuleCodeUser),
} }
// 今日流量 // 今日流量

2
internal/web/helpers/user_must_auth.go
View File

@@ -133,7 +133,7 @@ func (this *userMustAuth) modules(adminId int64) []maps.Map {
{ {
"code": "dashboard", "code": "dashboard",
"module": configloaders.AdminModuleCodeDashboard, "module": configloaders.AdminModuleCodeDashboard,
"name": "看板", "name": "数据看板",
"icon": "dashboard", "icon": "dashboard",
}, },
{ {

6
web/views/@default/dashboard/index.css
View File

@@ -16,6 +16,12 @@
.grid .column.no-border { .grid .column.no-border {
border-right: 0; border-right: 0;
} }
.grid h4 a {
display: none;
}
.grid .column:hover a {
display: inline;
}
.chart-box { .chart-box {
height: 20em; height: 20em;
} }

2
web/views/@default/dashboard/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;;AAKF;EACC,YAAA","file":"index.css"} {"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;;AAMH;EACC,YAAA","file":"index.css"}

12
web/views/@default/dashboard/index.html
View File

@@ -8,32 +8,32 @@
<div class="ui three columns grid"> <div class="ui three columns grid">
<div class="ui column"> <div class="ui column">
<h4>当前集群数</h4> <h4>集群<link-icon href="/clusters" v-if="dashboard.canGoNodes"></link-icon></h4>
<div class="value"><span>{{dashboard.countNodeClusters}}</span>个</div> <div class="value"><span>{{dashboard.countNodeClusters}}</span>个</div>
</div> </div>
<div class="ui column"> <div class="ui column">
<h4>当前边缘节点数</h4> <h4>边缘节点<link-icon href="/clusters" v-if="dashboard.canGoNodes"></link-icon></h4>
<div class="value"><span>{{dashboard.countNodes}}</span>个</div> <div class="value"><span>{{dashboard.countNodes}}</span>个</div>
</div> </div>
<div class="ui column no-border"> <div class="ui column no-border">
<h4>当前API节点数</h4> <h4>API节点<link-icon href="/api" v-if="dashboard.canGoSettings"></link-icon></h4>
<div class="value"><span>{{dashboard.countAPINodes}}</span>个</div> <div class="value"><span>{{dashboard.countAPINodes}}</span>个</div>
</div> </div>
<div class="ui column"> <div class="ui column">
<h4>当前用户数</h4> <h4>用户<link-icon href="/users" v-if="dashboard.canGoUsers"></link-icon></h4>
<div class="value"><span>{{dashboard.countUsers}}</span>个</div> <div class="value"><span>{{dashboard.countUsers}}</span>个</div>
</div> </div>
<div class="ui column"> <div class="ui column">
<h4>当前服务数</h4> <h4>服务<link-icon href="/servers" v-if="dashboard.canGoServers"></link-icon></h4>
<div class="value"><span>{{dashboard.countServers}}</span>个</div> <div class="value"><span>{{dashboard.countServers}}</span>个</div>
</div> </div>
<div class="ui column no-border"> <div class="ui column no-border">
<h4>今日总流量</h4> <h4>今日流量</h4>
<div class="value"><span>{{todayTraffic}}</span>{{todayTrafficUnit}}</div> <div class="value"><span>{{todayTraffic}}</span>{{todayTrafficUnit}}</div>
</div> </div>
</div> </div>

12
web/views/@default/dashboard/index.less
View File

@@ -19,6 +19,18 @@
.column.no-border { .column.no-border {
border-right: 0; border-right: 0;
} }
h4 {
a {
display: none;
}
}
.column:hover {
a {
display: inline;
}
}
} }