const urlData = getQueryString();
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
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 list = [];
var pageNo = 1;
var pageSize = 20;
var canNext = true;
var type = 1 //1--收入 2--支出

$(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(() => {
            window.history.back();
        })
        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
        langReplace = window.lang.replace;
        localLang = window.lang;
        translateFun();
        getData()
    }, 100);

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

});

function translateFun() {
    langReplace = window.lang.replace;
    localLang = window.lang;
    $('.text1').text(langReplace(localLang.bill.text1));
    $('.text2').text(langReplace(localLang.bill.text2));
    $('.text3').text(langReplace(localLang.bill.text3));

}

// 获取账单列表
function getData() {
    showLoading();
    networkRequest({
        type: "GET",
        url: urlPrefix + "/game/usd/bill/page",
        data: { type, page: pageNo, pageSize, uid: pubInfo.uid },
        success: function (res) {
            if (res.code == 200) {
                list = res.data
                let str = ''
                list.forEach(item => {
                    // tradeType 1 收入 2支出
                    // if (item.tradeType == 1) {
                    str += `
                            <li class="${item.type == 5 || item.type == 6 || item.type == 8 ? 'actLi' : ''}">
                                <div>
                                        ${(item.type == 5 || item.type == 6 || item.type == 8) ? `<i class="sp${item.status}">${(item.status == 0 ? langReplace(localLang.bill.text10) : item.status == 1 ? langReplace(localLang.bill.text11) : langReplace(localLang.bill.text12))}</i>` : ''}
                                        <p>${classificationType(item.type, item)}</p>
                                        <b dir="ltr">${type == 1 ? '+ ' + item.operateUsdNum.toLocaleString() : item.operateUsdNum.toLocaleString()} ÜS</b>
                                </div>
                                <div>
                                        <span>${langReplace(localLang.bill.text4)}${item.beforeUsdNum}ÜS -> ${item.afterUsdNum}ÜS</span>
                                        <span>${item.createTime}</span>
                                </div>
                            </li>`
                    //     } else {
                    //         str += `<li>
                    //       <div>
                    //           <p>${item.type == 1 ? '' : item.type == 2 ? '' : item.type == 3 ? '' : item.type == 4 ? '' : ''}</p>
                    //           <b>-${item.operateUsdNum.toLocaleString()} ÜS</b>
                    //       </div>
                    //       <div>
                    //             <span>Salary:${item.beforeUsdNum}ÜS->${item.afterUsdNum}ÜS</span>
                    //             <span>${dateFormat(item.createTime, 'yyyy/MM/dd hh:mm:ss')}</span>
                    //       </div>
                    //   </li>`
                    //     }
                });
                $('ul').append(str)
            }
            canNext = true
            hideLoading(layerIndex);
        },
        error: function (res) {
            console.log(res, "报错啦");
            hideLoading(layerIndex);
            canNext = true
        },
    });
}
// 分类type
function classificationType(type, item) {
    switch (type) {
        case 1:
            return langReplace(localLang.bill.Salary_Withdrawal)
            break;
        case 2:
            return langReplace(localLang.bill.text7)
            break;
        case 3:
            return `ID:${type == 1 ? item.target.erbanNo : item.me.erbanNo} ${langReplace(localLang.bill.text8)} ID: ${type == 1 ? item.me.erbanNo : item.target.erbanNo}`
            break;
        case 4:
            return langReplace(localLang.bill.text9)
            break;
        case 5:
            return langReplace(localLang.bill.text6)
            break;
        case 6:
            return langReplace(localLang.bill.text9)
            break;
        case 8:
            return langReplace(localLang.bill.text6)
            break;
        default:
            return langReplace(localLang.bill.text9)
    }
}

$(".income_expenses p").click(function () {
    let i = $(this).index()
    $(this).addClass('act')
    $(this).siblings().removeClass('act')
    pageNo = 1
    canNext = true
    $('ul li').remove()
    if (i == 0) {
        type = 1
    } else {
        type = 2
    }
    getData()
})