mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-17 22:30:25 +08:00
65 lines
2.6 KiB
HTML
65 lines
2.6 KiB
HTML
|
{$layout}
|
|||
|
|
|
|||
|
|
{$var "header"}
|
|||
|
|
<!-- datepicker -->
|
|||
|
|
<script type="text/javascript" src="/js/moment.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="/js/pikaday.js"></script>
|
|||
|
|
<link rel="stylesheet" href="/js/pikaday.css"/>
|
|||
|
|
<link rel="stylesheet" href="/js/pikaday.theme.css"/>
|
|||
|
|
<link rel="stylesheet" href="/js/pikaday.triangle.css"/>
|
|||
|
|
{$end}
|
|||
|
|
|
|||
|
|
<first-menu>
|
|||
|
|
<div class="item right">
|
|||
|
|
<form method="get" class="ui form small" :action="path" autocomplete="off">
|
|||
|
|
<div class="ui fields inline">
|
|||
|
|
<div class="ui field">
|
|||
|
|
<input type="text" name="day" maxlength="10" placeholder="选择日期" style="width:7.8em" id="day-input" v-model="day"/>
|
|||
|
|
</div>
|
|||
|
|
<div class="ui field">
|
|||
|
|
<button class="ui button small" type="submit">查找</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</first-menu>
|
|||
|
|
|
|||
|
|
<p class="comment" v-if="accessLogs.length == 0">暂时还没有访问日志。</p>
|
|||
|
|
|
|||
|
|
<table class="ui table selectable" v-if="accessLogs.length > 0">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th class="two wide">集群</th>
|
|||
|
|
<th class="two wide">节点</th>
|
|||
|
|
<th class="two wide">域名</th>
|
|||
|
|
<th>概要</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<!-- 这里之所以需要添加 :key，是因为要不然不会刷新显示 -->
|
|||
|
|
<tr v-for="accessLog in accessLogs" :key="accessLog.requestId">
|
|||
|
|
<td>
|
|||
|
|
<div v-if="accessLog.node.cluster != null">
|
|||
|
|
<link-icon :href="'/ns/clusters/cluster?clusterId=' + accessLog.node.cluster.id">{{accessLog.node.cluster.name}}</link-icon>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<div v-if="accessLog.node != null">
|
|||
|
|
<link-icon :href="'/ns/clusters/cluster/node?clusterId=' + accessLog.node.cluster.id + '&nodeId=' + accessLog.node.id">{{accessLog.node.name}}</link-icon>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td>
|
|||
|
|
<div v-if="accessLog.domain != null">
|
|||
|
|
<link-icon :href="'/ns/domains/domain?domainId=' + accessLog.domain.id">{{accessLog.domain.name}}</link-icon>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td><ns-access-log-box :v-access-log="accessLog"></ns-access-log-box></td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
<div v-if="accessLogs.length > 0">
|
|||
|
|
<a :href="path + '?requestId=' + lastRequestId + '&day=' + day" v-if="hasPrev">上一页</a>
|
|||
|
|
<span v-else class="disabled">上一页</span>
|
|||
|
|
<span class="disabled"> | </span>
|
|||
|
|
<a :href="path + '?requestId=' + nextRequestId + '&day=' + day" v-if="hasMore">下一页</a>
|
|||
|
|
<span v-else class="disabled">下一页</span>
|
|||
|
|
</div>
|