{$layout}
{$template "menu"}

<b-empty v-if="logs.length == 0">{{t('finance_accounts_account_index@暂时还没有操作日志')}}</b-empty>

<table class="ui table selectable celled" v-if="logs.length > 0">
    <thead>
        <tr>
            <th class="two wide">{{t('finance_accounts_account_index@操作类型')}}</th>
            <th class="two wide">{{t('finance_accounts_account_index@操作金额')}}</th>
            <th class="two wide">{{t('finance_accounts_account_index@冻结金额')}}</th>
            <th class="two wide">{{t('finance_accounts_account_index@剩余余额')}}</th>
            <th class="two wide">{{t('finance_accounts_account_index@剩余冻结余额')}}</th>
            <th class="three wide">{{t('finance_accounts_account_index@时间')}}</th>
        </tr>
    </thead>
    <tbody v-for="log in logs">
        <tr>
            <td>
                <span v-if="log.event != null">{{log.event.name}}</span>
                <span v-else class="disabled">{{t('finance_accounts_account_index@其他')}}</span>
            </td>
            <td>
                <span v-if="log.delta != 0" :class="{red: log.delta < 0, green: log.delta > 0}">{{log.delta}}{{t('finance_accounts_index@元')}}</span>
                <span v-else class="disabled">0</span>
            </td>
            <td>
                <span v-if="log.deltaFrozen != 0">{{log.deltaFrozen}}{{t('finance_accounts_index@元')}}</span>
                <span v-else class="disabled">0</span>
            </td>
            <td>{{log.total}}{{t('finance_accounts_index@元')}}</td>
            <td>
                <span :class="{disabled: log.totalFrozen == 0}">{{log.totalFrozen}}{{t('finance_accounts_index@元')}}</span>
            </td>
            <td>{{log.createdTime}}</td>
        </tr>
        <tr v-if="log.description.length > 0">
            <td colspan="10">
                <span class="grey">{{t('finance_accounts_account_index@描述')}}：<keyword :v-word="keyword">{{log.description}}</keyword></span>
            </td>
        </tr>
    </tbody>
</table>

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