62 lines
2.3 KiB
HTML
62 lines
2.3 KiB
HTML
{$layout}
|
|
|
|
<form class="ui form" action="/finance/logs">
|
|
<div class="ui fields inline">
|
|
<div class="ui field">
|
|
<input type="text" placeholder="描述" name="keyword" v-model="keyword"/>
|
|
</div>
|
|
<div class="ui field">
|
|
<select class="ui dropdown" name="eventType" v-model="eventType">
|
|
<option value="">[所有类型]</option>
|
|
<option v-for="event in events" :value="event.code">{{event.name}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="ui field">
|
|
<button class="ui button" type="submit">搜索</button>
|
|
|
|
<a href="/finance/logs" v-if="keyword.length > 0 || eventType.length > 0">[清除条件]</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
|
|
<p class="comment" v-if="logs.length == 0">暂时还没有操作日志。</p>
|
|
|
|
<table class="ui table selectable celled" v-if="logs.length > 0">
|
|
<thead>
|
|
<tr>
|
|
<th class="two wide">操作类型</th>
|
|
<th class="two wide">操作金额</th>
|
|
<th class="two wide">冻结金额</th>
|
|
<th class="two wide">剩余余额</th>
|
|
<th class="two wide">剩余冻结余额</th>
|
|
<th class="three wide">时间</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">其他</span>
|
|
</td>
|
|
<td>
|
|
<span v-if="log.delta != 0" :class="{red: log.delta < 0, green: log.delta > 0}">{{log.deltaFormatted}}元</span>
|
|
<span v-else class="disabled">0</span>
|
|
</td>
|
|
<td>
|
|
<span v-if="log.deltaFrozen != 0">{{log.deltaFrozen}}元</span>
|
|
<span v-else class="disabled">0</span>
|
|
</td>
|
|
<td>{{log.totalFormatted}}元</td>
|
|
<td><span :class="{disabled: log.totalFrozen == 0}">{{log.totalFrozen}}元</span></td>
|
|
<td>{{log.createdTime}}</td>
|
|
</tr>
|
|
<tr v-if="log.description.length > 0">
|
|
<td colspan="10">
|
|
<span class="grey">描述：<keyword :v-word="keyword">{{log.description}}</keyword></span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="page" v-html="page"></div> |