nodePingLog.blade.php 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. @extends('admin.layouts')
  2. @section('css')
  3. <link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" type="text/css" rel="stylesheet">
  4. @endsection
  5. @section('content')
  6. <div class="page-content container-fluid">
  7. <div class="panel">
  8. <div class="panel-heading">
  9. <h2 class="panel-title">线路Ping测速日志</h2>
  10. </div>
  11. <div class="panel-body">
  12. <div class="form-row">
  13. <div class="form-group col-lg-2 col-sm-5">
  14. <select name="nodeId" id="nodeId" class="form-control" onChange="Search()">
  15. <option value="" @if(Request::get('nodeId') == '') selected @endif hidden>选择节点</option>
  16. @foreach($nodeList as $node)
  17. <option value="{{$node->id}}" @if(Request::get('nodeId') == $node->id) selected @endif>{{$node->name}}</option>
  18. @endforeach
  19. </select>
  20. </div>
  21. <div class="form-group col-lg-1 col-sm-4 btn-group">
  22. <button class="btn btn-primary" onclick="Search()">搜 索</button>
  23. <a href="/admin/nodePingLog" class="btn btn-danger">重 置</a>
  24. </div>
  25. </div>
  26. <table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
  27. <thead class="thead-default">
  28. <tr>
  29. <th rowspan="2"> #</th>
  30. <th rowspan="2"> 节点</th>
  31. <th colspan="4"> 速度</th>
  32. </tr>
  33. <tr>
  34. <th>电信</th>
  35. <th>联通</th>
  36. <th>移动</th>
  37. <th>香港</th>
  38. </tr>
  39. </thead>
  40. <tbody>
  41. @if($pingLogs->isEmpty())
  42. <tr>
  43. <td colspan="8">暂无数据</td>
  44. </tr>
  45. @else
  46. @foreach($pingLogs as $log)
  47. <tr>
  48. <td> {{$log->id}} </td>
  49. <td> {{$log->node->name}} </td>
  50. <td> {{$log->ct? $log->ct.' ms': '无'}} </td>
  51. <td> {{$log->cu? $log->cu.' ms': '无'}} </td>
  52. <td> {{$log->cm? $log->cm.' ms': '无'}} </td>
  53. <td> {{$log->hk? $log->hk.' ms': '无'}} </td>
  54. </tr>
  55. @endforeach
  56. @endif
  57. </tbody>
  58. </table>
  59. </div>
  60. <div class="panel-footer">
  61. <div class="row">
  62. <div class="col-sm-4">
  63. 共 <code>{{$pingLogs->total()}}</code> 条记录
  64. </div>
  65. <div class="col-sm-8">
  66. <nav class="Page navigation float-right">
  67. {{$pingLogs->links()}}
  68. </nav>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. @endsection
  75. @section('script')
  76. <script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js" type="text/javascript"></script>
  77. <script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js" type="text/javascript"></script>
  78. <script type="text/javascript">
  79. // 搜索
  80. function Search() {
  81. window.location.href = '/admin/nodePingLog?&nodeId=' + $("#nodeId option:selected").val();
  82. }
  83. </script>
  84. @endsection