ifm/WebRoot/views/haifmv/sjrl/scgl/zztt/sjrl_zztt.js

$(function () {
	var zsIscrollHeight = $(".zzttIscroll");
	var cententHeight = $(".zzttIscroll div:first-child");
	heightvs(zsIscrollHeight,cententHeight);
	//初始化page
	if(localStorage.hasOwnProperty("zzttIndex")) {
		$("#page").val(localStorage.getItem("zzttIndex"));
	}
	//输入框快速删除初始化
	mui(".mui-input-row input").input();
	//时间初始化
	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(".zzttIscroll",{
	 	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;
            }
        }
    });
	//开关事件
    onOff(iscroll,zsIscrollHeight,cententHeight);
 	//时间事件
 	sjchaxun();
    //弹出修改框
 	confirm();
	//确定淘汰
 	ttSure();
	//驳回淘汰
 	ttNotSure();
	//模糊查询键盘enter键事件
	$("input[type='search']").on('keypress',function(e) {
        var keycode = e.keyCode;
        if(keycode=='13') {
            e.preventDefault();
            //请求搜索接口  
            clear();
            haifm.loadMobilePage("haifm", "hvSjlrZzttIndex.htm?mcid=" + $("#mcid").val() + "&cxeph=" + $("#dweb").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("zzttIndexY",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 : "addSjlrZztt.htm",
				data : {
					"mcid" : $("#mcid").val(),
					"cxeph": $("#dweb").val(),
					"ksrq" : kssj,
					"jsrq" : jssj,
					"page" : page
				},
				dataType : "json",
				async : true,
				success : function(data) {
					var hc = localStorage.getItem("zzttIndex");
					setTimeout(function() {
						var something = "";
						for (var i = 0 ; i < data.length; i++) {
							var obj = data[i];
							something += "<li class='mui-table-view-cell'>"
									+ "<span style='margin-right: 0.2rem;'>"+obj.ttrq+"</span><span>(共"+obj.count+"头)</span>"
									+ "<div class='mui-switch mui-active'>"
										+ "<div class='mui-switch-handle'></div>"
									+ "</div>"
								+"</li>"
								+"<li class='hiddenli xx"+i+"'></li>";
							for (var j = 0 ; j < obj.zzttList.length ; j++) {
								var o =  obj.zzttList[j];
								something += "<div class='rowBox container-fluid' id='confirmBtn' data-id=" + o.id + " data-for=" + o.eph + ">"
										+ "<div class='row'>"
										+ "<div class='col-xs-6 col-sm-6 col-md-6 discenter'>耳牌号：<span id ='eph'>" + o.eph + "</span></div>"
										+ "<div class='col-xs-6 col-sm-6 col-md-6 discenter'></div>"
									+"</div>"
									+ "<div class='row'>"
										+ "<div class='col-xs-6 col-sm-6 col-md-6 discenter'>淘汰舍栏：<span>" + o.ttslStr + "</span></div>"
										+ "<div class='col-xs-6 col-sm-6 col-md-6 discenter'>转入栏舍：<span>" + o.zrslStr + "</span></div>"
									+ "</div>"
									+ "<div class='row'>"
										+ "<div class='col-xs-6 col-sm-6 col-md-6 discenter'>淘汰类型：<span>" + o.ttlxStr + "</span</div>"
										+ "<div class='col-xs-6 col-sm-6 col-md-6 discenter'></div>"
									+ "</div>"
								+ "</div>"
								+ "<div class='row'>"
									+ "<div class='stausBox'>"
										+ "<div class='iofo iofo1'>" + o.shStr + "</div>"
										+ "<div class='ysbt xsyc1' data-id = '" + o.id + "' data-ep ='" + o.eph + "'>"
											+ "<span id = 'ttSure'>确定</span>"
											+ "<span id = 'ttNotSure'>驳回</span>"
										+ "</div>"
										+ "<div class='ysbt xsyc2'></div>"
									+ "</div>"
								+ "</div>";
							};
						}
						$(".zzttIscroll ul").append($(something));
						$(".iofo1").each(function(){
							if ($(this).html() === "未审核") {
								$(".xsyc2").hide();
							}else {
								$(".xsyc1").hide();
							}
						});
						pullUp.attr("class","");
						pullUpLabel.text("上拉加载更多");
						pullUp.css({"background":""});
						iscroll.refresh();
						loadingStep = 0;
						localStorage.setItem("zzttIndex",hc + something);
						onOff(iscroll,zsIscrollHeight,cententHeight);
						confirm();
						ttSure();
						ttNotSure();
					},1000);
					$("#page").val(page);
					localStorage.setItem("zzttIndexPage",page);
				}
			});
		}else {
			pullUp.css({"background":"","background-size":""});
			pullUpLabel.text("没有数据了");
			iscroll.refresh();
		}
	}
	//加载缓存中的内容
	if (localStorage.hasOwnProperty("zzttIndex")) {
		var sth = localStorage.getItem("zzttIndex");
		$(".zzttIscroll ul").append(sth.substring(4,sth.length));
	}
	if (localStorage.hasOwnProperty("zzttIndexY")) {
		var tall = localStorage.getItem("zzttIndexY");
		iscroll.scrollTo(0,tall,1000, IScroll.utils.ease.elastic);
		iscroll.refresh();
	}
});

