81 lines
3.2 KiB
HTML
81 lines
3.2 KiB
HTML
{$layout}
|
|
{$template "menu"}
|
|
{$template "/datepicker"}
|
|
|
|
<form method="get" action="/httpdns/runtimeLogs" class="ui form" autocomplete="off">
|
|
<div class="ui fields inline">
|
|
<div class="ui field">
|
|
<select class="ui dropdown" name="clusterId" v-model="clusterId">
|
|
<option value="">[集群]</option>
|
|
<option v-for="cluster in clusters" :value="cluster.id">{{cluster.name}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="ui field">
|
|
<select class="ui dropdown" name="nodeId" v-model="nodeId">
|
|
<option value="">[节点]</option>
|
|
<option v-for="node in nodes" :value="node.id" v-if="clusterId == '' || clusterId == node.clusterId">{{node.name}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="ui field">
|
|
<input type="text" name="dayFrom" placeholder="开始日期" v-model="dayFrom" style="width:8em" id="day-from-picker"/>
|
|
</div>
|
|
<div class="ui field">
|
|
<input type="text" name="dayTo" placeholder="结束日期" v-model="dayTo" style="width:8em" id="day-to-picker"/>
|
|
</div>
|
|
<div class="ui field">
|
|
<select class="ui dropdown" name="level" v-model="level">
|
|
<option value="">[级别]</option>
|
|
<option value="error">error</option>
|
|
<option value="warning">warning</option>
|
|
<option value="info">info</option>
|
|
<option value="success">success</option>
|
|
</select>
|
|
</div>
|
|
<div class="ui field">
|
|
<input type="text" name="keyword" style="width:15em" v-model="keyword" placeholder="类型/模块/详情/节点"/>
|
|
</div>
|
|
<div class="ui field">
|
|
<button type="submit" class="ui button">查询</button>
|
|
</div>
|
|
<div class="ui field" v-if="clusterId.toString().length > 0 || nodeId.toString().length > 0 || dayFrom.length > 0 || dayTo.length > 0 || keyword.length > 0 || level.length > 0">
|
|
<a href="/httpdns/runtimeLogs">[清除条件]</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<p class="comment" v-if="runtimeLogs.length == 0">暂时还没有运行日志。</p>
|
|
|
|
<table class="ui table selectable celled" v-if="runtimeLogs.length > 0">
|
|
<thead>
|
|
<tr>
|
|
<th>时间</th>
|
|
<th>集群</th>
|
|
<th>节点</th>
|
|
<th>级别</th>
|
|
<th>类型</th>
|
|
<th>模块</th>
|
|
<th>详情</th>
|
|
<th>次数</th>
|
|
<th>请求ID</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="log in runtimeLogs">
|
|
<td>{{log.createdTime}}</td>
|
|
<td>{{log.clusterName}}</td>
|
|
<td>{{log.nodeName}}</td>
|
|
<td>
|
|
<span class="ui label tiny red" v-if="log.level == 'error'">error</span>
|
|
<span class="ui label tiny orange" v-else-if="log.level == 'warning'">warning</span>
|
|
<span class="ui label tiny blue" v-else-if="log.level == 'info'">info</span>
|
|
<span class="ui label tiny green" v-else>success</span>
|
|
</td>
|
|
<td><code>{{log.tag}}</code></td>
|
|
<td>{{log.module}}</td>
|
|
<td>{{log.description}}</td>
|
|
<td>{{log.count}}</td>
|
|
<td><code>{{log.requestId}}</code></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|