static

index.js 5.0KB

    require(["ipuUI", "jquery", 'tool'], function (ipuUI, $, tool) { $.sizeReady(function () { // 页面公共逻辑 ipuUI.navBar(".ipu-navbar", { callBack: function (index) { } }); // 待办 $(function () { // 刷新组件初始化封闭 (function () { var pageNo = 0; // 查询页数,查询前有做++处理,第一次查询时值为1 var pageSize = 10; // 每页数据多少条 var queryNo = 0; // 查询编号计数器(重要) // 模拟用代码开始,正式代码没有这段 var totalPage = 3; // 总页数,可修改total为0,查看没有数据时的展示 var listObj = $("#refresh ul"); var contentHtml = $("li:lt(" + pageSize + ")", listObj).clone(); // 测试用,复制10条数据 listObj.empty(); // 移除初始的数据 // 模拟用代码结束 // 初始化下拉刷新,若组件不是因为加载数据时发生内容变化,需要调用组件的refresh()方法刷新,否则可能导致内容滚动不正常 var myRefresh = ipuUI.refresh("#refresh", { bottomLoadFun: function () { // 加载更多 console.log('加载更多'); // 手势按住上移,内容往上翻动 loadData(); }, topLoadFun: function () { // 刷新 console.log('刷新数据'); // 手势按住下拉,内容往下滚动 pageNo = 0; // 当前页数重置 loadData(true); } }); // 加载数据 function loadData(refresh) { // refresh:true表示是刷新加载,false或没有值表示是底部加载 var localQueryNo = ++queryNo; // 记录当前查询计数器 $('.data-empty-message').hide(); // 隐藏没有数据的提示 pageNo++; // 更新查询页数 setTimeout(function () { // 模拟延时加载 if (localQueryNo == queryNo) { // 检查查询计数器是否变化,变化则表示当前查询是历史查询,不用处理(变成历史查询一般是因为发生了刷新操作或用户手操作执行了新的查询) myRefresh.enableBottom(pageNo < totalPage); // 是否有一下页数据,若返回结果没有总数,条件可变更为判断返回数据长度是否等于pageSize if (totalPage == 0) { // 是否有数据返回,若返回结果没有总数,条件可变更为判断是否为第一页且返回数据长度为0或没有数据结果返回 $('.data-empty-message').show(); // 未返回显示没有数据的提示 } else { if (refresh) { // 刷新操作需要清空已有内容 listObj.empty(); } contentHtml.clone().appendTo(listObj); // 添加新的数据 } myRefresh.endLoading(); //最后调用,结束加载画面 } }, 3000); } $(".pages-todo .common-search-input").enter(function () { listObj.empty(); // 需要先清空数据 pageNo = 0; myRefresh.startNewLoading(); // 开始新的加载 }); })(); // 点击某项待办项 $(".all-todo-list").on("click", ".all-todo-item", function () { }); // 进入历史列表 $(".todo-type-history").click(function () { location.href = "history-list.html"; }); // 进入消息列表 $(".todo-type-message").click(function () { location.href = "message-list.html"; }); // 进入消息列表 $(".todo-type-task").click(function () { location.href = "task-list.html"; }); // 进入审批列表 $(".todo-type-application").click(function () { location.href = "application-list.html"; }); }); // 日程 $(function () { }); // 工作 $(function () { // 点编辑进入菜单编辑页面 $(".to-work-menu-eidt").click(function () { location.href = "work-menu-edit.html"; }); // 点添加进入菜单编辑页面 $(".catalog-menu-icon.add-menu").click(function () { location.href = "work-menu-edit.html"; }); }); // 通讯录页面 $(function () { // $(".pages-contact .common-search-input").click(function () { ipuUI.toast("敬请期待"); }); }); // 我的页面 $(function () { // 进入用户信息界面 $(".my-user-detail .ri-arrow-right-s-line").click(function () { location.href = "user-info.html"; }); // 关于应用 $(".my-link-app-about").click(function () { ipuUI.toast('敬请期望'); }); // 应用设置 $(".my-link-app-set").click(function () { location.href = "app-set.html"; }); // 反馈 $(".my-link-feedback").click(function () { location.href = "feedback.html"; }); }); }); });