tabBtn3.js 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. $(document).ready(function () {
  2. let url = window.location.search;
  3. var theRequest = new Object();
  4. if (url.indexOf("?") != -1) {
  5. var str = url.substr(1);
  6. strs = str.split("&");
  7. for (var i = 0; i < strs.length; i++) {
  8. theRequest[strs[i].split("=")[0]] = unescape(
  9. decodeURI(strs[i].split("=")[1])
  10. );
  11. }
  12. }
  13. // 接口调用-获取数据-反差数据
  14. function getData() {
  15. $.ajax({
  16. type: "post",
  17. url: "https://api.9169kkxstzsjkdd222.app/Admin/Adminbackoneeight/admin_conins_video_tongji",
  18. dataType: "json",
  19. data: {
  20. token: "b8e3bb6ef8747d7"
  21. },
  22. success: function (res) {
  23. console.log(res);
  24. let dataArray = res.data;
  25. let videoHTML = "";
  26. $.each(dataArray, function (index, data) {
  27. videoHTML += `
  28. <div class="table">
  29. <p class="tableTitle">${data.uploader}</p>
  30. <div class="tableLineContent">
  31. <div class="tableLine1">
  32. <div class="card">
  33. <p class="cardLabel">今日付费金额</p>
  34. <p class="cardLabelData">${data.jinri_amount}</p>
  35. </div>
  36. <div class="card">
  37. <p class="cardLabel">昨日付费金额</p>
  38. <p class="cardLabelData">${data.zuori_amount}</p>
  39. </div>
  40. <div class="card">
  41. <p class="cardLabel">3日付费金额</p>
  42. <p class="cardLabelData">${data.sanri_amount}</p>
  43. </div>
  44. <div class="card">
  45. <p class="cardLabel">周付费金额</p>
  46. <p class="cardLabelData">${data.zhou_amount}</p>
  47. </div>
  48. <div class="card">
  49. <p class="cardLabel">月付费金额</p>
  50. <p class="cardLabelData">${data.yue_amount}</p>
  51. </div>
  52. <div class="card">
  53. <p class="cardLabel">累计付费金额</p>
  54. <p class="cardLabelData">${data.jilei_amount}</p>
  55. </div>
  56. </div>
  57. <div class="tableLine2">
  58. <div class="card">
  59. <p class="cardLabel">今日付费人数</p>
  60. <p class="cardLabelData">${data.jinri_pay_num}</p>
  61. </div>
  62. <div class="card">
  63. <p class="cardLabel">昨日付费人数</p>
  64. <p class="cardLabelData">${data.zuori_pay_num}</p>
  65. </div>
  66. <div class="card">
  67. <p class="cardLabel">3日付费人数</p>
  68. <p class="cardLabelData">${data.sanri_pay_num}</p>
  69. </div>
  70. <div class="card">
  71. <p class="cardLabel">周付费人数</p>
  72. <p class="cardLabelData">${data.zhou_pay_num}</p>
  73. </div>
  74. <div class="card">
  75. <p class="cardLabel">月付费人数</p>
  76. <p class="cardLabelData">${data.yue_pay_num}</p>
  77. </div>
  78. <div class="card">
  79. <p class="cardLabel">累计付费人数</p>
  80. <p class="cardLabelData">${data.jilei_pay_num}</p>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. `;
  86. })
  87. $(".main").html(videoHTML);
  88. }
  89. });
  90. }
  91. getData();
  92. });