let urlPrefix = getUrlPrefix();
if (EnvCheck() === 'test') new VConsole

// 封装layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
    layer.open({
        type: 2,
        shadeClose: false,
        content,
        success(e) {
            layerIndex = $(e).attr('index')
        }
    })
}
const hideLoading = (index) => {
    layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
    layer.open({
        content,
        time,
        skin: 'msg'
    })
}

let recordList = []
let pageNumber = 1
let pageSize = 20
let canNext
let isLock = true
// 获取用户申请记录
const getUserApplyRecord = () => {
    showLoading()
    networkRequest({
        type: 'GET',
        url: urlPrefix + '/nameplate/getUserAuditRecord',
        data: {
            uid: pubInfo.uid,
            pageNumber,
            pageSize
        },
        success(res){
            hideLoading(layerIndex)
            if(res.code === 200){
                if(!res.data.length){
                    $('.max').hide()
                }else{
                    $('.no-record-wrap').hide()
                }

                if(res.data.length === pageSize){
                    // 能够继续请求下一页
                    canNext = true
                }else{
                    canNext = false
                }
                recordList.push(...res.data)
                renderRecord()
                isLock = true
            }else{
              toastMsg(res.message)
            }
          },
          error(){
            hideLoading(layerIndex);
            toastMsg('網絡錯誤')
          }
    })
}
// 渲染申请记录
const renderRecord = () => {
    let str = '';
    recordList.map( item => {
        str += `
            <li>
                <div class="nameplate-style"><img src="${item.iconPic}" alt=""></div>
                <div class="nameplate-desc-wrap">
                    <span class="nameplate-desc">${item.text}</span>
                    <p>
                        <span>${item.applyType === 1 ? '申请' : '延长'}${item.applyDay}天</span>
                        <span>${dateFormat(item.createTime, "yyyy-MM-dd")}</span>
                    </p>
                </div>
                <div class="isPass">
                    <p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? '申请中' : (item.auditType === 1 ? '不通过' : '已通过')}</p>
                    ${
                        item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
                    }
                    
                </div>
            </li>
        `
    })
    $('.max').html(str)
}

$(function(){
    getInfoFromClient()
    setTimeout( () => {
        getUserApplyRecord()
    }, 50)

    // 监听滚动
    $('ul').scroll(function(){
        let scrollTop = $(this).scrollTop()
        let scrollHeight = $('ul')[0].scrollHeight
        let ulHeight = $(this).innerHeight()
        if(scrollTop + ulHeight + 100 >= scrollHeight){
            if(isLock){
                // 请求下一页
                if(canNext){
                    getUserApplyRecord(pageNumber++)
                    isLock = false
                }
            }
        }
    })
})