54 lines
2.0 KiB
HTML
54 lines
2.0 KiB
HTML
|
||
<div class="layui-container">
|
||
<div class="admin-title">MQTT 代理概览</div>
|
||
|
||
<div class="layui-row layui-col-space15">
|
||
<div class="layui-col-md3">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">在线连接</div>
|
||
<div class="layui-card-body" style="font-size:30px;font-weight:bold;color:#1E9FFF;">{$stats.online}</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md3">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">累计连接</div>
|
||
<div class="layui-card-body" style="font-size:30px;font-weight:bold;">{$stats.total}</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md3">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">消息总数</div>
|
||
<div class="layui-card-body" style="font-size:30px;font-weight:bold;">{$stats.messages}</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md3">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">订阅关系</div>
|
||
<div class="layui-card-body" style="font-size:30px;font-weight:bold;">{$stats.topics}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="admin-title">最近消息</div>
|
||
<table class="layui-table">
|
||
<thead>
|
||
<tr><th>ID</th><th>主题</th><th>来源</th><th>内容</th><th>时间</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
{foreach $recent as $m}
|
||
<tr>
|
||
<td>{$m.id}</td>
|
||
<td>{$m.topic}</td>
|
||
<td>{$m.source}</td>
|
||
<td>{$m.payload}</td>
|
||
<td>{if !empty($m.create_at)}{$m.create_at|date='Y-m-d H:i:s'}{else}-{/if}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="layui-text" style="margin-top:15px;color:#999;">
|
||
启动 Broker：<code>php think mqttbroker:start</code>（需在命令行运行常驻进程）
|
||
</div>
|
||
</div>
|