require(['jquery', 'ipuUI'], function ($, ipuUI) {
  $(function () {
    var search = showResList();

    //点击搜索
    $('.pon-search-btn').click(function () {
      search()
    })

    // 初始化下拉刷新组件
    function showResList() {
      var totalPage = 3; // 总页数
      var currentPage = 1; // 当前显示第几页，因为默认有一些数据了，所以为1
      var listObj = $("#refresh ul");
      var contentHtml = $("li:lt(5)", listObj).clone(); // 测试用，复制5条数据

      // 移除初始的数据，并初始currentPage=0;
      listObj.empty();
      currentPage = 0;
      var countNo = 0; // 重要计数器,以此来判断不需要

      // 初始化下拉刷新
      var myRefresh = ipuUI.refresh("#refresh", {
        bottomLoadFun: function () { // 加载更多
          console.log('加载更多'); // 手势上拉，内容下滚动动
          addData();
        }
      });

      // 查询数据
      function addData(refresh) { // 0搜索，1刷新，2加载更多
        $("#refresh .no-result-msg").hide();
        currentPage++;
        var localCountNo = ++countNo; // 执行查询前，保留当前计数器，当查询返回时进行检查是否最新查询，不是则抛弃查询结果

        setTimeout(function () { // 模拟延时加载
          if (localCountNo == countNo) { // 检查是否最新查询返回数据，不是则抛弃查询结果
            // 此处先更新togalPage等信息

            myRefresh.enableBottom(currentPage < totalPage); // enable应该总是先于endBottom/TopLoading方法执行

            if (totalPage == 0) {
              $("#refresh .no-result-message").show();
            } else {
              contentHtml.clone().appendTo(listObj);
              myRefresh.endBottomLoading(); //最后调用
            }
          }
        }, 1000);
      }

      // 搜索
      return function searchData() { // 刷新数据
        myRefresh.enableBottom(false);
        if (myRefresh.bottomLoading) {
          myRefresh.endBottomLoading();
        }

        currentPage = 0;
        listObj.empty();
        myRefresh.enableBottom(true);
        myRefresh.refresh();
      }
    }

  })
});