mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-04 05:00:25 +08:00
51 lines
1.9 KiB
HTML
51 lines
1.9 KiB
HTML
{$layout}
|
||
|
||
{$var "header"}
|
||
<!-- echart -->
|
||
<script type="text/javascript" src="/js/echarts/echarts.min.js"></script>
|
||
{$end}
|
||
|
||
<div class="ui three columns grid">
|
||
<div class="ui column">
|
||
<h4>集群<link-icon href="/clusters" v-if="dashboard.canGoNodes"></link-icon></h4>
|
||
<div class="value"><span>{{dashboard.countNodeClusters}}</span>个</div>
|
||
</div>
|
||
|
||
<div class="ui column">
|
||
<h4>边缘节点<link-icon href="/clusters" v-if="dashboard.canGoNodes"></link-icon></h4>
|
||
<div class="value"><span>{{dashboard.countNodes}}</span>个</div>
|
||
</div>
|
||
|
||
<div class="ui column no-border">
|
||
<h4>API节点<link-icon href="/api" v-if="dashboard.canGoSettings"></link-icon></h4>
|
||
<div class="value"><span>{{dashboard.countAPINodes}}</span>个</div>
|
||
</div>
|
||
|
||
<div class="ui column">
|
||
<h4>用户<link-icon href="/users" v-if="dashboard.canGoUsers"></link-icon></h4>
|
||
<div class="value"><span>{{dashboard.countUsers}}</span>个</div>
|
||
</div>
|
||
|
||
<div class="ui column">
|
||
<h4>服务<link-icon href="/servers" v-if="dashboard.canGoServers"></link-icon></h4>
|
||
<div class="value"><span>{{dashboard.countServers}}</span>个</div>
|
||
</div>
|
||
|
||
<div class="ui column no-border">
|
||
<h4>今日流量</h4>
|
||
<div class="value"><span>{{todayTraffic}}</span>{{todayTrafficUnit}}</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ui divider"></div>
|
||
|
||
<div class="ui menu tabular">
|
||
<a href="" class="item" :class="{active: trafficTab == 'hourly'}" @click.prevent="selectTrafficTab('hourly')">24小时流量趋势（GB）</a>
|
||
<a href="" class="item" :class="{active: trafficTab == 'daily'}" @click.prevent="selectTrafficTab('daily')">15天流量趋势（GB）</a>
|
||
</div>
|
||
|
||
<!-- 按小时统计 -->
|
||
<div class="chart-box" id="hourly-traffic-chart-box" v-show="trafficTab == 'hourly'"></div>
|
||
|
||
<!-- 按日统计 -->
|
||
<div class="chart-box" id="daily-traffic-chart-box" v-show="trafficTab == 'daily'"></div> |