log.tpl.php 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. <div class="container">
  2. <div class="row clearfix">
  3. <div class="col-md-12 column">
  4. <ul class="nav nav-tabs">
  5. <li>
  6. <a href="#">概述</a>
  7. </li>
  8. <li class="active">
  9. <a href="#">监控</a>
  10. </li>
  11. <li class="disabled">
  12. <a href="#">告警</a>
  13. </li>
  14. <li class="dropdown pull-right">
  15. <a href="#" data-toggle="dropdown" class="dropdown-toggle">其它<strong class="caret"></strong></a>
  16. <ul class="dropdown-menu">
  17. <li>
  18. <a href="#">探测节点</a>
  19. </li>
  20. <li>
  21. <a href="#">节点管理</a>
  22. </li>
  23. </ul>
  24. </li>
  25. </ul>
  26. </div>
  27. </div>
  28. <div class="row clearfix">
  29. <div class="col-md-3 column">
  30. <div class="list-group">
  31. <a href="#" class="list-group-item active">HelloWorld</a>
  32. <a href="#" class="list-group-item">sayHello</a>
  33. <a href="#" class="list-group-item">sayHi</a>
  34. <a href="#" class="list-group-item active">User</a>
  35. <a href="#" class="list-group-item active">Blog</a>
  36. </div>
  37. </div>
  38. <div class="col-md-9 column">
  39. <div class="alert alert-dismissable alert-success">
  40. <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  41. <h4>
  42. Alert!
  43. </h4> <strong>Warning!</strong> Best check yo self, you're not looking too good. <a href="#" class="alert-link">alert link</a>
  44. </div>
  45. <div class="alert alert-dismissable alert-danger">
  46. <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  47. <h4>
  48. Alert!
  49. </h4> <strong>Warning!</strong> Best check yo self, you're not looking too good. <a href="#" class="alert-link">alert link</a>
  50. </div>
  51. <h3 class="text-primary text-center">
  52. {$module}::{$interface}请求量曲线
  53. </h3>
  54. <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
  55. <h3 class="text-danger text-center">
  56. {$module}::{$interface}耗时曲线
  57. </h3>
  58. <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
  59. <h3 class="text-primary text-center">
  60. {$module}::{$interface}请求量曲线
  61. </h3>
  62. <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
  63. <h3 class="text-danger text-center">
  64. {$module}::{$interface}耗时曲线
  65. </h3>
  66. <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
  67. <div class="text-center">
  68. <button class="btn btn-primary" type="button">分别统计</button>
  69. <button class="btn btn-primary" type="button">汇总统计</button>
  70. </div>
  71. <table class="table table-hover table-condensed table-bordered">
  72. <thead>
  73. <tr>
  74. <th>时间</th><th>调用总数</th><th>平均耗时</th><th>成功调用总数</th><th>成功平均耗时</th><th>失败调用总数</th><th>失败平均耗时</th><th>成功率</th>
  75. </tr>
  76. </thead>
  77. <tbody>
  78. <tr>
  79. <td>
  80. 2014-02-09 00:05:00
  81. </td>
  82. <td>
  83. 13500
  84. </td>
  85. <td>
  86. 0.0268
  87. </td>
  88. <td>
  89. 13500
  90. </td>
  91. <td>
  92. 0.0268
  93. </td>
  94. <td>
  95. 0
  96. </td>
  97. <td>
  98. 0
  99. </td>
  100. <td>
  101. 100%
  102. </td>
  103. </tr>
  104. <tr class="danger">
  105. <td>
  106. 2014-02-09 00:10:00
  107. </td>
  108. <td>
  109. 13500
  110. </td>
  111. <td>
  112. 0.0268
  113. </td>
  114. <td>
  115. 13400
  116. </td>
  117. <td>
  118. 0.0268
  119. </td>
  120. <td>
  121. 100
  122. </td>
  123. <td>
  124. 0.0263
  125. </td>
  126. <td>
  127. 98.1%
  128. </td>
  129. </tr>
  130. <tr>
  131. <td>
  132. 2014-02-09 00:15:00
  133. </td>
  134. <td>
  135. 13500
  136. </td>
  137. <td>
  138. 0.0268
  139. </td>
  140. <td>
  141. 13500
  142. </td>
  143. <td>
  144. 0.0268
  145. </td>
  146. <td>
  147. 0
  148. </td>
  149. <td>
  150. 0
  151. </td>
  152. <td>
  153. 100%
  154. </td>
  155. </tr>
  156. <tr>
  157. <td>
  158. 2014-02-09 00:20:00
  159. </td>
  160. <td>
  161. 13500
  162. </td>
  163. <td>
  164. 0.0268
  165. </td>
  166. <td>
  167. 13500
  168. </td>
  169. <td>
  170. 0.0268
  171. </td>
  172. <td>
  173. 0
  174. </td>
  175. <td>
  176. 0
  177. </td>
  178. <td>
  179. 100%
  180. </td>
  181. </tr>
  182. </tbody>
  183. </table>
  184. </div>
  185. </div>
  186. </div>