/** 
 * 时间方法
 * */
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);
			}, 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);
			}, 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 backUrl() {
	clear();
	haifm.loadMobilePage("haifm", "hvSjlrScIndex.htm?mcid=" + $("#mcid").val());
}
/** 
 * 新增
 * */
function addUrl() {
	haifm.loadMobilePage("haifm", "hvSjlrZzttEdit.htm?mcid=" + $("#mcid").val());
};

/**
 *时间搜索 
 */
function timeSearch() {
	 var ksrq = $("#startT .nian").html() + "-" + $("#startT .yue").html() + "-" + $("#startT .ri").html();
	 var jsrq = $("#endT .nian").html() + "-" + $("#endT .yue").html() + "-" + $("#endT .ri").html();
	clear();
	 haifm.loadMobilePage("haifm", "hvSjlrZzttIndex.htm?mcid=" + $("#mcid").val() + "&ksrq=" + ksrq + "&jsrq=" + jsrq);
}

/**
* 根据ID查此猪的生平历史
* @param val
*/
function selectPigRerecord(id) {
	jQuery.ajax({
		url : 'hvSjlrZzttSelectPigRerecord.htm',
		dataType : 'json',
		type : 'post',
		cache : false,
		data : {
		"id" : id,
		},
		success : function(data) {
			if (data.data == 1) {//公猪
				haifm.loadMobilePage("haifm", "hvSjlrGzxx.htm?mcid=" + $("#mcid").val() + "&id=" + data.id + "&from=" + "zztt");
			} else if (data.data == 2){//母猪
				haifm.loadMobilePage("haifm", "hvSjlrMzxx.htm?mcid=" + $("#mcid").val() + "&id=" + data.id + "&from=" + "zztt");
			} else {
				mui.alert('操作失败,请重试', '提示', function() {});
			}
		},
		error : function(data) {
			mui.alert('系统异常！删除失败！', '提示', function() {});
		}
	});
}
/**
 * 驳回淘汰
 * @param val
 */
function makeSureTt(id) {
	jQuery.ajax({
		url : 'hvSjlrZzttConfirmTt.htm',
		dataType : 'json',
		type : 'post',
		cache : false,
		data : {
			"id" : id,
		},
		success : function(data) {
			if (data.data == 1) {
				mui.alert('淘汰成功', '提示', function() {});
				haifm.loadMobilePage("haifm", "hvSjlrZzttIndex.htm?mcid=" + $("#mcid").val());
			} else {
				mui.alert('淘汰失败,请重试', '提示', function() {});
			}
		},
		error : function(data) {
			mui.alert('系统异常！删除失败！', '提示', function() {});
		}
	});
}

/**
 * 确定淘汰
 * @param val
 */
function rejectedTt(id) {
	jQuery.ajax({
		url : 'hvSjlrZzttRejectedTt.htm',
		dataType : 'json',
		type : 'post',
		cache : false,
		data : {
		"id" : id,
		},
		success : function(data) {
			if (data.data == 1) {
				mui.alert('淘汰驳回成功', '提示', function() {});
				haifm.loadMobilePage("haifm", "hvSjlrZzttIndex.htm?mcid=" + $("#mcid").val());
				clear();
			} else {
				mui.alert('淘汰驳回失败,请重试', '提示', function() {});
			}
		},
		error : function(data) {
			mui.alert('系统异常！删除失败！', '提示', function() {});
		}
	});
}
/**
 * 删除
 * @param val
 */
