referral.blade.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. @extends('user.layouts')
  2. @section('content')
  3. <div class="page-header">
  4. <h1 class="page-title cyan-600"><i class="icon wb-star"></i>{{trans('home.referrals')}}</h1>
  5. </div>
  6. <div class="page-content container-fluid">
  7. <div class="alert alert-info" role="alert">
  8. <button class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  9. {!! trans('home.promote_link', ['traffic' => $referral_traffic, 'referral_percent' => $referral_percent * 100]) !!}
  10. </div>
  11. <div class="row">
  12. <div class="col-lg-5">
  13. <!-- 推广链接 -->
  14. <div class="card">
  15. <div class="card-block">
  16. <h4 class="card-title cyan-600"><i class="icon wb-link"></i> {{trans('home.referral_my_link')}}
  17. </h4>
  18. <div class="card-text form">
  19. <div class="mt-clipboard-container input-group">
  20. <input type="text" id="mt-target-1" class="form-control" value="{{$link}}"/>
  21. <button class="btn btn-info mt-clipboard" data-clipboard-action="copy" data-clipboard-text="{{$link}}">
  22. <i class="icon wb-copy"></i> {{trans('home.referral_button')}}
  23. </button>
  24. </div>
  25. </div>
  26. </div>
  27. </div>
  28. <!-- 邀请记录 -->
  29. <div class="card">
  30. <div class="card-block">
  31. <h4 class="card-title cyan-600"><i class="icon wb-emoticon"></i> {{trans('home.invite_user_title')}}
  32. </h4>
  33. <div class="table-responsive">
  34. <table class="table text-center" data-mobile-responsive="true">
  35. <thead class="thead-default">
  36. <tr>
  37. <th data-cell-style="cellStyle"> #</th>
  38. <th> {{trans('home.invite_user_username')}} </th>
  39. <th> {{trans('home.invite_user_created_at')}}</th>
  40. </tr>
  41. </thead>
  42. <tbody>
  43. @if($referralUserList->isEmpty())
  44. <tr>
  45. <td colspan="3"> {{trans('home.referral_table_none')}} </td>
  46. </tr>
  47. @else
  48. @foreach($referralUserList as $vo)
  49. <tr>
  50. <td> {{$loop->iteration}} </td>
  51. <td> {{str_replace(mb_substr($vo->username, 3, 4), "****", $vo->username)}} </td>
  52. <td> {{$vo->created_at}} </td>
  53. </tr>
  54. @endforeach
  55. @endif
  56. </tbody>
  57. </table>
  58. <div class="panel-footer">
  59. <nav class="Page navigation float-right">
  60. {{$referralUserList->appends(array_except(Request::query(), 'user_page'))->links()}}
  61. </nav>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="col-lg-7">
  68. <!-- 佣金记录 -->
  69. <div class="panel">
  70. <div class="panel-heading">
  71. <h3 class="panel-title cyan-600">
  72. <i class="icon wb-star-half"></i>{{trans('home.referral_title')}}
  73. </h3>
  74. <div class="panel-actions">
  75. <button type="submit" class="btn btn-danger" onclick="extractMoney()"> {{trans('home.referral_table_apply')}} </button>
  76. </div>
  77. </div>
  78. <div class="panel-body">
  79. <div class="table-responsive">
  80. <table class="table text-center" data-mobile-responsive="true">
  81. <thead class="thead-default">
  82. <tr>
  83. <th data-cell-style="cellStyle"> #</th>
  84. <th> {{trans('home.referral_table_date')}} </th>
  85. <th> {{trans('home.referral_table_user')}} </th>
  86. <th> {{trans('home.referral_table_amount')}} </th>
  87. <th> {{trans('home.referral_table_commission')}} </th>
  88. <th> {{trans('home.referral_table_status')}} </th>
  89. </tr>
  90. </thead>
  91. <tbody>
  92. @if($referralLogList->isEmpty())
  93. <tr>
  94. <td colspan="6"> {{trans('home.referral_table_none')}} </td>
  95. </tr>
  96. @else
  97. @foreach($referralLogList as $referralLog)
  98. <tr>
  99. <td> {{$loop->iteration}} </td>
  100. <td> {{$referralLog->created_at}} </td>
  101. <td> {{empty($referralLog->user) ? '【账号已删除】' : str_replace(mb_substr($referralLog->user->username, 3, 4), "****", $referralLog->user->username)}} </td>
  102. <td> ¥{{$referralLog->amount}} </td>
  103. <td> ¥{{$referralLog->ref_amount}} </td>
  104. <td>
  105. @if ($referralLog->status == 1)
  106. <span class="badge badge-sm badge-info">申请中</span>
  107. @elseif($referralLog->status == 2)
  108. <span>已提现</span>
  109. @else
  110. <span class="badge badge-sm badge-success">未提现</span>
  111. @endif
  112. </td>
  113. </tr>
  114. @endforeach
  115. @endif
  116. </tbody>
  117. </table>
  118. </div>
  119. </div>
  120. <div class="panel-footer">
  121. <div class="row">
  122. <div class="col-md-6 col-sm-6">
  123. {{trans('home.referral_summary', ['total' => $referralLogList->total(), 'amount' => $canAmount, 'money' => $referral_money])}}
  124. </div>
  125. <div class="col-md-6 col-sm-6">
  126. <nav class="Page navigation float-right">
  127. {{$referralLogList->appends(array_except(Request::query(), 'user_page'))->links()}}
  128. </nav>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <!-- 提现记录 -->
  134. <div class="card">
  135. <div class="card-block">
  136. <h4 class="card-title cyan-600"><i class="icon wb-star-outline"></i> {{trans('home.referral_apply_title')}}
  137. </h4>
  138. <div class="table-responsive">
  139. <table class="table text-center" data-mobile-responsive="true">
  140. <thead class="thead-default">
  141. <tr>
  142. <th data-cell-style="cellStyle"> #</th>
  143. <th> {{trans('home.referral_apply_table_date')}} </th>
  144. <th> {{trans('home.referral_apply_table_amount')}} </th>
  145. <th> {{trans('home.referral_apply_table_status')}} </th>
  146. </tr>
  147. </thead>
  148. <tbody>
  149. @if($referralApplyList->isEmpty())
  150. <tr>
  151. <td colspan="6"> {{trans('home.referral_table_none')}} </td>
  152. </tr>
  153. @else
  154. @foreach($referralApplyList as $vo)
  155. <tr>
  156. <td> {{$loop->iteration}} </td>
  157. <td> {{$vo->created_at}} </td>
  158. <td> ¥{{$vo->amount}} </td>
  159. <td>
  160. @if ($vo->status == 0)
  161. <span class="badge badge-sm badge-warning">待审核</span>
  162. @elseif($vo->status == 1)
  163. <span class="badge badge-sm badge-info">审核通过 - 待打款</span>
  164. @elseif($vo->status == 2)
  165. <span>已打款</span>
  166. @else
  167. <span class="badge badge-sm badge-dark">驳回</span>
  168. @endif
  169. </td>
  170. </tr>
  171. @endforeach
  172. @endif
  173. </tbody>
  174. </table>
  175. <div class="panel-footer">
  176. <nav class="Page navigation float-right">
  177. {{ $referralApplyList->appends(array_except(Request::query(), 'user_page'))->links() }}
  178. </nav>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. @endsection
  187. @section('script')
  188. <script src="/assets/custom/Plugin/clipboardjs/clipboard.min.js" type="text/javascript"></script>
  189. <script type="text/javascript">
  190. // 申请提现
  191. function extractMoney() {
  192. $.post("/extractMoney", {_token: '{{csrf_token()}}'}, function (ret) {
  193. if (ret.status === 'success') {
  194. swal.fire({
  195. title: ret.message,
  196. type: '1000',
  197. timer: 1300,
  198. showConfirmButton: false,
  199. });
  200. swal.fire(ret.message, {icon: "success", timer: 1000, buttons: false})
  201. .then(() => {
  202. window.location.reload()
  203. })
  204. } else {
  205. swal.fire('申请失败', ret.message, 'error')
  206. }
  207. });
  208. }
  209. const clipboard = new ClipboardJS('.mt-clipboard');
  210. clipboard.on('success', function () {
  211. swal.fire({
  212. title: '复制成功',
  213. type: 'success',
  214. timer: 1300,
  215. showConfirmButton: false,
  216. });
  217. });
  218. clipboard.on('error', function () {
  219. swal.fire({
  220. title: '复制失败,请手动复制',
  221. type: 'error',
  222. timer: 1500,
  223. showConfirmButton: false,
  224. });
  225. });
  226. </script>
  227. @endsection