function parsePagingFun(data) {
    
    var domId = data.id || 'content'
    var preText = data.preText || '上一页'
    var nextText = data.nextText || '下一页'

    var q = window.location.search.substr(1).split('&');
    var params = {};
    for (var i = 0; i < q.length; i++) {
        var val = q[i];
        var e = val.split('=');
        params[e[0]] = e[1];
    }
    var pageNum = parseInt(params['page'] || 1); // 当前页

    var contentElem = document.getElementById(domId);
    
    // 样式
    var aStyle = {
        'display': 'inline-block',
        'padding': '0 10px',
        'height': '26px',
        'fontSize': '12px',
        'color': '#818181',
        'textAlign': 'center',
        'lineHeight': '26px',
        'backgroundColor': '#F1F3F5',
        'textDecoration': 'none',
        'margin': '0 3px',
        'cursor': 'pointer'
    }

    var spanStyle = {
        'display': 'inline-block',
        'width': '26px',
        'height': '26px',
        'fontSize': '12px',
        'fontWeight': '600',
        'color': '#FFF',
        'textAlign': 'center',
        'lineHeight': '26px',
        'backgroundColor': '#348CEC',
        'margin': '0 3px',
    }
    
    var num = data.num || 10 // 固定分页 每次显示


    var html = contentElem.innerHTML
    // 兼容导入数据
    var pages = html.split('<img id="xinhuabreak" src="pageflag.gif">');
    if (pages.length == 1) {
        pages = html.split('<b style="display: none;">pagebreak</b>')
    }
    var pagesLen = pages.length
    var curIndex = 0 // 分组 当前显示分页组
    
    if (pagesLen > 1) {
        if (pageNum < 1) {
            pageNum = 1;
        }
        if (pageNum > pagesLen) {
            pageNum = pagesLen;
        }

        // 当前页码数量 10页 为一页
        var arr = []
        for (var index = 1; index <= pagesLen; index++) {
            arr.push(index)
        }
        var result = []; // 对分页进行拆分接收
        for (var i = 0; i < pagesLen; i += num) {
            result.push(arr.slice(i, i + num)) // 每10项分成一组        
        }

        var renderArr = []
        for (var inde = 0; inde <= result.length-1; inde++) {
            
            if (result[inde].indexOf(pageNum) != -1) {
                renderArr = result[inde]
                curIndex = inde
                // throw new Error('结束循环')
            }
        }


        contentElem.innerHTML = pages[pageNum - 1];
        //翻页控件
        var pager = document.createElement('center');
        pager.className = 'xinhuaPager';
        var left = document.createElement('a');
        left.className = 'xinhuaLeftBtn'
        left.innerText = '|<<';
        pager.appendChild(left);
        var right = document.createElement('a');
        right.className = 'xinhuaRightBtn'
        right.innerText = '>>|';


        pager.addEventListener('click', function (evt) {
            evt = evt || window.event;//兼容ie
            var cName = evt.target.className // 读取点击dom的 class
            let dom = document.getElementById('xinhuaPagerBox')

            // 切换分页
            if (cName == 'xinhuaLeftBtn') {
                curIndex -= 1
                renderFun(result[curIndex], pageNum, dom)
            }
            if (cName == 'xinhuaRightBtn') {
                curIndex += 1
                renderFun(result[curIndex], pageNum, dom)
            }

        }, false);


        for (var key in aStyle) {
            left.style[key] = aStyle[key]
            right.style[key] = aStyle[key]
        }
        if (pageNum > 1) {
            // 上一页
            var prev = document.createElement('a');
            for (var key in aStyle) {
                prev.style[key] = aStyle[key]
            }
            prev.href = window.location.pathname + '?page=' + (pageNum - 1);
            prev.innerText = preText;
            pager.appendChild(prev);
        }
        

        // 用来盛放 页码
        var pagerBox = document.createElement('span');
        pagerBox.setAttribute('id', 'xinhuaPagerBox')
        pager.appendChild(pagerBox);


        if (pageNum < pagesLen) {
            // 下一页
            var next = document.createElement('a');
            for (var key in aStyle) {
                next.style[key] = aStyle[key]
            }
            next.href = window.location.pathname + '?page=' + (pageNum + 1);
            next.innerText = nextText;
            pager.appendChild(next);
        }


        pager.appendChild(right);
        renderFun(renderArr, pageNum, pagerBox)
        
        contentElem.appendChild(pager);
    }

    // 渲染分页
    function renderFun(arr, pageNum, dom) {

        dom.innerHTML = "" // 置空当前dom 所有元素 下面重新渲染
        for (let index = 0; index < arr.length; index++) {
            const ele = arr[index];
            // 判断当前 是否是选中
            if (pageNum == ele) {
                var a = document.createElement('span');
                for (var key in spanStyle) {
                    a.style[key] = spanStyle[key]
                }
                a.innerText = ele;
                dom.appendChild(a);
            } else {
                var a = document.createElement('a');
                for (var key in aStyle) {
                    a.style[key] = aStyle[key]
                }
                a.href = window.location.pathname + '?page=' + ele;
                a.innerText = ele;
                dom.appendChild(a);
            }
        }
        
        setTimeout(function (params) {
            var totalNum = Math.ceil(pagesLen / num)
            var rightbtn = document.getElementsByClassName('xinhuaRightBtn')[0]
            var leftbtn = document.getElementsByClassName('xinhuaLeftBtn')[0]

            if (rightbtn && leftbtn) {
                // 判断如果是最后一页和第一页隐藏按钮 |<< ， >>|
                if (curIndex == totalNum - 1 || curIndex == 0) {
                    // rightbtn.style.display = 'none'
                    // console.log('1')
                    // 判断只有一页时
                    if (curIndex == 0) {
                        leftbtn.style.display = 'none'
                    } else {
                        leftbtn.style.display = 'inline-block'
                    }
                    if (curIndex == totalNum - 1) {
                        rightbtn.style.display = 'none'
                    } else {
                        rightbtn.style.display = 'inline-block'
                    }
                }
                // else if (curIndex == 0) {
                //     leftbtn.style.display = 'none'
                //     console.log('2')
                //     if (curIndex == totalNum - 1) {
                //         rightbtn.style.display = 'none'
                //     } else {
                //         rightbtn.style.display = 'inline-block'
                //     }
                // } 
                else {
                    leftbtn.style.display = 'inline-block'
                    rightbtn.style.display = 'inline-block'
                }


            }
        }, 0)
    }

}