inviteList.blade.php 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  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="row">
  8. <div class="col-md-4">
  9. <div class="card">
  10. <div class="card-block">
  11. <h4 class="card-title cyan-600"><i class="icon wb-plus"></i> {{trans('home.invite_code_make')}}
  12. </h4>
  13. <p class="card-text alert alert-info">
  14. <i class="icon wb-warning red-700"></i> {{trans('home.invite_code_tips1')}}
  15. <strong> 10 </strong> {{trans('home.invite_code_tips2', ['days' => \App\Components\Helpers::systemConfig()['user_invite_days']])}}
  16. </p>
  17. <button type="button" class="btn btn-primary btn-animate btn-animate-side" onclick="makeInvite()"><i class="icon wb-plus"></i> {{trans('home.invite_code_button')}}
  18. </button>
  19. </div>
  20. </div>
  21. </div>
  22. <div class="col-md-8">
  23. <div class="panel">
  24. <div class="panel-heading">
  25. <h4 class="panel-title cyan-600"><i class="icon wb-extension"></i>{{trans('home.invite_code_my_codes')}}
  26. </h4>
  27. <div class="panel-actions">
  28. <button class="btn btn-primary" onclick="exportInvite()">批量导出</button>
  29. </div>
  30. </div>
  31. <div class="panel-body">
  32. <table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
  33. <thead class="thead-default">
  34. <tr>
  35. <th> #</th>
  36. <th> {{trans('home.invite_code_table_name')}} </th>
  37. <th> {{trans('home.invite_code_table_date')}} </th>
  38. <th> 生成者</th>
  39. <th> {{trans('home.invite_code_table_status')}} </th>
  40. <th> {{trans('home.invite_code_table_user')}} </th>
  41. </tr>
  42. </thead>
  43. <tbody>
  44. @foreach($inviteList as $invite)
  45. <tr>
  46. <td> {{$invite->id}} </td>
  47. <td>
  48. <a href="javascript:void(0)" class="mt-clipboard" data-clipboard-action="copy" data-clipboard-text="{{url('/register?code='.$invite->code)}}">{{$invite->code}}</a>
  49. </td>
  50. <td> {{$invite->dateline}} </td>
  51. <td>
  52. {{$invite->uid == 0 ? '系统生成' : (empty($invite->generator) ? '【账号已删除】' : $invite->generator->email)}}
  53. </td>
  54. <td>
  55. {!!$invite->status_label!!}
  56. </td>
  57. <td>
  58. {{$invite->status == 1 ? (empty($invite->user) ? '【账号已删除】' : $invite->user->email) : ''}}
  59. </td>
  60. </tr>
  61. @endforeach
  62. </tbody>
  63. </table>
  64. </div>
  65. <div class="panel-footer">
  66. <div class="row">
  67. <div class="col-md-4">
  68. {{trans('home.invite_code_summary', ['total' => $inviteList->total()])}}
  69. </div>
  70. <div class="col-md-8">
  71. <nav class="Page navigation float-right">
  72. {{$inviteList->links()}}
  73. </nav>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. @endsection
  82. @section('script')
  83. <script src="/assets/custom/Plugin/clipboardjs/clipboard.min.js" type="text/javascript"></script>
  84. <script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js" type="text/javascript"></script>
  85. <script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js" type="text/javascript"></script>
  86. <script type="text/javascript">
  87. // 生成邀请码
  88. function makeInvite() {
  89. $.ajax({
  90. type: "POST",
  91. url: "/admin/makeInvite",
  92. async: false,
  93. data: {_token: '{{csrf_token()}}'},
  94. dataType: 'json',
  95. success: function (ret) {
  96. if (ret.status === 'success') {
  97. swal.fire({title: ret.message, type: 'success', timer: 1000, showConfirmButton: false})
  98. .then(() => window.location.reload())
  99. } else {
  100. swal.fire({title: ret.message, type: "error"}).then(() => window.location.reload())
  101. }
  102. }
  103. });
  104. return false;
  105. }
  106. // 导出邀请码
  107. function exportInvite() {
  108. swal.fire({
  109. title: '提示',
  110. text: '确定导出所有邀请码吗',
  111. type: 'question',
  112. showCancelButton: true,
  113. cancelButtonText: '{{trans('home.ticket_close')}}',
  114. confirmButtonText: '{{trans('home.ticket_confirm')}}',
  115. }).then((result) => {
  116. if (result.value) {
  117. window.location.href = '/admin/exportInvite';
  118. }
  119. });
  120. }
  121. const clipboard = new ClipboardJS('.mt-clipboard');
  122. clipboard.on('success', function () {
  123. swal.fire({
  124. title: '复制成功',
  125. type: 'success',
  126. timer: 1300,
  127. showConfirmButton: false
  128. });
  129. });
  130. clipboard.on('error', function () {
  131. swal.fire({
  132. title: '复制失败,请手动复制',
  133. type: 'error',
  134. timer: 1500,
  135. showConfirmButton: false
  136. });
  137. });
  138. </script>
  139. @endsection