|
|
@@ -107,165 +107,137 @@ $(function () {
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
-<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
|
|
|
<div class="container">
|
|
|
<div class="row clearfix">
|
|
|
<div class="col-md-12 column">
|
|
|
<ul class="nav nav-tabs">
|
|
|
<li class="active">
|
|
|
- <a href="#">Home</a>
|
|
|
+ <a href="#">概述</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <a href="#">Profile</a>
|
|
|
+ <a href="#">监控</a>
|
|
|
</li>
|
|
|
<li class="disabled">
|
|
|
- <a href="#">Messages</a>
|
|
|
+ <a href="#">告警</a>
|
|
|
</li>
|
|
|
<li class="dropdown pull-right">
|
|
|
- <a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown<strong class="caret"></strong></a>
|
|
|
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">其它<strong class="caret"></strong></a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li>
|
|
|
- <a href="#">Action</a>
|
|
|
+ <a href="#">探测节点</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <a href="#">Another action</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#">Something else here</a>
|
|
|
- </li>
|
|
|
- <li class="divider">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#">Separated link</a>
|
|
|
+ <a href="#">节点管理</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <div class="row clearfix">
|
|
|
- <div class="col-md-3 column">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- Lorem ipsum dolor sit amet
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- Consectetur adipiscing elit
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- Integer molestie lorem at massa
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- Facilisis in pretium nisl aliquet
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- Nulla volutpat aliquam velit
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- Faucibus porta lacus fringilla vel
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- Aenean sit amet erat nunc
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- Eget porttitor lorem
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="col-md-9 column">
|
|
|
- <h3 class="text-center text-primary">
|
|
|
- h3. Lorem ipsum dolor sit amet.
|
|
|
- </h3>
|
|
|
- <table class="table table-hover table-condensed table-bordered">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>
|
|
|
- #
|
|
|
- </th>
|
|
|
- <th>
|
|
|
- Product
|
|
|
- </th>
|
|
|
- <th>
|
|
|
- Payment Taken
|
|
|
- </th>
|
|
|
- <th>
|
|
|
- Status
|
|
|
- </th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td>
|
|
|
- 1
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- TB - Monthly
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- 01/04/2012
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- Default
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr class="active">
|
|
|
- <td>
|
|
|
- 1
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- TB - Monthly
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- 01/04/2012
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- Approved
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr class="success">
|
|
|
- <td>
|
|
|
- 2
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- TB - Monthly
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- 02/04/2012
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- Declined
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr class="warning">
|
|
|
- <td>
|
|
|
- 3
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- TB - Monthly
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- 03/04/2012
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- Pending
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr class="danger">
|
|
|
- <td>
|
|
|
- 4
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- TB - Monthly
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- 04/04/2012
|
|
|
- </td>
|
|
|
- <td>
|
|
|
- Call in to confirm
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
+ </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 class="active">
|
|
|
+ <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>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
walkor