实现区域监控节点运行日志和运行结果

This commit is contained in:
GoEdgeLab
2021-09-06 08:53:08 +08:00
parent 650b9f6b91
commit a0dbcf709a
5 changed files with 107 additions and 0 deletions

View File

@@ -304,6 +304,10 @@ func (this *RPCClient) ReportNodeRPC() pb.ReportNodeServiceClient {
return pb.NewReportNodeServiceClient(this.pickConn())
}
func (this *RPCClient) ReportResultRPC() pb.ReportResultServiceClient {
return pb.NewReportResultServiceClient(this.pickConn())
}
func (this *RPCClient) IPItemRPC() pb.IPItemServiceClient {
return pb.NewIPItemServiceClient(this.pickConn())
}

View File

@@ -2,6 +2,7 @@
<menu-item href="/clusters/monitors/reporters">所有终端</menu-item>
<span class="disabled item">|</span>
<menu-item :href="'/clusters/monitors/reporters/reporter?reporterId=' + reporter.id" code="reporter">"{{reporter.name}}"详情</menu-item>
<menu-item :href="'/clusters/monitors/reporters/reporter/results?reporterId=' + reporter.id" code="result">监控结果</menu-item>
<menu-item :href="'/clusters/monitors/reporters/reporter/logs?reporterId=' + reporter.id" code="log">运行日志</menu-item>
<menu-item :href="'/clusters/monitors/reporters/reporter/update?reporterId=' + reporter.id" code="update">修改</menu-item>
</first-menu>

View File

@@ -1,3 +1,52 @@
{$layout}
{$template "reporter_menu"}
{$template "/datepicker"}
<div class="margin"></div>
<form method="get" :action="Tea.url('$')" class="ui form" autocomplete="off">
<input type="hidden" name="reporterId" :value="reporter.id"/>
<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">
<input type="text" name="keyword" style="width:10em" v-model="keyword" placeholder="关键词"/>
</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">
<a :href="Tea.url('.logs', { reporterId:reporter.id })">[清除条件]</a>
</div>
</div>
</form>
<p class="comment" v-if="logs.length == 0">暂时还没有日志。</p>
<table class="ui table selectable" v-if="logs.length > 0">
<thead>
<tr>
</tr>
</thead>
<tr v-for="log in logs">
<td>
<node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
</td>
</tr>
</table>
<div class="page" v-html="page"></div>

View File

@@ -0,0 +1,6 @@
Tea.context(function () {
this.$delay(function () {
teaweb.datepicker("day-from-picker")
teaweb.datepicker("day-to-picker")
})
})

View File

@@ -0,0 +1,47 @@
{$layout}
{$template "reporter_menu"}
<div class="ui margin"></div>
<form class="ui form" action="/clusters/monitors/reporters/reporter/results">
<input type="hidden" name="reporterId" :value="reporter.id"/>
<div class="ui fields inline">
<div class="ui field">
<select class="ui dropdown" name="okState" v-model="okState">
<option value="0">[结果]</option>
<option value="1">成功</option>
<option value="2">失败</option>
</select>
</div>
<div class="ui field">
<button class="ui button" type="submit">搜索</button>
</div>
</div>
</form>
<p class="comment" v-if="results.length == 0">暂时还没有监控结果。</p>
<table class="ui table celled selectable" v-if="results.length > 0">
<thead>
<tr>
<th class="two wide">类型</th>
<th class="four wide">对象</th>
<th class="one wide">结果</th>
<th class="two wide">耗时</th>
<th>错误信息</th>
</tr>
</thead>
<tr v-for="result in results">
<td>{{result.typeName}}</td>
<td>{{result.targetDesc}}</td>
<td>
<span v-if="result.isOk" class="green">成功</span>
<span v-else class="red">失败</span>
</td>
<td>{{result.costMs}}ms</td>
<td>
<span v-if="!result.isOk" class="red">{{result.error}}</span>
<span v-else class="disabled">-</span>
</td>
</tr>
</table>
<div class="page" v-html="page"></div>