ifm/WebRoot/views/haifmv/mc/mcZslist.js

$(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("全部" +"<span class='caret'></span>");
				break;
			case "2" :
				$("#qytext").html("繁殖" +"<span class='caret'></span>");
				break;
			case "3" :
				$("#qytext").html("保育" +"<span class='caret'></span>");
				break;
			case "4" :
				$("#qytext").html("育肥" +"<span class='caret'></span>");
				break;
			case "5" :
				$("#qytext").html("报警" +"<span class='caret'></span>");
		}
	}
	//输入框快速删除初始化
	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 = "<div class='rowflex'>"
								+ "<div class='column border-r' style='width: 30%;'>"
								+ "<span class='zslist' onclick = javascript:loadSt();loadZsView('" 
								+ obj.id + "','"+ obj.zsbz + "','" + obj.dqlq
								+ "');><img src='views/haifmv/img/mc_img/zslist/zslist_" 
								+ ssqy + "_" + wl + ".png'></span>"
								+ "<p>"+obj.zsmc+"</p></div><div style='width: 35%;'><ul class='column xxul'>";
								if (obj.rl != "") {
									something += "<li>日龄:<span>"+obj.rl +" 天</span></li>";
								}
								something += "<li>温度:";
								if (obj.dqwd == "") {
									something += "<span style='color: #FC5C5C'>&nbsp;</span></li><li>湿度:";
								}else {
									something += "<span>"+obj.dqwd + " ℃</span></li><li>湿度:";
								}
								if (obj.dqsd == "") {
									something += "<span style='color: #FC5C5C'>&nbsp;</span></li><li>氨气:";
								}else {
									something += "<span>"+obj.dqsd + " RH</span></li><li>氨气:";
								}
								if (obj.dqaq == "") {
									something += "<span style='color: #FC5C5C'>&nbsp;</span></li>";
								}else {
									something += "<span>"+obj.dqaq + " PPM</span></li>";
								}
								if (obj.dqdn != "") {
									something += "<li>地暖:<span>" + obj.dqdn + " ℃</span></li>";
								}
								if (obj.dqsl != "") {
									something += "<li>水量:<span>" + obj.dqsl + " 吨</span></li>";
								}
								if (obj.dqdl != "") {
									something += "<li>电量:<span>" + obj.dqdl + " 度</span></li>";
								}
								something += "</ul>"
										+ "</div>"
										+ "<div class='column' style='width: 35%;padding-left: 0.2rem;padding-right: 0;'>"
											+ "<ul class='column' style='padding-right: 0;text-align: center;'>"
												+ "<li onclick= 'viewZs("+obj.id +")'>猪舍/栏期/设备</li>"
												+ "<li><p data-zdzt='"+obj.zdbz+"' onclick='hmzd(this, "+obj.id+")' >";
								if (obj.zdbz == "1") {
									something += "取消置顶 ";
								}else {
									something += "置顶 ";
								}
								something +="</p></li></ul></div></div>";
										
						var oDiv = $(something);
						hc = hc + something;
						//将ajax加载的数据保存入缓存中去
						$(".centent1").append(oDiv);
						pullUp.attr("class","");
						pullUpLabel.text("上拉加载更多");
						pullUp.css({"background":"",});
						iscroll.refresh();
						loadingStep = 0;
						$("#page").val(page);
						//page 计入缓存
						localStorage.setItem("zsListPage",page);
					}
					localStorage.setItem("zsList",hc);
				},
			});
		}else {
			pullUp.css({"background":"","background-size":"",});
			pullUpLabel.text("没有数据了");
			iscroll.refresh();
		};
	}
	/**
	 * 点击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;
			}
		}
	});
	
	//根据缓存zsList加载ajax
	if (localStorage.hasOwnProperty("zsList")) {
		var zsList = localStorage.getItem("zsList");
		var nr = zsList.substring(4,zsList.length);
		var ooDiv=$(nr);
		$(".centent1").append(ooDiv);
		
	};
	////定位到上次离开的位置
	if(localStorage.hasOwnProperty("scrollEndY")) {
		var y = localStorage.getItem("scrollEndY");
         iscroll.scrollTo(0, y,1000, IScroll.utils.ease.elastic);
         iscroll.refresh();
	}
});
function loadQkSz() {
	if ($("#mcid").val() == "21") {
		$("#qkPlane").css("visibility", "visible");
	} else {
		$("#qkPlane").css("visibility", "hidden");
	}
}
function checkQy(obj) {
	$("#qytext").html($(obj).text()+"<span class='caret'></span>");
	//搜索方法
	var val = $(obj).next().text();
	$(".tapcd").addClass("hidden");
	if (val == "1") {
		$(".tapcd").removeClass("hidden");
	} else {
		$(".ssqy" + val).removeClass("hidden");
	}
	haifm.loadMobilePage("zslb", "mcHaifmvZsList.htm?mcid=" + $("#mcid").val() + "&zsmc=" + $("#sstj").val() + "&ssqy=" + val + "&qyzt=" + qyzt());
	//清除缓存
	clearZsListLocalStorage();
}
function hmzd(obj, zsid) {
	var zdzt = $(obj).data("zdzt");
	jQuery.getJSON("updateZszdzt.htm", {zdzt : zdzt, id : zsid,}, function(data) {
		if (data.id == "") {
			mui.alert('置顶失败!', '提示', function() {;});
		} else {
			haifm.loadMobilePage("zslb", "mcHaifmvZsList.htm?mcid=" + $("#mcid").val() + "&qyzt=" + qyzt());
			//清除缓存
			clearZsListLocalStorage();
		};
	});
}
function loadSt(){
	document.cookie = "name=" + window.pageYOffset;
}
/**
 * 加载猪舍页面
 */
