ifm/WebRoot/views/haifmv/sjrl/fm/fmjl.js

$(function () {
	var zsIscrollHeight = $(".fmjlIscroll");
	var cententHeight = $(".fmjlIscroll div:first-child");
	heightvs(zsIscrollHeight,cententHeight);
	//初始化page
	if(localStorage.hasOwnProperty("fmIndex")) {
		$("#page").val(localStorage.getItem("fmIndex"));
	}
	//输入框快速删除初始化
	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(".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;
            }
        }
    });
	
    /** 
	 * 开关事件
	 * */
    onOff(iscroll,zsIscrollHeight,cententHeight);
 	/** 
	 * 时间事件
	 * */
	sjchaxun();
    /** 
	 * 弹出修改框
	 * */
	confirm();
	//模糊查询键盘enter键事件
	$("input[type='search']").on('keypress',function(e) {
		var keycode = e.keyCode;  
		if(keycode=='13') {
			e.preventDefault();
			//请求搜索接口
			clear();
			haifm.loadMobilePage("haifm", "hvSjlrFmIndex.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("fmIndexY",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 : "addSjlrFmjl.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("fmIndex");
					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.fmrq+"</span>"
								+ "<span style='margin-right: 0.2rem;'>分娩母猪:<span>"+obj.count+"头</span></span>"
								+ "<span style='margin-right: 0.2rem;'>公:<span>"+obj.countgz+"头</span></span>"
								+ "<span>母:<span>"+obj.countmz+"头</span></span>"
								+ "<div class='mui-switch mui-active'>"
									+ "<div class='mui-switch-handle'></div>"
								+ "</div>"
								+ "<ul class='space-between' style='margin-top: 0.15rem;'>"
									+ "<li>健:<span>"+obj.countj+"头</span></li>"
									+ "<li>弱:<span>"+obj.countr+"头</span></li>"
									+ "<li>木:<span>"+obj.countm+"头</span></li>"
									+ "<li>畸:<span>"+obj.countjx+"头</span></li>"
								+ "</ul>"
								+ "<ul class='space-between' style='margin-top: 0.15rem;'>"
									+ "<li>活:<span>"+obj.allCountH+"头</span></li>"
									+ "<li>死:<span>"+obj.allCountS+"头</span></li>"
									+ "<li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>"
									+ "<li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>"
								+ "</ul>"
							+ "</li>"
							+ "<li class='hiddenli xx"+i+"'></li>";
							for (var j = 0 ; j < obj.fmList.length ; j++) {
								var o =  obj.fmList[j];
								something += "<div class='rowBox container-fluid' id='confirmBtn' data-id="+o.id+" data-for="+o.eph+">"
										+ "<div class='row'>"
										+ "<div class='col-xs-7 col-sm-7 col-md-7 discenter'>耳牌号：<span>"+o.eph+"</div>"
										+ "<div class='col-xs-5 col-sm-5 col-md-5 discenter'></div>"
									+ "</div>"
									+ "<div class='row'>"
										+ "<div class='col-xs-7 col-sm-7 col-md-7 discenter'>健仔数：<span>"+ o.jzgs+"</span></div>"
										+ "<div class='col-xs-5 col-sm-5 col-md-5 discenter'>弱仔数：<span>"+ o.rzgs+"</span></div>"
									+ "</div>"
									+ "<div class='row'>"
										+ "<div class='col-xs-7 col-sm-7 col-md-7 discenter'>木仔数：<span>"+ o.mnygs+"</span></div>"
										+ "<div class='col-xs-5 col-sm-5 col-md-5 discenter'>畸仔数：<span>"+ o.jxgs+"</span></div>"
									+ "</div>"
									+ "<div class='row'>"
										+ "<div class='col-xs-7 col-sm-7 col-md-7 discenter'>活仔数：<span>"+ o.hzgs+"</span></div>"
										+ "<div class='col-xs-5 col-sm-5 col-md-5 discenter'>死胎数：<span>"+ o.stgs+"</span></div>"
									+ "</div>"
									+ "<div class='row'>"
										+ "<div class='col-xs-7 col-sm-7 col-md-7 discenter'>公猪数：<span>"+ o.gzgs+"</span></div>"
										+ "<div class='col-xs-5 col-sm-5 col-md-5 discenter'>母猪数：<span>"+ o.mzgs+"</span></div>"
									+ "</div>"
									+ "<div class='row'>"
										+ "<div class='col-xs-7 col-sm-7 col-md-7 discenter'>分娩胎次：<span>"+ o.fmtc+"</span></div>"
										+ "<div class='col-xs-5 col-sm-5 col-md-5 discenter'></div>"
									+ "</div>"
								+ "</div>";
							}
						}
						$(".fmjlIscroll ul.mui-table-view").append($(something));
						pullUp.attr("class","");
						pullUpLabel.text("上拉加载更多");
						pullUp.css({"background":""});
						iscroll.refresh();
						loadingStep = 0;
						localStorage.setItem("fmIndex",hc + something);
						onOff(iscroll,zsIscrollHeight,cententHeight);
						confirm();
					},1000);
					$("#page").val(page);
					localStorage.setItem("fmIndexPage",page);
				}
			});
		}else {
			pullUp.css({"background":"","background-size":""});
			pullUpLabel.text("没有数据了");
			iscroll.refresh();
		}
	}
	//加载缓存中的内容
	if (localStorage.hasOwnProperty("fmIndex")) {
		var sth = localStorage.getItem("fmIndex");
		$(".fmjlIscroll ul").append(sth.substring(4,sth.length));
	}
	if (localStorage.hasOwnProperty("fmIndexY")) {
		var tall = localStorage.getItem("fmIndexY");
		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", "haifmvMain.htm?uuid=" + $("#uuid").val() + "&mcid=" + $("#mcid").val() + "&qyid=" + $("#qyid").val() +"&toList=2");
}
/** 
 * 新增
 * */
