var params = {
  count: "",
  pages: "",
  currentPage: "",
  element: "",
  callback: "",
}
function ztPageInit(params) {
  var count = params.count ? params.count : 10
  var pages = params.pages ? params.pages : 10
  var currentPage = params.currentPage ? params.currentPage : 1
  var element = params.element
  var callback = params.callback
  intercept()
  let myPageEl = document.createElement("div")
  $(myPageEl).addClass("zt-page")
  $(element).append(myPageEl)
  // 鏋勯€犵粨鏋
  let htmlStrArr = []
  for (let i = 0; i < pages; i++) {
    htmlStrArr.push("<li class='zt-page-cell'>" + (i + 1) + "</li>")
  }
  if (pages > 7) {
    htmlStrArr.splice(
      5,
      htmlStrArr.length - 6,
      "<li class='zt-page-omit'>...</li>"
    )
  }
  htmlStr = htmlStrArr.join("")
  let pageHtmlStr =
    "<div class='zt-page-prev'>涓婁竴椤袋/div><ul class='zt-page-group'>" +
    htmlStr +
    "</ul><div class='zt-page-next'>涓嬩竴椤袋/div><div class='zt-total-count'>鍏辫" +
    count +
    "鏉狘/div>"

  // 娉ㄥ叆缁撴瀯
  myPageEl.innerHTML = pageHtmlStr
  // 鏍囪榛樿椤
  clickPageFun(currentPage, true)

  // 涓婁笅椤靛垏鎹簨浠舵敞鍐
  let btns = document.querySelectorAll(element + " div")
  for(var i=0;i<btns.length;i++){
      console.log("涓婁笅鎸夐挳鍒囨崲")
      var ele = btns[i]
      ele.onclick = switchPage
  }
//   btns.forEach(function (el) {
//     el.onclick = switchPage
//   })

  // 鐐瑰嚮浜嬩欢娉ㄥ唽
  myPageEl.onclick = function (e) {
    // console.log(e)
    let classNameArr = e.target.className.split(" ")
    if (classNameArr.indexOf("zt-page-cell") !== -1) {
      clickPageFun(Number(e.target.innerText))
    }
  }

  // 涓婁笅椤垫寜閽Е鍙
  function switchPage(e) {
    // 鑾峰彇褰撳墠椤
    let page =
      document.querySelector(element + " .zt-page-checked").innerText - 0

    let classNameArr = e.target.className.split(" ")
    if (classNameArr.indexOf("zt-page-prev") !== -1) {
      clickPageFun(page - 1) // 涓婁竴椤
    } else if (classNameArr.indexOf("zt-page-next") !== -1) {
      clickPageFun(page + 1) // 涓嬩竴椤
    }
  }

  // 鍒嗛〉鍒囨崲澶勭悊
  function clickPageFun(page, init) {
    page = Number(page)
    // 婊¤冻鏉′欢鏀瑰彉缁撴瀯
    if (pages > 7) {
      let newEl = ""
      if (page <= 4) {
        newEl =
          '<li class="zt-page-cell">1</li><li class="zt-page-cell">2</li><li class="zt-page-cell">3</li><li class="zt-page-cell">4</li><li class="zt-page-cell">5</li><li class="zt-page-omit">...</li><li class="zt-page-cell">' +
          pages +
          "</li>"
      } else if (page >= 5 && page < pages - 3) {
        newEl =
          '<li class="zt-page-cell">1</li><li class="zt-page-omit">...</li><li class="zt-page-cell">' +
          (page - 1) +
          '</li><li class="zt-page-cell">' +
          page +
          '</li><li class="zt-page-cell">' +
          (page + 1) +
          '</li><li class="zt-page-omit">...</li><li class="zt-page-cell">' +
          pages +
          "</li>"
      } else if (page >= pages - 3) {
        newEl =
          '<li class="zt-page-cell">1</li><li class="zt-page-omit">...</li><li class="zt-page-cell">' +
          (pages - 4) +
          '</li><li class="zt-page-cell">' +
          (pages - 3) +
          '</li><li class="zt-page-cell">' +
          (pages - 2) +
          '</li><li class="zt-page-cell">' +
          (pages - 1) +
          '</li><li class="zt-page-cell">' +
          pages +
          "</li>"
      }
      document.querySelector(element + " .zt-page .zt-page-group").innerHTML =
        newEl
    }

    // 鏍囨敞閫変腑椤
    let pageCellELs = document.querySelectorAll(
      element + " .zt-page .zt-page-cell"
    )
    for(var ind = 0;ind < pageCellELs.length; ind++){
        console.log("鍒嗛〉111")
      var el = pageCellELs[ind]
      var text = $(el).text()
      if (text == page) {
        el.classList.add("zt-page-checked")
      } else {
        el.classList.remove("zt-page-checked")
      }
    }
    // pageCellELs.forEach(function (el) {
    //   if (el.innerText == page) {
    //     el.classList.add("zt-page-checked")
    //   } else {
    //     el.classList.remove("zt-page-checked")
    //   }
    // })

    forbidden(page)

    // 鍥炶皟鍝嶅簲
    if (!init) {
      callback && callback(page)
    }
  }

  // 涓婁笅椤垫寜閽惎绂
  function forbidden(page) {
    let prveEl = document.querySelector(element + " .zt-page .zt-page-prev")
    let nextEl = document.querySelector(element + " .zt-page .zt-page-next")
    if (page === 1) {
      prveEl.classList.add("zt-page-forbid")
    } else {
      prveEl.classList.remove("zt-page-forbid")
    }

    if (page == pages) {
      nextEl.classList.add("zt-page-forbid")
    } else {
      nextEl.classList.remove("zt-page-forbid")
    }
  }

  // 鍙傛暟妫€楠
  function intercept() {
    if (!pages || pages === 0 || Math.floor(pages) != pages) {
      throw "zt-page涓璸ages蹇呴』鏄暣鏁颁笖涓嶄负0"
      pages = Math.floor(pages)
    }

    if (
      !currentPage ||
      currentPage === 0 ||
      Math.floor(currentPage) !== currentPage
    ) {
      throw "zt-page涓璫urrentPage蹇呴』鏄暣鏁颁笖涓嶄负0"
      currentPage = Math.floor(currentPage)
    }
    if (!element) {
      throw "闇€瑕佹寚瀹氫竴涓垎椤靛櫒瀹瑰櫒"
    }

    if (document.querySelectorAll(element).length === 0) {
      throw element + "鍏冪礌涓嶅瓨鍦?
    }

    if (currentPage > pages) {
      throw "褰撳墠椤典笉瀛樺湪"
    }
  }
}