{$layout}
{$template "item_menu"}

<table class="ui table definition selectable">
    <tr>
        <td class="title">指标名称</td>
        <td>
            {{item.name}}
        </td>
    </tr>
    <tr>
        <td>状态</td>
        <td><label-on :v-is-on="item.isOn"></label-on></td>
    </tr>
    <tr>
        <td>统计对象</td>
        <td>
            <span v-for="key in item.keys" style="margin-right: 0.5em"><metric-key-label :v-key="key"></metric-key-label></span>
        </td>
    </tr>
    <tr>
        <td>统计周期</td>
        <td>
            {{item.period}} {{item.periodUnitName}}
        </td>
    </tr>
    <tr>
        <td>统计数值</td>
        <td>
            <span class="ui label small basic">{{item.valueName}}</span>
        </td>
    </tr>
</table>