function addUrl() {
	haifm.loadMobilePage("haifm", "hvSjlrFmAdd.htm?mcid=" + $("#mcid").val() + "&id=" +$("#id").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();
	 haifm.loadMobilePage("haifm", "hvSjlrFmIndex.htm?mcid=" + $("#mcid").val() + "&ksrq=" + ksrq + "&jsrq=" + jsrq + "&searchFlag=" + "1");
	 clear();
}

/**
 * 查询是否是24小时之内的数据
 * @param val
 */
function checkFmDataIsIn24H(val) {
	var kssj = $("#startT .nian").html()+"-" + $("#startT .yue").html()+"-" + $("#startT .ri").html();
	var jssj = $("#endT .nian").html()+"-" + $("#endT .yue").html()+"-" + $("#endT .ri").html();
	jQuery.ajax({
		url : 'hvSjlrFmCheckDataIsIn24H.htm',
		dataType : 'json',
		type : 'post',
		cache : false,
		data : {"id" : val},
		success : function(data) {
			if (data.count == 1) {  //24小时之内
				//检查是否有断奶记录
				jQuery.ajax({
					url : 'haifmvCheckDnData.htm',
					dataType : 'json',
					type : 'post',
					cache : false,
					data : {"id" : val},
					success : function(data) {
						if (data.count > 0) {  //没有妊娠记录
							haifm.loadMobilePage("haifm", "hvSjlrFmAdd.htm?mcid=" + $("#mcid").val() + "&id=" + val + "&kssj=" + kssj + "&jssj=" + jssj);
						} else {  //有妊娠记录
							mui.alert('当次分娩记录已断奶,请勿修改', '提示', function() {});
						}
					},
					error : function(data) {
						mui.alert('系统异常！修改失败！', '提示', function() {});
					}
				});
			} else {
				mui.alert('此数据非24小时之内的数据,不可修改', '提示', 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(){
	(function($) {
		var confirmBtns = $("div[id*='confirmBtn']");
		confirmBtns.each(function(i, confirmBtns) {
			confirmBtns.addEventListener('tap', function() {
				var id = this.getAttribute("data-id");
				var ep = this.getAttribute("data-for");
				var btnArray = ['否', '是'];
				mui.confirm('是否对'+ep+'进行修改？','提示！', btnArray, function(e) {
					if (e.index == 1) {
						checkFmDataIsIn24H(id);
					}
				});
			}, false);
		});
	})(mui);
};
//滑动高度和内容高度对比
function heightvs(zsIscrollHeight,cententHeight){
	if(zsIscrollHeight.height() > cententHeight.height()){
		$("#pullUp").hide();
	}else{
		$("#pullUp").show();
	}
}

function clear() {
	if (localStorage.hasOwnProperty("fmIndex")) {
		localStorage.removeItem("fmIndex");
	}
	if (localStorage.hasOwnProperty("fmIndexY")) {
		localStorage.removeItem("fmIndexY");
	}
	if (localStorage.hasOwnProperty("fmIndexPage")) {
		localStorage.removeItem("fmIndexPage");
	}
}