let  currentpage = 1;
let  totalpage ;
let  pagesize = 10 ;
let cid ,pageview=4 ,keyworks;

function addpage(){
    let div =  '<div class="paging">' +
        '<span class="paging6" id="page-number">确定</span>' +
        ' <span class="paging5">到第\n' +
        '      <input type="number" value="1" class="paging_input" min="1" max="'+totalpage+'">\n' +
        '      页</span>'+
        '<span class="paging4">共'+totalpage+'页</span>' +
        '<span class="paging1" id="next">下一页</span> ' +
        addpagenum() +
        ' <span class="paging1 prohibit" id="prev">上一页</span> ' +
        '<br class="clear"></div>'
    $("#page").html(div)
}

// 绑定上一页按钮点击事件
$("#page").on('click','#prev',function () {
    if (currentpage > 1) {
        currentpage--;
    }
    setaddr(currentpage)
});

// 绑定下一页按钮点击事件
$("#page").on('click','#next',function () {
    if (currentpage < totalpage) {
        currentpage++;
    }
    setaddr(currentpage)
});

// 绑定页码输入框的改变事件
$("#page").on('click','#page-number',function () {
    var newpage = parseint($(".paging_input").val());
    if (newpage >= 1 && newpage <= totalpage) {
        currentpage = newpage;
    }
    setaddr(currentpage)
});

function addpagenum(){
    let span = '';
    //如果总页数小于5
    if (totalpage <= pageview) {
        //for(let i=1 ; i<= totalpage ;i++){
        for(let i=totalpage ; i >= 1 ;i--){
            if(currentpage == i){
                span += '<span class="paging2 active" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
            }else{
                span += '<span class="paging2" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
            }
        }
        //如果总页数大于5 且 当前页小于5
    }else if (totalpage > pageview && currentpage < pageview) {
        //for(let i=1 ; i<= 5 ;i++){
        span +='<span class="paging3">...</span>'
        for(let i=pageview ; i>= 1 ;i--){
            if(currentpage == i){
                span += '<span class="paging2 active" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
            }else{
                span += '<span class="paging2" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
            }
        }

        //如果总页数大于5 且 当前页大于5 且  当前页小于 总页数减去3
    }else if ((totalpage >= pageview && currentpage >= pageview) && (currentpage < totalpage - 2)) {
        // span += '<span class="paging2" onclick="btnpage(this,\''+totalpage+'\')">'+totalpage+'</span>'
        // //for (let i = parseint(currentpage) - 2; i <= parseint(currentpage) + 2; i++) {
        // span +='<span class="paging3">...</span>'
        for (let i = parseint(currentpage) + 2; i >= parseint(currentpage) - 2; i--) {
            if(currentpage == i){
                span += '<span class="paging2 active" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
            }else{
                span += '<span class="paging2" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
            }
        }
        span +='<span class="paging3">...</span>'
        span += '<span class="paging2" onclick="btnpage(this,\''+1+'\')">'+1+'</span>'
    }else if ((totalpage >= pageview && currentpage >= pageview) && (currentpage >= totalpage - 2)) {
        //for(let i=totalpage - 4 ; i<= totalpage ;i++){
        for(let i=totalpage ; i>= totalpage-3 ;i--){
            if(currentpage == i){
                span += '<span class="paging2 active" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
            }else{
                span += '<span class="paging2" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
            }
        }
        span +='<span class="paging3">...</span>'
        span += '<span class="paging2" onclick="btnpage(this,\''+1+'\')">'+1+'</span>'
    }
    return span;
}



function btnpage(obj,page){
    $(obj).siblings().removeclass("active");
    $(obj).removeclass("active").addclass("active")
    currentpage = page;
    setaddr(currentpage)
}

// function addpagenum(){
//     let span = '';
//     currentpage  = parseint(currentpage);
//
//     //处理当前页后面页码
//     if(totalpage - currentpage > 4){
//         span +='<span class="paging3">...</span>'
//         //for(var i= currentpage+1; i< currentpage+3;i++){
//         for(var i= currentpage+3; i>= currentpage+1;i--){
//             span += '<span class="paging2" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
//         }
//     }else{
//         //for (var i = currentpage+1; i<=totalpage; i++){
//         for (var i = totalpage; i>=currentpage+1; i--){
//             span += '<span class="paging2" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
//         }
//     }
//
//     //当前页
//     span += '<span class="paging2 active" onclick="btnpage(this,\''+currentpage+'\')">'+currentpage+'</span>'
//
//     //处理当前页前面页码
//     if (currentpage - 1  > 4) {
//         //for(var i= currentpage-2; i<currentpage;i++){
//         for(var i= currentpage; i>currentpage-2;i--){
//             span += '<span class="paging2" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
//
//         }
//         span +='<span class="paging3">...</span>'
//     }else{
//         // for(var i=1;i<currentpage;i++){
//         for(var i=currentpage;i>1;i--){
//             span += '<span class="paging2" onclick="btnpage(this,\''+i+'\')">'+i+'</span>'
//         }
//     }
//     return span;
// }