detail.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head th:replace="/common/template :: header(~{::title},~{::link},~{::style})"></head>
  4. <body>
  5. <div class="timo-detail-page">
  6. <div class="timo-detail-title">操作系统</div>
  7. <table class="layui-table timo-detail-table">
  8. <thead>
  9. <tr>
  10. <th data-field="name">名字</th>
  11. <th data-field="arch">架构</th>
  12. <th data-field="version">版本</th>
  13. <th data-field="byteOrder">字节序</th>
  14. <th data-field="bootTime">启动时间</th>
  15. </tr>
  16. </thead>
  17. <tbody>
  18. <tr>
  19. <td th:text="${machine.name}"></td>
  20. <td th:text="${machine.arch}"></td>
  21. <td th:text="${machine.version}"></td>
  22. <td th:text="${machine.byteOrder}"></td>
  23. <td th:text="${machine.bootTime}"></td>
  24. </tr>
  25. </tbody>
  26. </table>
  27. <div class="timo-detail-title">网络</div>
  28. <table class="layui-table timo-detail-table">
  29. <thead>
  30. <tr>
  31. <th data-field="iface">网卡接口</th>
  32. <th data-field="mac">MAC 地址</th>
  33. <th data-field="ipv4">IPv4 地址</th>
  34. <th data-field="pubicIpv4">IPv4 公网地址</th>
  35. <th data-field="ipv6">IPv6 地址</th>
  36. </tr>
  37. </thead>
  38. <tbody>
  39. <tr th:each="item:${machine.networkInfos}">
  40. <td th:text="${item.iface}"></td>
  41. <td th:text="${item.mac}"></td>
  42. <td th:text="${item.ipv4}"></td>
  43. <td th:text="${item.publicIpv4}"></td>
  44. <td th:text="${item.ipv6}"></td>
  45. </tr>
  46. </tbody>
  47. </table>
  48. <div class="timo-detail-title">CPU</div>
  49. <table class="layui-table timo-detail-table">
  50. <thead>
  51. <tr>
  52. <th data-field="vendor">品牌</th>
  53. <th data-field="modelName">型号</th>
  54. <th data-field="physicalCore">物理核</th>
  55. <th data-field="logicalCore">逻辑核</th>
  56. </tr>
  57. </thead>
  58. <tbody>
  59. <tr>
  60. <td th:text="${machine.vendor}"></td>
  61. <td th:text="${machine.modelName}"></td>
  62. <td th:text="${machine.physicalCore}"></td>
  63. <td th:text="${machine.logicalCore}"></td>
  64. </tr>
  65. </tbody>
  66. </table>
  67. <div class="timo-detail-title">内存</div>
  68. <table class="layui-table timo-detail-table">
  69. <thead>
  70. <tr>
  71. <th data-field="memTotal">物理内存总量</th>
  72. <th data-field="swapTotal">Swap 分区总量</th>
  73. </tr>
  74. </thead>
  75. <tbody>
  76. <tr>
  77. <td th:text="${machine.memTotal}"></td>
  78. <td th:text="${machine.swapTotal}"></td>
  79. </tr>
  80. </tbody>
  81. </table>
  82. <div class="timo-detail-title">磁盘</div>
  83. <table class="layui-table timo-detail-table">
  84. <thead>
  85. <tr>
  86. <th data-field="vendor">磁盘路径</th>
  87. <th data-field="modelName">挂载分区</th>
  88. <th data-field="physicalCore">文件系统</th>
  89. <th data-field="logicalCore">磁盘总量</th>
  90. <th data-field="logicalCore">inode 总量</th>
  91. </tr>
  92. </thead>
  93. <tbody>
  94. <tr th:each="item:${machine.diskInfoVOs}">
  95. <td th:text="${item.diskPath}"></td>
  96. <td th:text="${item.mountedOn}"></td>
  97. <td th:text="${item.fsType}"></td>
  98. <td th:text="${item.total}"></td>
  99. <td th:text="${item.inodeTotal}"></td>
  100. </tr>
  101. </tbody>
  102. </table>
  103. </div>
  104. <script th:replace="/common/template :: script"></script>
  105. </body>
  106. </html>