deviceList.blade.php 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  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. <h3 class="panel-title">订阅设备列表</h3>
  10. </div>
  11. <div class="panel-body">
  12. <div class="form-row">
  13. <div class="form-group col-lg-3 col-sm-6">
  14. <select name="status" id="status" class="form-control" onChange="Search()">
  15. <option value="" @if(Request::get('status') == '') selected hidden @endif>账号状态</option>
  16. <option value="-1" @if(Request::get('status') == '-1') selected hidden @endif>禁用</option>
  17. <option value="0" @if(Request::get('status') == '0') selected hidden @endif>未激活</option>
  18. <option value="1" @if(Request::get('status') == '1') selected hidden @endif>正常</option>
  19. </select>
  20. </div>
  21. <div class="form-group col-lg-2 col-sm-6 btn-group">
  22. <button class="btn btn-primary" onclick="Search()">搜索</button>
  23. <a href="/subscribe/deviceList" 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> #</th>
  30. <th> 名称</th>
  31. <th> 类型</th>
  32. <th> 平台</th>
  33. <th> 请求头</th>
  34. <th> 操作</th>
  35. </tr>
  36. </thead>
  37. <tbody>
  38. @if($deviceList->isEmpty())
  39. <tr>
  40. <td colspan="6">暂无数据</td>
  41. </tr>
  42. @else
  43. @foreach($deviceList as $vo)
  44. <tr>
  45. <td> {{$vo->id}} </td>
  46. <td> {{$vo->name}} </td>
  47. <td> {!! $vo->type_label !!} </td>
  48. <td> {!! $vo->platform_label !!} </td>
  49. <td> {{$vo->header}} </td>
  50. <td>
  51. @if($vo->status == 0)
  52. <button class="btn btn-sm btn-outline-success" onclick="setDeviceStatus('{{$vo->id}}', '1')">启用</button>
  53. @endif
  54. @if($vo->status == 1)
  55. <button class="btn btn-sm btn-outline-danger" onclick="setDeviceStatus('{{$vo->id}}', '0')">禁用</button>
  56. @endif
  57. </td>
  58. </tr>
  59. @endforeach
  60. @endif
  61. </tbody>
  62. </table>
  63. </div>
  64. <div class="panel-footer">
  65. <div class="row">
  66. <div class="col-sm-4">
  67. 共 <code>{{$deviceList->total()}}</code> 条记录
  68. </div>
  69. <div class="col-sm-8">
  70. <nav class="Page navigation float-right">
  71. {{$deviceList->links()}}
  72. </nav>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. @endsection
  79. @section('script')
  80. <script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js" type="text/javascript"></script>
  81. <script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js" type="text/javascript"></script>
  82. <script type="text/javascript">
  83. // 搜索
  84. function Search() {
  85. window.location.href = '/subscribe/deviceList' + '?status=' + $("#status option:selected").val();
  86. }
  87. // 启用禁用订阅设备
  88. function setDeviceStatus(id, status) {
  89. $.post("/subscribe/setDeviceStatus", {
  90. _token: '{{csrf_token()}}',
  91. id: id,
  92. status: status
  93. }, function (ret) {
  94. swal.fire({text: ret.message, timer: 1000, showConfirmButton: false,})
  95. .then(() => {
  96. window.location.reload();
  97. })
  98. });
  99. }
  100. </script>
  101. @endsection