function deleteZztt(val) {
	if(confirm("确定要删除该淘汰记录吗？删除成功后无法进行恢复！")) {
		jQuery.ajax({
			url : 'HaifmvdisableZztt.htm',
			dataType : 'json',
			type : 'post',
			cache : false,
			data : {"id" : val},
			success : function(data) {
				if (data.count > 0) {
					mui.alert('删除成功!', '提示', function() {});
					haifm.loadMobilePage("haifm", "hvSjlrZzttIndex.htm?mcid=" + $("#mcid").val() + "&ksrq=" + $("#ksrq").val() + "&jsrq=" + $("#jsrq").val() + "&dweb=" + $("#dweb").val());
					clear();
				} else {
					mui.alert('删除失败!', '提示', function() {});
				}
			},
			error : function(data) {
				mui.alert('系统异常！删除失败！', '提示', function() {});
			}
		});
	}
}
//开关事件
function onOff(iscroll,zsIscrollHeight,cententHeight){
	mui('.mui-content .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();
			  	}).siblings('.hiddenli').stop().slideUp(500);
			  	$(".mui-switch").removeClass("mui-active").children().css({'transition-duration': '0.2s', 'transform': 'translate(0, 0px)'});
 				$(this).toggleClass("mui-active");
			}else{	//关闭状态
			  	$(this).parent().next().slideUp(500,function(){
			  		heightvs(zsIscrollHeight,cententHeight);
					iscroll.refresh();
				});
			}
		});
	});
}
//修改事件
function confirm(){
	var kssj = $("#startT .nian").html()+"-" + $("#startT .yue").html()+"-" + $("#startT .ri").html();
	var jssj = $("#endT .nian").html()+"-" + $("#endT .yue").html()+"-" + $("#endT .ri").html();
	(function($) {
		var confirmBtns = $("div[id*='confirmBtn']");
		confirmBtns.each(function(i, confirmBtns) {
			confirmBtns.addEventListener('tap', function() {
				var id = this.getAttribute("data-id");
				var btnArray = ['修改', '猪只记录', '取消'];
				var ep = this.getAttribute("data-for");
				var mcid = document.getElementById("mcid").value;
				mui.confirm('是否要对'+ep+'进行以下操作。','提示！', btnArray, function(e) {
					if (e.index == 0) {
						haifm.loadMobilePage("haifm", "hvSjlrZzttEdit.htm?mcid=" + mcid + "&id=" + id + "&eph=" + ep + "&kssj=" + kssj + "&jssj=" + jssj);
					} else if (e.index == 1) {
						selectPigRerecord(id);
					}
				});
			}, false);
		});
	})(mui);
}
function ttSure(){
	$(".ysbt #ttSure").on("tap", function(event) {
		event.stopPropagation();
		var btnArray = ['否', '是'];
		mui.confirm('确认淘汰耳牌为: ' + $(this).parent().data("ep") + "?",'注意！', btnArray, function(e) {
			if (e.index == 1) {
				//TODO 确定淘汰 则1：淘汰审核标志改为1 2:档案里修改动物状态为淘汰
				makeSureTt($(this).parent().data("id"));
			}
		});
	});
}
function ttNotSure(){
	$(".ysbt #ttNotSure").on("tap", function(event) {
		event.stopPropagation();
		var btnArray = ['否', '是'];
		mui.confirm('确认驳回淘汰耳牌为: ' + $(this).parent().data("ep") + "的淘汰申请?",'注意！', btnArray, function(e) {
			if (e.index == 1) {
				rejectedTt($(this).parent().data("id"));
			}
		});
	});
}
//滑动高度和内容高度对比
function heightvs(zsIscrollHeight,cententHeight){
	if(zsIscrollHeight.height() > cententHeight.height()){
		$("#pullUp").hide();
	}else{
		$("#pullUp").show();
	}
}

//清除定位和缓存
function clear() {
	if (localStorage.hasOwnProperty("zzttIndex")) {
		localStorage.removeItem("zzttIndex");
	}
	if (localStorage.hasOwnProperty("zzttIndexY")) {
		localStorage.removeItem("zzttIndexY");
	}
	if (localStorage.hasOwnProperty("zzttIndexPage")) {
		localStorage.removeItem("zzttIndexPage");
	}
}