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

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

View File

@@ -68,19 +68,13 @@
<td>{{reporter.secret}}</td> <td>{{reporter.secret}}</td>
</tr> </tr>
<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> <td>
<more-options-indicator>查看命令行</more-options-indicator> <source-code-box id="rpc-code" type="text/yaml">rpc:
<div :style="{visibility: moreOptionsVisible ? 'visible' : 'hidden', height: moreOptionsVisible ? 'auto': '0em'}"> endpoints: [ {{apiEndpoints}} ]
<div class="ui divider"></div> nodeId: "{{reporter.uniqueId}}"
<h4>Linux、Mac OS X</h4> secret: "{{reporter.secret}}"</source-code-box>
<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>
</td> </td>
</tr> </tr>
</table> </table>

View File

@@ -6,14 +6,14 @@
<input type="hidden" name="reporterId" :value="reporter.id"/> <input type="hidden" name="reporterId" :value="reporter.id"/>
<div class="ui fields inline"> <div class="ui fields inline">
<div class="ui field"> <div class="ui field">
<select class="ui dropdown" name="okState" v-model="okState"> <select class="ui dropdown" name="level" v-model="level">
<option value="0">[结果]</option> <option value="">[级别]</option>
<option value="1">成功</option> <option v-for="level in levels" :value="level.code">{{level.name}}</option>
<option value="2">失败</option>
</select> </select>
</div> </div>
<div class="ui field"> <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>
</div> </div>
</form> </form>
@@ -23,6 +23,7 @@
<thead> <thead>
<tr> <tr>
<th class="two wide">类型</th> <th class="two wide">类型</th>
<th class="two wide">检测时间</th>
<th class="four wide">对象</th> <th class="four wide">对象</th>
<th class="one wide">级别</th> <th class="one wide">级别</th>
<th class="two wide">耗时</th> <th class="two wide">耗时</th>
@@ -31,6 +32,7 @@
</thead> </thead>
<tr v-for="result in results"> <tr v-for="result in results">
<td>{{result.typeName}}</td> <td>{{result.typeName}}</td>
<td>{{result.updatedTime}}</td>
<td>{{result.targetDesc}} <td>{{result.targetDesc}}
<span v-if="result.type == 'ipAddr'"><link-icon :href="'/clusters/ip-addrs/addr?addrId=' + result.targetId"></link-icon></span> <span v-if="result.type == 'ipAddr'"><link-icon :href="'/clusters/ip-addrs/addr?addrId=' + result.targetId"></link-icon></span>
</td> </td>