mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-03 20:40:26 +08:00
82 lines
3.4 KiB
HTML
82 lines
3.4 KiB
HTML
{$layout}
|
|
{$template "/datepicker"}
|
|
{$template "menu"}
|
|
|
|
<div class="margin"></div>
|
|
|
|
<form method="get" action="/clusters/logs" class="ui form" autocomplete="off">
|
|
<input type="hidden" name="type" :value="type"/>
|
|
<div class="ui fields inline">
|
|
<div class="ui field">
|
|
<input type="text" name="dayFrom" placeholder="开始日期" v-model="dayFrom" value="" style="width:8em" id="day-from-picker"/>
|
|
</div>
|
|
<div class="ui field">
|
|
<input type="text" name="dayTo" placeholder="结束日期" v-model="dayTo" value="" 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">错误</option>
|
|
<option value="warning">警告</option>
|
|
<option value="info">信息</option>
|
|
<option value="success">成功</option>
|
|
</select>
|
|
</div>
|
|
<div class="ui field">
|
|
<select class="ui dropdown" name="tag" v-model="tag">
|
|
<option value="">[标签]</option>
|
|
<option v-for="tag in tags" :value="tag.code">{{tag.name}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="ui field">
|
|
<input type="text" name="keyword" style="width:10em" v-model="keyword" placeholder="关键词"/>
|
|
</div>
|
|
</div>
|
|
<div class="ui fields inline" style="margin-top: 0.5em">
|
|
<div class="ui field">
|
|
<node-cluster-combo-box :v-cluster-id="clusterId" @change="changeCluster"></node-cluster-combo-box>
|
|
</div>
|
|
<div class="ui field" v-if="clusterId > 0">
|
|
<node-combo-box :v-cluster-id="clusterId" :v-node-id="nodeId"></node-combo-box>
|
|
</div>
|
|
<div class="ui field">
|
|
<button type="submit" class="ui button">查询</button>
|
|
</div>
|
|
<div class="ui field" v-if="dayFrom.length > 0 || dayTo.length > 0 || keyword.length > 0 || level.length > 0 || tag.length > 0 || clusterId > 0 || nodeId > 0">
|
|
<a :href="'/clusters/logs?type=' + type">[清除条件]</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div v-if="type == 'unread'">
|
|
<div class="ui divider" style="margin-bottom: 0"></div>
|
|
<second-menu v-if="logs.length > 0">
|
|
<a href="" class="item" @click.prevent="updatePageRead()">[本页已读]</a>
|
|
<a href="" class="item" @click.prevent="updateAllRead()">[全部已读]</a>
|
|
</second-menu>
|
|
</div>
|
|
|
|
<p class="comment" v-if="logs.length == 0">暂时还没有日志。</p>
|
|
|
|
<table class="ui table selectable celled" v-if="logs.length > 0">
|
|
<thead>
|
|
<tr>
|
|
<th>集群</th>
|
|
<th>节点</th>
|
|
<th>信息</th>
|
|
<th class="one op">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tr v-for="log in logs">
|
|
<td nowrap=""><link-icon :href="'/clusters/cluster?clusterId=' + log.node.cluster.id">{{log.node.cluster.name}}</link-icon></td>
|
|
<td nowrap=""><link-icon :href="'/clusters/cluster/node?clusterId=' + log.node.cluster.id + '&nodeId=' + log.node.id">{{log.node.name}}</link-icon></td>
|
|
<td>
|
|
<node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
|
|
</td>
|
|
<td>
|
|
<a href="" @click.prevent="updateRead(log.id)" v-if="!log.isRead">已读</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div class="page" v-html="page"></div> |