| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186 |
- <div class="container">
- <div class="row clearfix">
- <div class="col-md-12 column">
- <ul class="nav nav-tabs">
- <li>
- <a href="#">概述</a>
- </li>
- <li class="active">
- <a href="#">监控</a>
- </li>
- <li class="disabled">
- <a href="#">告警</a>
- </li>
- <li class="dropdown pull-right">
- <a href="#" data-toggle="dropdown" class="dropdown-toggle">其它<strong class="caret"></strong></a>
- <ul class="dropdown-menu">
- <li>
- <a href="#">探测节点</a>
- </li>
- <li>
- <a href="#">节点管理</a>
- </li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
- <div class="row clearfix">
- <div class="col-md-3 column">
- <div class="list-group">
- <a href="#" class="list-group-item active">HelloWorld</a>
- <a href="#" class="list-group-item">sayHello</a>
- <a href="#" class="list-group-item">sayHi</a>
- <a href="#" class="list-group-item active">User</a>
- <a href="#" class="list-group-item active">Blog</a>
- </div>
- </div>
- <div class="col-md-9 column">
- <div class="alert alert-dismissable alert-success">
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
- <h4>
- Alert!
- </h4> <strong>Warning!</strong> Best check yo self, you're not looking too good. <a href="#" class="alert-link">alert link</a>
- </div>
- <div class="alert alert-dismissable alert-danger">
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
- <h4>
- Alert!
- </h4> <strong>Warning!</strong> Best check yo self, you're not looking too good. <a href="#" class="alert-link">alert link</a>
- </div>
- <h3 class="text-primary text-center">
- {$module}::{$interface}请求量曲线
- </h3>
- <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
- <h3 class="text-danger text-center">
- {$module}::{$interface}耗时曲线
- </h3>
- <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
- <h3 class="text-primary text-center">
- {$module}::{$interface}请求量曲线
- </h3>
- <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
- <h3 class="text-danger text-center">
- {$module}::{$interface}耗时曲线
- </h3>
- <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
- <div class="text-center">
- <button class="btn btn-primary" type="button">分别统计</button>
- <button class="btn btn-primary" type="button">汇总统计</button>
- </div>
- <table class="table table-hover table-condensed table-bordered">
- <thead>
- <tr>
- <th>时间</th><th>调用总数</th><th>平均耗时</th><th>成功调用总数</th><th>成功平均耗时</th><th>失败调用总数</th><th>失败平均耗时</th><th>成功率</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- 2014-02-09 00:05:00
- </td>
- <td>
- 13500
- </td>
- <td>
- 0.0268
- </td>
- <td>
- 13500
- </td>
- <td>
- 0.0268
- </td>
- <td>
- 0
- </td>
- <td>
- 0
- </td>
- <td>
- 100%
- </td>
- </tr>
- <tr class="danger">
- <td>
- 2014-02-09 00:10:00
- </td>
- <td>
- 13500
- </td>
- <td>
- 0.0268
- </td>
- <td>
- 13400
- </td>
- <td>
- 0.0268
- </td>
- <td>
- 100
- </td>
- <td>
- 0.0263
- </td>
- <td>
- 98.1%
- </td>
- </tr>
- <tr>
- <td>
- 2014-02-09 00:15:00
- </td>
- <td>
- 13500
- </td>
- <td>
- 0.0268
- </td>
- <td>
- 13500
- </td>
- <td>
- 0.0268
- </td>
- <td>
- 0
- </td>
- <td>
- 0
- </td>
- <td>
- 100%
- </td>
- </tr>
- <tr>
- <td>
- 2014-02-09 00:20:00
- </td>
- <td>
- 13500
- </td>
- <td>
- 0.0268
- </td>
- <td>
- 13500
- </td>
- <td>
- 0.0268
- </td>
- <td>
- 0
- </td>
- <td>
- 0
- </td>
- <td>
- 100%
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
|