let objct = {
    page: 1,
    limit: 5,
    total: ''
}
layui.use('laypage', function() {
    var laypage = layui.laypage

    paging()

    function paging() {
        ajax({
                url: 'sxJobs',
                method: 'get',
                data: {
                    currentPage: objct.page,
                    pageSize: objct.limit,
                    id: ''
                }
            })
            .then(res => {
                assignment(res.rows)
                laypage.render({
                    elem: 'test1',
                    count: res.total //数据总数，从服务端得到
                        ,
                    limit: objct.limit,
                    curr: objct.page,
                    theme: '#85C02E',
                    jump: function(obj, first) {
                        //obj包含了当前分页的所有参数，比如：
                        // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                        // console.log(obj.limit); //得到每页显示的条数

                        //首次不执行
                        if (!first) {
                            //do something
                            objct.page = obj.curr
                            paging()
                        }

                    }
                });
            })

    }

})


function assignment(value) {
    $("#list").children().remove();
    let str = ""
    value.forEach(element => {
        str += `<tr>
        <td class="font1">${element.jobName}</td>
        <td class="font2">${element.jobType}</td>
        <td class="font2">${element.jobTime}</td>
        <td class="font2">${element.jobEdu}</td>
        <td class="font2">${element.jobAddress}</td>
        <td class="font3">${element.jobMoney}</td>
        <td><a class="font4" href="recruitmentdetails.html?${element.id}">查看详情</a></td>
    </tr>`
    });

    $("#list").append(str);
}

//页面拉到底时加载更多
var LockMore = false; //锁定
var falg = true
$(window).scroll(function(event) {
    var wScrollY = window.scrollY; // 当前滚动条位置  
    var wInnerH = window.innerHeight; // 设备窗口的高度（不会变）  
    var bScrollH = document.body.scrollHeight; // 滚动条总高度    
    if (wScrollY + wInnerH >= bScrollH) {
        if (falg) {
            falg = false
            console.log(objct.total, objct.page * objct.limit);
            if (objct.total >= objct.page * objct.limit) {
                setTimeout(() => {
                    objct.page++
                        moajax()
                    falg = true
                }, 500)
            }
        }
        if (LockMore) {
            return false;
        }
    }
});

$("#table").on('click', 'div', function(e) {
    e.preventDefault();
	console.log()
    location.href = location.href.split('/')[0]+"//"+location.href.split('/')[2]+"/recruitmentdetails.html?" + this.id.replace(/[^\d]/g, '')
});
moajax()

function moajax() {
    ajax({
            url: 'sxJobs',
            method: 'get',
            data: {
                currentPage: objct.page,
                pageSize: objct.limit,
                id: ''
            }
        })
        .then(res => {
            objct.total = res.total
            res.rows.forEach(element => {
                let mostr = `<div id="mo${element.id}">
                <p class="font1">${element.jobName}</p>
                <p class="font2"><span>${element.jobType}</span><span>${element.jobTime}</span></p>
                <p class="font2"><span>${element.jobEdu}</span><span>${element.jobAddress}</span></p>
                <p class="font3">${element.jobMoney}</p>
            </div>`
                $("#table").append(mostr)
            })
        })
}