ifm/WebRoot/views/haifmv/sjrl/cj/cjjl.js

$(function () {
	var zsIscrollHeight = $(".cjjlIscroll");
	var cententHeight = $(".cjjlIscroll div:first-child");
	heightvs(zsIscrollHeight,cententHeight);
	//初始化page
	if(localStorage.hasOwnProperty("cjIndexPage")) {
		$("#page").val(localStorage.getItem("cjIndexPage"));
	}
	//输入框快速删除初始化
	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(".cjjlIscroll",{
	 	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", "hvSjlrCjIndex.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("cjIndexY",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 : "addSjlrCjjl.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("cjIndex");
					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.cjrq+"</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.cjjlList.length ; j++) {
								var o =  obj.cjjlList[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 id ='eph'>" + o.eph + "</span></div>"
										+ "<div class='col-xs-5 col-sm-5 col-md-5 discenter'>状态：<span class='iofo'>" + o.sfhgStr+ "</span></div>"
									+"</div>"
									+ "<div class='row'>"
										+ "<div class='col-xs-7 col-sm-7 col-md-7 discenter'>采精量：<span>" + o.cjl + "ml</span></div>"
										+ "<div class='col-xs-5 col-sm-5 col-md-5 discenter'>制备份数：<span>" + o.zbfs + "</span></div>"
									+ "</div>"
									+ "<div class='row'>"
										+ "<div class='col-xs-7 col-sm-7 col-md-7 discenter'>精子活力：<span>" + o.jzhl + "</span></div>"
										+ "<div class='col-xs-5 col-sm-5 col-md-5 discenter'></div>"
									+ "</div>"
								+ "</div>";
							};
						}
						$(".cjjlIscroll ul").append($(something));
						pullUp.attr("class","");
						pullUpLabel.text("上拉加载更多");
						pullUp.css({"background":""});
						iscroll.refresh();
						loadingStep = 0;
						localStorage.setItem("cjIndex",hc + something);
						onOff(iscroll,zsIscrollHeight,cententHeight);
						confirm();
					},1000);
					$("#page").val(page);
					localStorage.setItem("cjIndexPage",page);
				}
			});
		}else {
			pullUp.css({"background":"","background-size":""});
			pullUpLabel.text("没有数据了");
			iscroll.refresh();
		}
	}
	
	//加载缓存中的内容
	if (localStorage.hasOwnProperty("cjIndex")) {
		var sth = localStorage.getItem("cjIndex");
		$(".cjjlIscroll ul").append(sth.substring(4,sth.length));
	};
	//定位到上次离开的位置
	if (localStorage.hasOwnProperty("cjIndexY")) {
		var tall = localStorage.getItem("cjIndexY");
		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", "hvSjlrCjAdd.htm?mcid=" + $("#mcid").val());
};

/**
 * 查询是否是24小时之内的数据
 * @param val
 */
function checkDataIsIn24H(val1,val2) {
	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 : 'hvSjlrCjCheckDataIsIn24H.htm',
		dataType : 'json',
		type : 'post',
		cache : false,
		data : {
		"id" : val1,
		},
		success : function(data) {
			if (data.count > 0) {
				haifm.loadMobilePage("haifm", "hvSjlrCjAdd.htm?mcid=" + $("#mcid").val() + "&id=" + val1 + "&eph=" + val2 + "&kssj=" + kssj + "&jssj=" + jssj);
			} else {
				mui.alert('此数据非24小时之内的数据,不可修改', '提示', function() {});
			}
		},
		error : function(data) {
			mui.alert('网络异常！查询失败！', '提示', function() {});
		}
	});
}
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", "hvSjlrCjIndex.htm?mcid=" + $("#mcid").val() + "&ksrq=" + ksrq + "&jsrq=" + jsrq + "&searchFlag=" + "1");
}
//开关事件
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 btnArray = ['否', '是'];
				var ep = this.getAttribute("data-for");
				mui.confirm('是否对'+ep+'进行修改？','提示！', btnArray, function(e) {
					if (e.index == 1) {
						checkDataIsIn24H(id,ep);
					}
				});
			}, false);
		});
	})(mui);
}
//滑动高度和内容高度对比
function heightvs(zsIscrollHeight,cententHeight){
	if(zsIscrollHeight.height() > cententHeight.height()){
		$("#pullUp").hide();
	}else{
		$("#pullUp").show();
	}
}

function clear(){
	if (localStorage.hasOwnProperty(id+"Index")) {
		localStorage.removeItem(id+"Index");
	}
	if (localStorage.hasOwnProperty(id+"IndexY")) {
		localStorage.removeItem(id+"IndexY");
	}
	if (localStorage.hasOwnProperty(id+"IndexPage")) {
		localStorage.removeItem(id+"IndexPage");
	}
}