eparty-h5/view/eparty/modules/guild-ar/js/record.js

let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
var urlData = getQueryString();
if (env == 'test') {
  new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
var langReplace;
var localLang;
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
  layer.open({
    type: 2,
    shadeClose: false,
    content,
    success(e) {
      layerIndex = $(e).attr('index')
    }
  })
}
const hideLoading = (index) => {
  layer.close(index)
}
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
  layer.open({
    content,
    time,
    skin: 'msg'
  })
}
var originList = [];
var list = [];
var pageNo = 1;
var pageSize = 20;
var canNext = true;

$(function () {
  getInfoFromClient();
  fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
  setTimeout(function () {
    // 頁面全屏
    if (browser.app) {
      if (browser.android) {
        window.androidJsObj.initShowNav(false)
      } else {
        window.webkit.messageHandlers.initShowNav.postMessage(0)
      }
    };
    // 頂部返回事件
    $('.nav .back').click(() => {
      if (browser.android) {
        window.androidJsObj.closeWebView()
      } else {
        window.webkit.messageHandlers.closeWebView.postMessage(null)
      }
    })
    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
    langReplace = window.lang.replace;
    localLang = window.lang;
    translateFun();
    getData()
  }, 100);

  // 页面触底 分页加载
  $(window).scroll(function () {
    if ($(this).scrollTop() + $(this).height() >= $(document).height() - 5) {
      console.log(canNext);
      if (canNext && originList.length == pageSize) {
        canNext = false
        pageNo++;
        getData();
      } else {
        // toastMsg("No more~");
      }
    }
  });

});

function translateFun() {
  langReplace = window.lang.replace;
  localLang = window.lang;
  if (localLang.code == 'ar') {
    /* 设置为从右向左 */
    document.documentElement.setAttribute("dir", "rtl")
    $("body,html").addClass('arLang')
  }
  $("#aReaord_title").html(langReplace(localLang.demoModule.aReaord_title));
  $(".nav p").html(langReplace(localLang.demoModule.aReaord_title));

}

// 获取代理账单
function getData() {
  showLoading();
  networkRequest({
    type: "GET",
    url: urlPrefix + "/guild/income/rechargeUserRecord/page",
    data: { pageNo, pageSize, uid: pubInfo.uid },
    success: function (res) {
      if (res.code == 200) {
        originList = res.data
        let str = ''
        let lastDate = ''
        originList.forEach((item, i) => {
          console.log(lastDate,i);
          if (lastDate == '' || lastDate != item.date) {
            lastDate = item.date
            str += `<div class="date">${dateFormat(item.createTime,'yyyy/MM/dd')}</div>
                    <li>
                        <img src="${item.target.avatar}" alt="" class="avatar">
                        <div class="name">${item.target.nick}</div>
                        <div class="id">ID:${item.target.erbanNo}</div>
                        <span>${langReplace(localLang.demoModule.transfer_salary)}<b>${item.guildUsdNum.toLocaleString()}ÜS</b></span>
                        <p class="coins">+${item.goldNum.toLocaleString()} ${langReplace(localLang.demoModule.coins)}</p>
                    </li>`
          } else {
            str += `<li>
                        <img src="${item.target.avatar}" alt="" class="avatar">
                        <div class="name">${item.target.nick}</div>
                        <div class="id">ID:${item.target.erbanNo}</div>
                        <span>${langReplace(localLang.demoModule.transfer_salary)}<b>${item.guildUsdNum.toLocaleString()}ÜS</b></span>
                        <p class="coins">+${item.goldNum.toLocaleString()} ${langReplace(localLang.demoModule.coins)}</p>
                    </li>`
          }
        })
        // res.data.forEach(item => {
        //   let existingDateGroup = list.find(group => group.date === item.date);
        //   if (existingDateGroup) {
        //     existingDateGroup.list.push(item);
        //   } else {
        //     list.push({
        //       date: item.date,
        //       list: [item]
        //     });
        //   }
        // });
        // let str = ''
        // console.log(list);

        // list.forEach(res => {
        //   res.list.forEach((item, i) => {
        //     if (i == 0 && (res.data != item.data)) {
        //       str += `<div class="date">${res.date}</div>
        //               <li>
        //                   <img src="${item.avatar}" alt="" class="avatar">
        //                   <div class="name">${item.salaryNick}</div>
        //                   <div class="id">ID:${item.salaryErbano}</div>
        //                   <span>Transfer salary:<b>${item.tradeUsb.toLocaleString()}ÜS</b></span>
        //                   <p class="coins">+${item.gold.toLocaleString()} coins</p>
        //               </li>`
        //     } else {
        //       str += `<li>
        //                   <img src="${item.avatar}" alt="" class="avatar">
        //                   <div class="name">${item.salaryNick}</div>
        //                   <div class="id">ID:${item.salaryErbano}</div>
        //                   <span>Transfer salary:<b>${item.tradeUsb.toLocaleString()}ÜS</b></span>
        //                   <p class="coins">+${item.gold.toLocaleString()} coins</p>
        //               </li>`
        //     }

        //   })

        // });
        $('ul').append(str)

      } else {
        toastMsg(res.message)
      }
      canNext = true
      hideLoading(layerIndex);
    },
    error: function (res) {
      console.log(res, "报错啦");
      hideLoading(layerIndex);
      canNext = true
    },
  });
}