$(function(){ //污水处理panel $("#qkPlane").on('click',function(){ haifm.loadMobilePage("haifm", "wsclHaifmvMain.htm?mcid=" + $("#mcid").val()); }) /*$('#QkSetOptions').on('click', 'li', function () { var mcid = $("#mcid").val(); haifm.loadMobilePage("haifm", "haifmvQk" + $(this).data('skip') + ".htm?mcid=" + mcid); $("#type").val("2"); });*/ var zsIscrollHeight = $(".zsIscroll"); var cententHeight = $(".centent"); //初始化page if(localStorage.hasOwnProperty("zsListPage")) { $("#page").val(localStorage.getItem("zsListPage")); } /** * 初始化区域状态 * */ var qyzt1 = $("#qyzt").val(); var qyzt2 = ""; qyzt = qyzt1 != ""?qyzt1:qyzt2; if (qyzt != "") { var qyztArr = qyzt.split("@"); if (qyztArr[0] == "1") { $(".mui-checkbox").find("input[type='checkbox']").prop("checked", true); //显示 $(".shequ").show(); }else { $(".mui-checkbox").find("input[type='checkbox']").prop("checked", false); $(".shequ").hide(); } var zsq = qyztArr[1]; var zsqArr = zsq.split(","); for (var i = 0 ; i < zsqArr.length ; i++) { if (zsqArr[i] == "1") { //展示 $("#qy"+i).show(); $("#zsqy"+i).show(); $("#qy"+i).find(".mui-switch").addClass("mui-active"); }else if (zsqArr[i] == "0") { //关闭 $("#zsqy"+i).hide(); $("#qy"+i).find(".mui-switch").removeClass("mui-active"); }; }; } /** * 开关事件 * */ mui('.centent .mui-switch').each(function() { //循环所有toggle mui(this)['switch'](); //toggle 事件监听 this.addEventListener('toggle', function(event) { //event.detail.isActive 可直接获取当前状态 var isActive = this.classList.contains("mui-active"); //判断打开ON或者关闭OFF if(isActive){ //打开状态 $(this).parent().next().slideDown(500,function(){ heightvs(zsIscrollHeight,cententHeight); iscroll.refresh(); }); }else{ //关闭状态 $(this).parent().next().slideUp(500,function(){ heightvs(zsIscrollHeight,cententHeight); iscroll.refresh(); }); }; }); }); //mui-checkbox事件 $(".mui-checkbox").on("change",function (e) { e.stopPropagation();//阻止冒泡 if ($(this).find("input[type='checkbox']").is(":checked")) { $(this).find("input[type='checkbox']").prop("checked", true); $(".shequ").show(); } else { $(this).find("input[type='checkbox']").removeAttr("checked"); $(".shequ").hide(); } heightvs(zsIscrollHeight,cententHeight); iscroll.refresh(); }); //初始化搜索区域 var ssqy = $("#ssqytext").val(); if (ssqy != "") { switch (ssqy) { case "1" : $("#qytext").html("全部" +""); break; case "2" : $("#qytext").html("繁殖" +""); break; case "3" : $("#qytext").html("保育" +""); break; case "4" : $("#qytext").html("育肥" +""); break; case "5" : $("#qytext").html("报警" +""); } } //输入框快速删除初始化 mui(".mui-input-row input").input(); //模糊查询键盘enter键事件 $("input[type='search']").on('keypress',function(e) { var keycode = e.keyCode; if(keycode=='13') { e.preventDefault(); //请求搜索接口 haifm.loadMobilePage("zslb", "mcHaifmvZsList.htm?mcid=" + $("#mcid").val() + "&zsmc=" + $("#sstj").val() +"&ssqy=" + $("#ssqytext").val() + "&qyzt=" + qyzt()); //清除缓存 clearZsListLocalStorage(); }; }); //搜索按钮查询事件 $(".glyphicon-search").on("tap",function(){ //清除缓存 clearZsListLocalStorage(); haifm.loadMobilePage("zslb", "mcHaifmvZsList.htm?mcid=" + $("#mcid").val() + "&zsmc=" + $("#sstj").val() +"&ssqy=" + $("#ssqytext").val() + "&qyzt=" + qyzt()); }); loadQkSz(); /** * 初始化滚动条 * */ var iscroll; var posY; iscroll = new IScroll(".zsIscroll",{ scrollbars: true, fadeScrollbars:true, scrollbars: 'custom', shrinkScrollbars:'clip', probeType: 2, click:true }); $(".zsIscroll").one("touchstart",function(){ iscroll.refresh(); }); /** * 滚动input以外失去焦点 * */ iscroll.on('scrollStart',function(e){ var el = document.activeElement; if (el.nodeName.toLowerCase() == 'input') { el.blur(); this.disable(); this.enable(); }; return; }); /* * * 下拉刷新上拉加载数据 * */ var pullUp = $("#pullUp"), pullUpLabel = $(".pullUpLabel"), loadingStep = 0;//加载状态0默认,1显示加载状态,2执行加载数据,只有当为0时才能再次加载,这是防止过快拉动刷新 heightvs(zsIscrollHeight,cententHeight); //滚动时触发 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":"#fff url(views/haifmv/img/pullUp.gif) no-repeat center","background-size":"12%"}); loadingStep = 2; pullUpAction(); } } var thisy = parseInt(this.y); localStorage.setItem("scrollEndY",thisy); }); /** * 上拉加载方法 * */ function pullUpAction(){ var page = parseInt($("#page").val())+1; var maxPages = $("#maxPages").val(); if (page <= maxPages) { jQuery.ajax({ type : "get", url : "addZsList.htm", data : { "mcid" : $("#mcid").val(), "zsmc" : $("#sstj").val(), page : page, ssqy : $("#ssqytext").val(), }, dataType : "json", async : true, success : function(data) { var hc = localStorage.getItem("zsList"); for (var i = 0 ; i < data.length; i++) { var obj = data[i]; var ssqy = obj.ssqy; if (ssqy == "" || ssqy == "0") { ssqy = 1; } var wl = obj.wl; if (wl == "") { wl = 0; } var something = ""; something = "
"+obj.zsmc+"
"; if (obj.zdbz == "1") { something += "取消置顶 "; }else { something += "置顶 "; } something +="