function loadZsView(zsid, zsbz, dqlq) {
	if (dqlq == "") {
		mui.alert('当前猪舍下无活动的栏期！请先新建栏期！', '提示', function() {;});
		return false;
	}
	haifm.loadMobilePage("haifm", "mcHaifmvZsView.htm?zsid=" + zsid + "&from=zslist" +"&zsbz="+zsbz);
/*         	if (zsbz == "1") {
		haifm.loadMobilePage("haifm", "mcHaifmvZsView.htm?zsid=" + zsid + "&from=zslist");
	}
 	if (zsbz == "2") {
		haifm.loadMobilePage("haifm", "mcZsHjkzView.htm?zsid=" + zsid + "&from=zslist");
	}  */
}
//设置cookies
function setCookie(name,value) {
	var Days = 1; //设置到期天数
	var exp = new Date();
	exp.setTime(exp.getTime() + Days*24*60*60*1000);
	document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
//读取cookies
function getCookie(name) {
	var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
	if(arr=document.cookie.match(reg)){
		return unescape(arr[2]);
	}else {
		return null;
	};
}
//删除cookies
function delCookie(name) {
	var exp = new Date();
	exp.setTime(exp.getTime() - 1);
	var cval=getCookie(name);
	if(cval!=null){
		document.cookie= name + "="+cval+";expires="+exp.toGMTString();
	};
}
//区域状态
var qyzt = function() {
	var checkbox = 0;
	var str = "";
	if ($(".mui-checkbox").find("input[type='checkbox']").is(":checked")) {
		checkbox = 1;
	}
	str = checkbox + "@";
	$('.centent .mui-switch').each(function() { //循环所有toggle
		var isActive = this.classList.contains("mui-active"); //判断打开ON或者关闭OFF
		if(isActive){	//打开状态
			str +="1,";
		}else{	//关闭状态
			str +="0,";
		};
		
	});
	return str;
};
function viewZs(zsid){
	haifm.loadMobilePage("haifm", "haifmvDaMcdaFrame.htm?mcid=" + $("#mcid").val() + "&zsid="+zsid + "&qyzt=" + qyzt());
}
//滑动高度和内容高度对比
function heightvs(zsIscrollHeight,cententHeight){
	if(zsIscrollHeight.height() > cententHeight.height()){
		$("#pullUp").hide();
	}else{
		$("#pullUp").show();
	}
}

function viewSl(zsid,dqlq) {
	if (dqlq != "") { 
		/*jQuery.ajax({
			type : "get",
			url : "ywslByDqlq.htm",
			data : {
				"lqid" : dqlq,
			},
			dataType : "json",
			async : true,
			success : function(data) {
				setTimeout(function() {
					if (data.count == "1") {
						haifm.loadMobilePage("haifm", "mcHaifmvZsView.htm?zsid=" + zsid + "&from=zslist" +"&zsbz="+"1" + "&destination="+"snsl");
					}else {
						mui.alert('当前猪舍下无水量数据', '提示', function() {;});
					};
				});
			}
		});*/
		haifm.loadMobilePage("haifm", "mcHaifmvZsView.htm?zsid=" + zsid + "&from=zslist" +"&zsbz="+"1" + "&destination="+"snph")
	} else {
		mui.alert('当前猪舍下无活动的栏期！请先新建栏期！', '提示', function() {;});
		return false;
	};
};