ifm/WebRoot/views/whh/cl/whhCl.js

$(function () {
	var mask = mui.createMask();//callback为用户点击蒙版时自动执行的回调；
	mask.close();//关闭遮罩
	$(".xgmsgbox").hide();
	$("#modal-4").hide();
	$(".haifm").css("background-color","#D7DFEA");
	var zsIscrollHeight = $(".fmjlIscroll");
	var cententHeight = $(".fmjlIscroll div:first-child");
	heightvs(zsIscrollHeight,cententHeight);
	$(".rowBox >.right > .row").addClass("disFlex");
	$(".rowBox >.right > .row > div").addClass("flex1");
	//初始化page
	if(localStorage.hasOwnProperty("clIndex")) {
		$("#page").val(localStorage.getItem("clIndex"));
	}
	//输入框快速删除初始化
	mui(".mui-input-row input").input();
	var type = $("#type").val();
	if (type != "") {
		$("#type > div").eq(type).addClass("green");
	}
	if (type != 0) {
		$(".checkAll").hide();
		$("input[type='checkbox']").hide();
	}
	
	
	//时间初始化
	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;
            }
        }
    });
    
    mui('body').on('tap', '.mui-backdrop', function(e) {
		$(".xgmsgbox").hide();
		$("#modal-4").hide();
	});
	
 	/** 
	 * 时间事件
	 * */
	sjchaxun();

	//模糊查询键盘enter键事件
	$("input[type='search']").on('keypress',function(e) {
		var keycode = e.keyCode;  
		if(keycode=='13') {
			e.preventDefault();
			//请求搜索接口
			clear();
			haifm.loadMobilePage("haifm", "whhClMain.htm?mcid=" + $("#mcid").val() + "&pch=" + $("#pch").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("clIndexY",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 : "AddWhhClsj.htm",
				data : {
					"mcid" : $("#mcid").val(),
					"pch": $("#pch").val(),
					"ksrq" : kssj,
					"jsrq" : jssj,
					"page" : page
				},
				dataType : "json",
				async : true,
				success : function(data) {
					var hc = localStorage.getItem("clIndex");
					setTimeout(function() {
						var something = "";
						for (var i = 0 ; i < data.length; i++) {
							var obj = data[i];
							something += "<div class='rowBox container-fluid' onclick=\"toView('"+obj.id+"');\" data-id="+obj.id+">"
										+"<div class='right'>"
											+"<div class='row disFlex'>"
											+"<div class='col-xs-5 col-sm-5 col-md-5 discenter flex1'>批次编码：<span>"+obj.pc+"</span></div>"
									  		+"</div>"
											+"<div class='row disFlex'>"
											  	+"<div class='col-xs-5 col-sm-5 col-md-5 discenter flex1'>处理时间：<span>"+obj.clsjStr+"</span></div>"
												+"<div class='col-xs-5 col-sm-5 col-md-5 discenter flex1'>处理方式：<span>"+obj.clfsStr+"</span></div>"
											+"</div><div class='row disFlex'>"
											  	+"<div class='col-xs-5 col-sm-5 col-md-5 discenter flex1'>处理地点：<span>"+obj.cldz+"</span></div>"
											+"</div><div class='row disFlex'>"
												+"<div class='col-xs-5 col-sm-5 col-md-5 discenter flex1'>处理人员：<span>"+obj.clry+"</span></div>"
											+"</div></div></div>";
						}
						$(".fmjlIscroll ul.mui-table-view").append($(something));
						pullUp.attr("class","");
						pullUpLabel.text("上拉加载更多");
						pullUp.css({"background":""});
						iscroll.refresh();
						loadingStep = 0;
						localStorage.setItem("clIndex",hc + something);
					},1000);
					$("#page").val(page);
					localStorage.setItem("clIndexPage",page);
				}
			});
		}else {
			pullUp.css({"background":"","background-size":""});
			pullUpLabel.text("没有数据了");
			iscroll.refresh();
		}
	}
	//加载缓存中的内容
	if (localStorage.hasOwnProperty("clIndex")) {
		var sth = localStorage.getItem("clIndex");
		$(".fmjlIscroll ul").append(sth.substring(4,sth.length));
	}
	if (localStorage.hasOwnProperty("clIndexY")) {
		var tall = localStorage.getItem("clIndexY");
		iscroll.scrollTo(0,tall,1000, IScroll.utils.ease.elastic);
		iscroll.refresh();
	}
		
	/**
	 * 处理查看
	 */
	$(".rowBox").on("tap",function(){
		var id = $(this).data("id");
		haifm.loadMobilePage("haifm", "clDealWhith.htm?mcid=" + $("#mcid").val()+"&clid="+id + "&from=cl");
		
	})
});
/** 
 * 时间方法
 * */
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);
				}, { passive: 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);
				}, { passive: 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 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", "whhClMain.htm?mcid=" + $("#mcid").val() + "&kssj=" + ksrq + "&jssj=" + jsrq + "&pch=" + $("#pch").val());
	 clear();
}




//滑动高度和内容高度对比
function heightvs(zsIscrollHeight,cententHeight){
	if(zsIscrollHeight.height() > cententHeight.height()){
		$("#pullUp").hide();
	}else{
		$("#pullUp").show();
	}
}

function clear() {
	if (localStorage.hasOwnProperty("clIndex")) {
		localStorage.removeItem("clIndex");
	}
	if (localStorage.hasOwnProperty("clIndexY")) {
		localStorage.removeItem("clIndexY");
	}
	if (localStorage.hasOwnProperty("clIndexPage")) {
		localStorage.removeItem("clIndexPage");
	}
}


//全选与取消全选

function Check() {
	if (checked == false) {
		 $("input[type='checkbox']").each(function() {  
	            this.checked = true;  
	        });
	        $("#allCheck").html("取消全选");
	        checked = true;
	}else {
		 $("input[type='checkbox']").each(function() {  
	            this.checked = false;  
	        });
	        $("#allCheck").html("全选");
	        checked = false;
	}
       
}  

/**
 * 添加
 */

function add(){
	haifm.loadMobilePage("haifm", "clDealWhith.htm?mcid=" + $("#mcid").val());
}


function toView(id){
	haifm.loadMobilePage("haifm", "clDealWhith.htm?mcid=" + $("#mcid").val()+"&clid="+id + "&from=cl");
}