119 lines
3.3 KiB
JavaScript
119 lines
3.3 KiB
JavaScript
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
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}) |