index.blade.php 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  1. @extends('admin.layouts')
  2. @section('css')
  3. <link href="/assets/global/fonts/material-design/material-design.min.css" type="text/css" rel="stylesheet">
  4. @endsection
  5. @section('content')
  6. <div class="page-content container-fluid">
  7. <div class="row" data-plugin="matchHeight" data-by-row="true">
  8. <div class="col-xl-3 col-md-6 info-panel pb-30">
  9. <a href="/admin/userList" class="card card-shadow h-full">
  10. <div class="card-block bg-white">
  11. <button type="button" class="btn btn-floating btn-sm btn-primary">
  12. <i class="icon md-account"></i>
  13. </button>
  14. <span class="ml-15 font-weight-400">总用户</span>
  15. <div class="content-text text-center mb-0">
  16. <span class="font-size-40 font-weight-100">{{$totalUserCount}}</span>
  17. </div>
  18. </div>
  19. </a>
  20. </div>
  21. <div class="col-xl-3 col-md-6 info-panel pb-30">
  22. <a href="/admin/userList?enable=1" class="card card-shadow h-full">
  23. <div class="card-block bg-white">
  24. <button type="button" class="btn btn-floating btn-sm btn-info">
  25. <i class="icon md-account"></i>
  26. </button>
  27. <span class="ml-15 font-weight-400">有效用户</span>
  28. <div class="content-text text-center mb-0">
  29. <span class="font-size-40 font-weight-100">{{$enableUserCount}}</span>
  30. </div>
  31. </div>
  32. </a>
  33. </div>
  34. <div class="col-xl-3 col-md-6 info-panel pb-30">
  35. <a href="/admin/userList?active=1" class="card card-shadow h-full">
  36. <div class="card-block bg-white">
  37. <button type="button" class="btn btn-floating btn-sm btn-success">
  38. <i class="icon md-account"></i>
  39. </button>
  40. <span class="ml-15 font-weight-400">{{$expireDays}}日内活跃用户</span>
  41. <div class="content-text text-center mb-0">
  42. <span class="font-size-40 font-weight-100">{{$activeUserCount}}</span>
  43. </div>
  44. </div>
  45. </a>
  46. </div>
  47. <div class="col-xl-3 col-md-6 info-panel pb-30">
  48. <a href="/admin/userList?unActive=1" class="card card-shadow h-full">
  49. <div class="card-block bg-white">
  50. <button type="button" class="btn btn-floating btn-sm btn-warning">
  51. <i class="icon md-account"></i>
  52. </button>
  53. <span class="ml-15 font-weight-400">{{$expireDays}}日以上不活跃用户</span>
  54. <div class="content-text text-center mb-0">
  55. <span class="font-size-40 font-weight-100">{{$unActiveUserCount}}</span>
  56. </div>
  57. </div>
  58. </a>
  59. </div>
  60. <div class="col-xl-3 col-md-6 info-panel pb-30">
  61. <a href="/admin/userList?online=1" class="card card-shadow h-full">
  62. <div class="card-block bg-white">
  63. <button type="button" class="btn btn-floating btn-sm btn-success">
  64. <i class="icon md-account"></i>
  65. </button>
  66. <span class="ml-15 font-weight-400">当前在线</span>
  67. <div class="content-text text-center mb-0">
  68. <span class="font-size-40 font-weight-100">{{$onlineUserCount}}</span>
  69. </div>
  70. </div>
  71. </a>
  72. </div>
  73. <div class="col-xl-3 col-md-6 info-panel pb-30">
  74. <a href="/admin/userList?expireWarning=1" class="card card-shadow h-full">
  75. <div class="card-block bg-white">
  76. <button type="button" class="btn btn-floating btn-sm btn-danger">
  77. <i class="icon md-account"></i>
  78. </button>
  79. <span class="ml-15 font-weight-400">临近到期</span>
  80. <div class="content-text text-center mb-0">
  81. <span class="font-size-40 font-weight-100">{{$expireWarningUserCount}}</span>
  82. </div>
  83. </div>
  84. </a>
  85. </div>
  86. <div class="col-xl-3 col-md-6 info-panel pb-30">
  87. <a href="/admin/userList?largeTraffic=1" class="card card-shadow h-full">
  88. <div class="card-block bg-white">
  89. <button type="button" class="btn btn-floating btn-sm btn-warning">
  90. <i class="icon md-account"></i>
  91. </button>
  92. <span class="ml-15 font-weight-400">流量大户(超过100G的用户)</span>
  93. <div class="content-text text-center mb-0">
  94. <span class="font-size-40 font-weight-100">{{$largeTrafficUserCount}}</span>
  95. </div>
  96. </div>
  97. </a>
  98. </div>
  99. <div class="col-xl-3 col-md-6 info-panel pb-30">
  100. <a href="/admin/userList?flowAbnormal=1" class="card card-shadow h-full">
  101. <div class="card-block bg-white">
  102. <button type="button" class="btn btn-floating btn-sm btn-danger">
  103. <i class="icon md-account"></i>
  104. </button>
  105. <span class="ml-15 font-weight-400">1小时内流量异常</span>
  106. <div class="content-text text-center mb-0">
  107. <span class="font-size-40 font-weight-100">{{$flowAbnormalUserCount}}</span>
  108. </div>
  109. </div>
  110. </a>
  111. </div>
  112. <div class="col-xl-3 col-md-6 info-panel pb-30">
  113. <a href="/admin/nodeList" class="card card-shadow h-full">
  114. <div class="card-block bg-white">
  115. <button type="button" class="btn btn-floating btn-sm btn-primary">
  116. <i class="icon md-cloud"></i>
  117. </button>
  118. <span class="ml-15 font-weight-400">节点</span>
  119. <div class="content-text text-center mb-0">
  120. <span class="font-size-40 font-weight-100">{{$nodeCount}}</span>
  121. </div>
  122. </div>
  123. </a>
  124. </div>
  125. <div class="col-xl-3 col-md-6 info-panel pb-30">
  126. <a href="/admin/nodeList?status=0" class="card card-shadow h-full">
  127. <div class="card-block bg-white">
  128. <button type="button" class="btn btn-floating btn-sm btn-info">
  129. <i class="icon md-cloud-off"></i>
  130. </button>
  131. <span class="ml-15 font-weight-400">维护中的节点</span>
  132. <div class="content-text text-center mb-0">
  133. <span class="font-size-40 font-weight-100">{{$unnormalNodeCount}}</span>
  134. </div>
  135. </div>
  136. </a>
  137. </div>
  138. <div class="col-xl-3 col-md-6 info-panel pb-30">
  139. <a href="/admin/trafficLog" class="card card-shadow h-full">
  140. <div class="card-block bg-white">
  141. <button type="button" class="btn btn-floating btn-sm btn-primary">
  142. <i class="icon md-time-countdown"></i>
  143. </button>
  144. <span class="ml-15 font-weight-400">总消耗流量</span>
  145. <div class="content-text text-center mb-0">
  146. <span class="font-size-40 font-weight-100">{{$totalFlowCount}}</span>
  147. </div>
  148. </div>
  149. </a>
  150. </div>
  151. <div class="col-xl-3 col-md-6 info-panel pb-30">
  152. <a href="/admin/trafficLog" class="card card-shadow h-full">
  153. <div class="card-block bg-white">
  154. <button type="button" class="btn btn-floating btn-sm btn-primary">
  155. <i class="icon md-time-countdown"></i>
  156. </button>
  157. <span class="ml-15 font-weight-400">30日内消耗流量</span>
  158. <div class="content-text text-center mb-0">
  159. <span class="font-size-40 font-weight-100">{{$flowCount}}</span>
  160. </div>
  161. </div>
  162. </a>
  163. </div>
  164. <div class="col-xl-3 col-md-6 info-panel pb-30">
  165. <a href="/admin/orderList" class="card card-shadow h-full">
  166. <div class="card-block bg-white">
  167. <button type="button" class="btn btn-floating btn-sm btn-primary">
  168. <i class="icon md-ticket-star"></i>
  169. </button>
  170. <span class="ml-15 font-weight-400">总订单数</span>
  171. <div class="content-text text-center mb-0">
  172. <span class="font-size-40 font-weight-100">{{$totalOrder}}</span>
  173. </div>
  174. </div>
  175. </a>
  176. </div>
  177. <div class="col-xl-3 col-md-6 info-panel pb-30">
  178. <a href="/admin/orderList" class="card card-shadow h-full">
  179. <div class="card-block bg-white">
  180. <button type="button" class="btn btn-floating btn-sm btn-info">
  181. <i class="icon md-ticket-star"></i>
  182. </button>
  183. <span class="ml-15 font-weight-400">在线支付订单数</span>
  184. <div class="content-text text-center mb-0">
  185. <span class="font-size-40 font-weight-100">{{$totalOnlinePayOrder}}</span>
  186. </div>
  187. </div>
  188. </a>
  189. </div>
  190. <div class="col-xl-3 col-md-6 info-panel pb-30">
  191. <a href="/admin/orderList?status=2" class="card card-shadow h-full">
  192. <div class="card-block bg-white">
  193. <button type="button" class="btn btn-floating btn-sm btn-success">
  194. <i class="icon md-ticket-star"></i>
  195. </button>
  196. <span class="ml-15 font-weight-400">支付成功订单数</span>
  197. <div class="content-text text-center mb-0">
  198. <span class="font-size-40 font-weight-100">{{$totalSuccessOrder}}</span>
  199. </div>
  200. </div>
  201. </a>
  202. </div>
  203. <div class="col-xl-3 col-md-6 info-panel pb-30">
  204. <a href="/admin/orderList?status=2&range_time={{date('Y-m-d 00:00:00') . ',' . date('Y-m-d 23:59:59')}}" class="card card-shadow h-full">
  205. <div class="card-block bg-white">
  206. <button type="button" class="btn btn-floating btn-sm btn-success">
  207. <i class="icon md-ticket-star"></i>
  208. </button>
  209. <span class="ml-15 font-weight-400">今天成功订单数</span>
  210. <div class="content-text text-center mb-0">
  211. <span class="font-size-40 font-weight-100">{{$todaySuccessOrder}}</span>
  212. </div>
  213. </div>
  214. </a>
  215. </div>
  216. <div class="col-xl-3 col-md-6 info-panel pb-30">
  217. <div class="card card-shadow h-full">
  218. <div class="card-block bg-white">
  219. <button type="button" class="btn btn-floating btn-sm btn-primary">
  220. <i class="icon md-money"></i>
  221. </button>
  222. <span class="ml-15 font-weight-400">总余额</span>
  223. <div class="content-text text-center mb-0">
  224. <span class="font-size-40 font-weight-100">{{$totalBalance}}</span>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. <div class="col-xl-3 col-md-6 info-panel pb-30">
  230. <a href="/admin/userRebateList" class="card card-shadow h-full">
  231. <div class="card-block bg-white">
  232. <button type="button" class="btn btn-floating btn-sm btn-warning">
  233. <i class="icon md-money"></i>
  234. </button>
  235. <span class="ml-15 font-weight-400">待提现佣金</span>
  236. <div class="content-text text-center mb-0">
  237. <span class="font-size-40 font-weight-100">{{$totalWaitRefAmount}}</span>
  238. </div>
  239. </div>
  240. </a>
  241. </div>
  242. <div class="col-xl-3 col-md-6 info-panel pb-30">
  243. <div class="card card-shadow h-full">
  244. <div class="card-block bg-white">
  245. <button type="button" class="btn btn-floating btn-sm btn-dark">
  246. <i class="icon md-money"></i>
  247. </button>
  248. <span class="ml-15 font-weight-400">已支出佣金</span>
  249. <div class="content-text text-center mb-0">
  250. <span class="font-size-40 font-weight-100">{{$totalRefAmount}}</span>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. @endsection
  258. @section('script')
  259. <script src="/assets/global/vendor/matchheight/jquery.matchHeight-min.js" type="text/javascript"></script>
  260. <script src="/assets/global/js/Plugin/matchheight.js" type="text/javascript"></script>
  261. @endsection