{$layout}
{$template "item_menu"}

<b-empty v-if="stats.length == 0">{{t('servers_metrics_stats@暂时还没有统计数据')}}</b-empty>

<table class="ui table selectable celled" v-if="stats.length > 0">
    <thead>
        <tr>
            <th>{{t('servers_metrics_stats@指标对象')}}</th>
            <th>{{t('servers_metrics_stats@指标值')}}</th>
            <th>{{t('servers_metrics_stats@占比')}}</th>
            <th>{{t('servers_metrics_stats@时间')}}</th>
            <th>{{t('servers_metrics_stats@集群')}}</th>
            <th>{{t('servers_metrics_stats@节点')}}</th>
            <th>{{t('servers_metrics_stats@网站')}}</th>
        </tr>
    </thead>
    <tr v-for="stat in stats">
        <td>{{stat.keys}}</td>
        <td>{{stat.value}}</td>
        <td>{{stat.ratio}}%</td>
        <td>{{stat.time}}</td>
        <td>{{stat.cluster.name}}</td>
        <td>{{stat.node.name}}</td>
        <td>{{stat.server.name}}<link-icon :href="'/servers/server/stat?serverId=' + stat.server.id"></link-icon></td>
    </tr>
</table>

<div class="page" v-html="filterPageContent(page)"></div>