区域监控增加检测时间、结果页增加级别筛选

This commit is contained in:
GoEdgeLab
2021-09-23 10:02:32 +08:00
parent cfa1d11507
commit 021e7db746
3 changed files with 15 additions and 17 deletions

View File

@@ -6,6 +6,7 @@
<thead>
<tr>
<th class="three wide">监控节点</th>
<th class="two wide">检测时间</th>
<th class="four wide">对象</th>
<th class="one wide">级别</th>
<th class="two wide">耗时</th>
@@ -19,6 +20,7 @@
<span class="grey small">{{result.node.location}}<span v-if="result.node.location.length > 0"> </span> {{result.node.isp}}</span>
</div>
</td>
<td>{{result.updatedTime}}</td>
<td>{{result.targetDesc}}</td>
<td>
<span :class="result.color">{{result.levelName}}</span>

View File

@@ -68,19 +68,13 @@
<td>{{reporter.secret}}</td>
</tr>
<tr>
<td>命令行</td>
<td>配置文件<em>configs/api.yaml</em><br/>
<em><download-link :v-element="'rpc-code'" :v-file="'api.yaml'">[下载]</download-link ></em></td>
<td>
<more-options-indicator>查看命令行</more-options-indicator>
<div :style="{visibility: moreOptionsVisible ? 'visible' : 'hidden', height: moreOptionsVisible ? 'auto': '0em'}">
<div class="ui divider"></div>
<h4>Linux、Mac OS X</h4>
<source-code-box type="application/x-sh">edge-reporter run -api=[API HOST] -node-id={{reporter.uniqueId}} -secret={{reporter.secret}}</source-code-box>
<h4>Windows</h4>
<source-code-box type="application/x-sh">edge-reporter.exe run -api=[API HOST] -node-id={{reporter.uniqueId}} -secret={{reporter.secret}}</source-code-box>
<p class="comment">把上面命令行中的<code-label>[API_HOST]</code-label>换成你的API节点地址包括协议、主机名端口。</p>
</div>
<source-code-box id="rpc-code" type="text/yaml">rpc:
endpoints: [ {{apiEndpoints}} ]
nodeId: "{{reporter.uniqueId}}"
secret: "{{reporter.secret}}"</source-code-box>
</td>
</tr>
</table>

View File

@@ -6,14 +6,14 @@
<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 class="ui dropdown" name="level" v-model="level">
<option value="">[级别]</option>
<option v-for="level in levels" :value="level.code">{{level.name}}</option>
</select>
</div>
<div class="ui field">
<button class="ui button" type="submit">搜索</button>
<button class="ui button" type="submit">搜索</button> &nbsp;
<a :href="Tea.url('$', {reporterId: reporter.id})" v-if="level.length > 0">[清除条件]</a>
</div>
</div>
</form>
@@ -23,6 +23,7 @@
<thead>
<tr>
<th class="two wide">类型</th>
<th class="two wide">检测时间</th>
<th class="four wide">对象</th>
<th class="one wide">级别</th>
<th class="two wide">耗时</th>
@@ -31,6 +32,7 @@
</thead>
<tr v-for="result in results">
<td>{{result.typeName}}</td>
<td>{{result.updatedTime}}</td>
<td>{{result.targetDesc}}
<span v-if="result.type == 'ipAddr'"><link-icon :href="'/clusters/ip-addrs/addr?addrId=' + result.targetId"></link-icon></span>
</td>