inviteList.blade.php 4.6 KB

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