$(function () { var mask = mui.createMask();//callback为用户点击蒙版时自动执行的回调; mask.close();//关闭遮罩 $(".xgmsgbox").hide(); $("#modal-4").hide(); $(".haifm").css("background-color","#D7DFEA"); var zsIscrollHeight = $(".fmjlIscroll"); var cententHeight = $(".fmjlIscroll div:first-child"); heightvs(zsIscrollHeight,cententHeight); $(".rowBox >.right > .row").addClass("disFlex"); $(".rowBox >.right > .row > div").addClass("flex1"); //初始化page if(localStorage.hasOwnProperty("clIndex")) { $("#page").val(localStorage.getItem("clIndex")); } //输入框快速删除初始化 mui(".mui-input-row input").input(); var type = $("#type").val(); if (type != "") { $("#type > div").eq(type).addClass("green"); } if (type != 0) { $(".checkAll").hide(); $("input[type='checkbox']").hide(); } //时间初始化 var date = new Date(); var year = date.getFullYear()+""; var month = date.getMonth()+1; var day = date.getDate(); date.setDate(date.getDate()-7); var lYear = date.getFullYear()+""; var lMonth = date.getMonth()+1; var lwDay = date.getDate(); if ($("#startT").data("for") == "") { $("#startT .nian").html(lYear); $("#startT .yue").html(lMonth); $("#startT .ri").html(lwDay); } else { var ksrq = $("#startT").data("for"); var ksrqArr = ksrq.split("-"); $("#startT .nian").html(ksrqArr[0]); $("#startT .yue").html(ksrqArr[1]); $("#startT .ri").html(ksrqArr[2]); } if ($("#endT").data("for") == "") { $("#endT .nian").html(year); $("#endT .yue").html(month); $("#endT .ri").html(day); } else { var jsrq = $("#endT").data("for"); var jsrqArr = jsrq.split("-"); $("#endT .nian").html(jsrqArr[0]); $("#endT .yue").html(jsrqArr[1]); $("#endT .ri").html(jsrqArr[2]); } /** * 初始化滚动条 * */ var iscroll; iscroll = new IScroll(".fmjlIscroll",{ scrollbars: true, fadeScrollbars:true, scrollbars: 'custom', shrinkScrollbars:'clip', probeType: 2, click:true }); setTimeout(function(){ iscroll.refresh(); }, 600); /** * 点击input获取焦点 * */ $(".mui-input-row.mui-search,.mui-input-row .mui-input-clear~.mui-icon-clear:before").on("touchstart", function (e) { $("input[type='search']").focus(); }); /** * 滚动input以外失去焦点 * */ iscroll.on('scrollStart',function(e){ var el = document.activeElement; if (el.nodeName.toLowerCase() == 'input') { el.blur(); this.disable(); this.enable(); }; return; }); /** * 点击input以外失去焦点 * */ var beforeIpt=null; $("input").on("focus", function (e) { beforeIpt=this; }); $(document).on("tap", function (e) { if(e.target.nodeName.toLowerCase()!="input") { if(beforeIpt) { beforeIpt.blur(); beforeIpt=null; } } }); mui('body').on('tap', '.mui-backdrop', function(e) { $(".xgmsgbox").hide(); $("#modal-4").hide(); }); /** * 时间事件 * */ sjchaxun(); //模糊查询键盘enter键事件 $("input[type='search']").on('keypress',function(e) { var keycode = e.keyCode; if(keycode=='13') { e.preventDefault(); //请求搜索接口 clear(); haifm.loadMobilePage("haifm", "whhClMain.htm?mcid=" + $("#mcid").val() + "&pch=" + $("#pch").val()); } }); /* * * 下拉刷新上拉加载数据 * */ var pullUp = $("#pullUp"), pullUpLabel = $(".pullUpLabel"), loadingStep = 0;//加载状态0默认,1显示加载状态,2执行加载数据,只有当为0时才能再次加载,这是防止过快拉动刷新 //滚动时触发 iscroll.on("scroll",function(){ if(loadingStep == 0 && !pullUp.attr("class").match('refresh')){ if(this.y < (this.maxScrollY - 14)){//上拉加载更多 pullUp.addClass("refresh").show(); pullUp.css({"background":"","background-size":""}); pullUpLabel.text("松手开始加载..."); loadingStep = 1; iscroll.refresh(); } } }); //滚动结束触发 iscroll.on("scrollEnd",function(){ if(loadingStep == 1){ if( pullUp.attr("class").match("refresh") ){//上拉加载操作 pullUp.removeClass("refresh").addClass("loading"); pullUpLabel.text(""); pullUp.css({"background":"#D7DFEA url(views/haifmv/img/pullUp.gif) no-repeat center","background-size":"12%"}); loadingStep = 2; pullUpAction(); iscroll.refresh(); } } //滑动定位 var thisy = parseInt(this.y); localStorage.setItem("clIndexY",thisy); }); /** * 上拉加载方法 * */ function pullUpAction(){ var kssj = $("#startT .nian").html()+"-" + $("#startT .yue").html()+"-" + $("#startT .ri").html(); var jssj = $("#endT .nian").html()+"-" + $("#endT .yue").html()+"-" + $("#endT .ri").html(); var page = parseInt($("#page").val())+1; var maxPages = $("#maxPages").val(); if (page <= maxPages) { jQuery.ajax({ type : "get", url : "AddWhhClsj.htm", data : { "mcid" : $("#mcid").val(), "pch": $("#pch").val(), "ksrq" : kssj, "jsrq" : jssj, "page" : page }, dataType : "json", async : true, success : function(data) { var hc = localStorage.getItem("clIndex"); setTimeout(function() { var something = ""; for (var i = 0 ; i < data.length; i++) { var obj = data[i]; something += "
" +"
" +"
" +"
批次编码:"+obj.pc+"
" +"
" +"
" +"
处理时间:"+obj.clsjStr+"
" +"
处理方式:"+obj.clfsStr+"
" +"
" +"
处理地点:"+obj.cldz+"
" +"
" +"
处理人员:"+obj.clry+"
" +"
"; } $(".fmjlIscroll ul.mui-table-view").append($(something)); pullUp.attr("class",""); pullUpLabel.text("上拉加载更多"); pullUp.css({"background":""}); iscroll.refresh(); loadingStep = 0; localStorage.setItem("clIndex",hc + something); },1000); $("#page").val(page); localStorage.setItem("clIndexPage",page); } }); }else { pullUp.css({"background":"","background-size":""}); pullUpLabel.text("没有数据了"); iscroll.refresh(); } } //加载缓存中的内容 if (localStorage.hasOwnProperty("clIndex")) { var sth = localStorage.getItem("clIndex"); $(".fmjlIscroll ul").append(sth.substring(4,sth.length)); } if (localStorage.hasOwnProperty("clIndexY")) { var tall = localStorage.getItem("clIndexY"); iscroll.scrollTo(0,tall,1000, IScroll.utils.ease.elastic); iscroll.refresh(); } /** * 处理查看 */ $(".rowBox").on("tap",function(){ var id = $(this).data("id"); haifm.loadMobilePage("haifm", "clDealWhith.htm?mcid=" + $("#mcid").val()+"&clid="+id + "&from=cl"); }) }); /** * 时间方法 * */ function sjchaxun(){ mui.init(); mui.ready(function() { //开始时间 var startN = $('.nian')[0]; var startnY = $('.yue')[0]; var startR = $('.ri')[0]; var startTbtns = $('#startT'); startTbtns.each(function(i, startTbtn) { startTbtn.addEventListener('tap', function() { var dataFor = this.getAttribute('data-for'); var that = this; dateP(startN,startnY,startR,dataFor,that); }, { passive: false }); }); //结束时间 var endN = $('.nian')[1]; var endY = $('.yue')[1]; var endR = $('.ri')[1]; var endTbtns = $('#endT'); endTbtns.each(function(i, endTbtn) { endTbtn.addEventListener('tap', function() { var dataFor = this.getAttribute('data-for'); var that = this; dateP(endN,endY,endR,dataFor,that); }, { passive: false }); }); }); function dateP(nian,yue,ri,dataFor,that) { var picker = new mui.DtPicker({ type: "date",//设置日历初始视图模式 value: dataFor }); picker.show(function(rs) { nian.innerHTML = rs.y.text; yue.innerHTML = rs.m.text; ri.innerHTML = rs.d.text; that.setAttribute('data-for',rs.value); picker.dispose(); }); } } /** *时间搜索 */ function timeSearch() { var ksrq = $("#startT .nian").html() + "-" + $("#startT .yue").html() + "-" + $("#startT .ri").html(); var jsrq = $("#endT .nian").html() + "-" + $("#endT .yue").html() + "-" + $("#endT .ri").html(); haifm.loadMobilePage("haifm", "whhClMain.htm?mcid=" + $("#mcid").val() + "&kssj=" + ksrq + "&jssj=" + jsrq + "&pch=" + $("#pch").val()); clear(); } //滑动高度和内容高度对比 function heightvs(zsIscrollHeight,cententHeight){ if(zsIscrollHeight.height() > cententHeight.height()){ $("#pullUp").hide(); }else{ $("#pullUp").show(); } } function clear() { if (localStorage.hasOwnProperty("clIndex")) { localStorage.removeItem("clIndex"); } if (localStorage.hasOwnProperty("clIndexY")) { localStorage.removeItem("clIndexY"); } if (localStorage.hasOwnProperty("clIndexPage")) { localStorage.removeItem("clIndexPage"); } } //全选与取消全选 function Check() { if (checked == false) { $("input[type='checkbox']").each(function() { this.checked = true; }); $("#allCheck").html("取消全选"); checked = true; }else { $("input[type='checkbox']").each(function() { this.checked = false; }); $("#allCheck").html("全选"); checked = false; } } /** * 添加 */ function add(){ haifm.loadMobilePage("haifm", "clDealWhith.htm?mcid=" + $("#mcid").val()); } function toView(id){ haifm.loadMobilePage("haifm", "clDealWhith.htm?mcid=" + $("#mcid").val()+"&clid="+id + "&from=cl"); }