<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})"></head>

<body>
<div class="timo-detail-page">
    <table class="layui-table timo-detail-table">
        <tbody>
        <tr>
            <th>状态时间</th>
            <td th:text="${statTime}"></td>
        </tr>
        <tr>
            <th>TCP 连接数量</th>
            <td th:text="${tcpConnNum}"></td>
        </tr>
        </tbody>
    </table>
    <div class="timo-detail-title">网络信息</div>
    <table class="layui-table timo-detail-table">
        <tbody>
        <tr th:each="item:${networkStat.networkInfos}">
            <th>网卡接口</th>
            <td th:text="${item.iface}"></td>
            <th>MAC 地址</th>
            <td th:text="${item.mac}"></td>
            <th>IPv4 地址</th>
            <td th:text="${item.ipv4}"></td>
            <th>IPv6 地址</th>
            <td th:text="${item.ipv6}"></td>
        </tr>
        </tbody>
    </table>
    <div class="timo-detail-title">TCP 连接状态</div>
    <table class="layui-table timo-detail-table">
        <tbody>
        <tr th:each="item:${networkStat.tcpConnStats}">
            <th>本地地址</th>
            <td th:text="${item.localAddr}"></td>
            <th>本地端口</th>
            <td th:text="${item.localPort}"></td>
            <th>远程地址</th>
            <td th:text="${item.remoteAddr}"></td>
            <th>远程端口</th>
            <td th:text="${item.remotePort}"></td>
            <th>TCP 状态</th>
            <td th:text="${item.tcpState}"></td>
            <th>发送队列</th>
            <td th:text="${item.sendq}"></td>
            <th>接收队列</th>
            <td th:text="${item.recvq}"></td>
            <th>进程 ID</th>
            <td th:text="${item.pid}"></td>
            <th>进程名字</th>
            <td th:text="${item.process}"></td>
        </tr>
        </tbody>
    </table>
</div>
<script th:replace="/common/template :: script"></script>
</body>
</html>