测试监控重要服务

This commit is contained in:
cppla
2024-01-21 21:09:37 +08:00
parent d96e711a34
commit 71cadcfebe
9 changed files with 434 additions and 134 deletions

View File

@@ -47,6 +47,12 @@
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a data-toggle="tab" class="dropdown-toggle" href="#server">首页</a>
</li>
<li class="dropdown">
<a data-toggle="tab" class="dropdown-toggle" href="#monitor">服务</a>
</li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">风格<b class="caret"></b></a>
<ul class="dropdown-menu">
@@ -73,28 +79,51 @@
</div>
<p></p>
</div>
<table class="table table-striped table-condensed table-hover">
<thead>
<tr>
<th id="online_status" style="text-align: center;">🔗协议</th>
<th id="month_traffic" style="text-align: center;">📊月流量↓|↑</th>
<th id="name">📌节点</th>
<th id="type">🗂️虚拟化</th>
<th id="location">🌍位置</th>
<th id="uptime">⏱️在线</th>
<th id="load">负载</th>
<th id="network">🚦网络↓|↑</th>
<th id="traffic">📋总流量↓|↑</th>
<th id="cpu">🎯核芯</th>
<th id="ram">⚡️内存</th>
<th id="hdd">💾硬盘</th>
<th id="ping">🌐CU|CT|CM</th>
</tr>
</thead>
<tbody id="servers">
<!-- Servers here \o/ -->
</tbody>
</table>
<div class="tab-content">
<div class="tab-pane fade in active" id="server">
<!--主机-->
<table class="table table-striped table-condensed table-hover">
<thead>
<tr>
<th id="online_status" style="text-align: center;">🔗协议</th>
<th id="month_traffic" style="text-align: center;">📊月流量↓|↑</th>
<th id="name">📌节点</th>
<th id="type">🗂️虚拟化</th>
<th id="location">🌍位置</th>
<th id="uptime">⏱️在线</th>
<th id="load">负载</th>
<th id="network">🚦网络↓|↑</th>
<th id="traffic">📋总流量↓|↑</th>
<th id="cpu">🎯核芯</th>
<th id="ram">⚡️内存</th>
<th id="hdd">💾硬盘</th>
<th id="ping">🌐CU|CT|CM</th>
</tr>
</thead>
<tbody id="servers">
<!-- Servers here \o/ -->
</tbody>
</table>
</div>
<div class="tab-pane fade" id="monitor">
<!--服务-->
<table class="table table-striped table-condensed table-hover">
<thead>
<tr>
<th id="monitor_status" style="text-align: center;">🔗协议</th>
<th id="monitor_node">📌监测节点</th>
<th id="monitor_location">🌍监测位置</th>
<th id="monitor_text" style="text-align: center;">📋监测内容</th>
</tr>
</thead>
<tbody id="monitors">
<!-- Monitors here \o/ -->
</tbody>
</table>
</div>
</div>
<br />
<div id="updated">Updating...</div>
</div>