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

var iscroll,jroll;
var ztType = $("#type").val();
$(function (){
	/**
	 * 初始化二级菜单按钮
	 */
	var strButton = $("#strButtom").val();
	var strBArr = strButton.split(",");
	for (var i = 0 ; i < strBArr.length ; i++) {
		if (strBArr[i] == "0") {
			$(".show"+i).remove();
		}else {
			$(".show"+i).show();
		}
	}
	/**
	 * 初始化搜索日期
	 */
	var date = new Date();
	var year = "";
	var month = "";
	var day = "";
	if ($("#dbrq").val() == "") {
		year = date.getFullYear()+"";
		month = date.getMonth()+1;
		day = date.getDate();
	} else {
		var datearr = new Array();
		datearr = $("#dbrq").val().split("-");
		year = datearr[0];
		month = datearr[1];
		day = datearr[2];
	}
	$("#danri .nian").html(year);
	$("#danri .yue").html(month);
	$("#danri .ri").html(day);
	if ($("#tjtjsrq").val() == "") {
		$(".toYear").html(year);
		$(".toMonth").html(month);
		$(".toDay").html(day);
	} else {
		var ksarr = new Array();
		ksarr = $("#tjtjsrq").val().split("-");
		$(".toYear").html(ksarr[0]);
		$(".toMonth").html(ksarr[1]);
		$(".toDay").html(ksarr[2]);
	}
	if ($("#tjtksrq").val() == "") {
		date.setDate(date.getDate()-14);
		var newYear = date.getFullYear()+"";
		var newMonth = date.getMonth()+1;
		var newDay = date.getDate();
		$(".newYear").html(newYear);
		$(".newMonth").html(newMonth);
		$(".newDay").html(newDay);
	} else {
		var ksarr = new Array();
		ksarr = $("#tjtksrq").val().split("-");
		$(".newYear").html(ksarr[0]);
		$(".newMonth").html(ksarr[1]);
		$(".newDay").html(ksarr[2]);
	}
	/**
	 *搜索接口
	 * 
	 */
	$("#search").on("tap",function(){
		var date = new Date();
		var year = date.getFullYear()+"";
		var month = date.getMonth()+1;
		var day = date.getDate();
		if (month.toString().length == 1) {
			month = "0"+(date.getMonth()+1);
		};
		if (day.toString().length == 1) {
			day = "0"+(date.getDate());
		};
		var todayInt = parseInt(year+month+day);
		var ksy = "";
		var ksm = "";
		var ksd = "";
		var jsy= "";
		var jsm = "";
		var jsd= "";
		var dbrq = "";
		var jsms = $(".checklabel").data("for");
		if (jsms == "1") {
			ksy = $("#danri .nian").html()+"";
			ksm = $("#danri .yue").html();
			ksd = $("#danri .ri").html();
			dbrq = ksy+"-"+ksm+"-"+ksd;
			var dbrqInt = parseInt(ksy + ksm + ksd);
			if (dbrqInt > todayInt) {
				mui.alert('所选日期不能超过当前日期', '提示', function() {});
				return;
			}
		}else if (jsms == "3") {
			ksy = $("#kaishi .newYear").html()+"";
			ksm = $("#kaishi .newMonth").html();
			ksd = $("#kaishi .newDay").html();
			jsy = $("#jieshu .toYear").html();
			jsm = $("#jieshu .toMonth").html();
			jsd = $("#jieshu .toDay").html();
			var ksInt = parseInt(ksy + ksm + ksd);
			if (ksInt > todayInt) {
				mui.alert('开始日期不能超过当前日期', '提示', function() {});
				return;
			}
			var jsInt = parseInt(jsy+jsm+jsd);
			if (jsInt > todayInt) {
				mui.alert('结束日期不能超过当前日期', '提示', function() {});
				return;
			}
			if (ksInt > jsInt) {
				mui.alert('开始时间不能大于结束时间', '提示', function() {});
				return;
			}
		}

		var kssj = ksy + "-" + ksm + "-" + ksd;
		var jssj = jsy + "-" + jsm + "-" + jsd;
		var ksms = "";
		if (jsms == "1") {
			ksjs = ksy.substring(2,4) + "/" + ksm + "/" + ksd;
		}else if (jsms == "3") {
			ksjs = ksy.substring(2,4) + "/" + ksm + "/" + ksd+"-"+jsy.substring(2,4) + "/" + jsm + "/" + jsd;
		}
		$("#tjtksrq").val(kssj);
		$("#tjtjsrq").val(jssj);
		$("#dbrq").val(dbrq);
		$("#jsms").val(jsms);
		var rt =  "&ksjs="+ksjs + "&jsms="+jsms +"&yweb="+ $("#yweb").val() 
				+"&dbrq="+dbrq + "&tjtksrq=" + kssj + "&tjtjsrq=" + jssj + "&lqid="+$("#lqid").val();
		haifm.loadMobilePage("zsmain", ztType + "HaifmvMain.htm?zsid=" + $("#zsid").val() + rt);
	});

	if (ztType == "snwd") {//室内温度ajax
		$("#iscrollSnhjX ul").find("#wd").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvSnwdTjt.htm",iscroll,"");
		}
	}
	if (ztType == "snsd") {
		$("#iscrollSnhjX ul").find("#sd").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvSnsdTjt.htm",iscroll,"");
		}
	}
	if (ztType == "snaq") {
		$("#iscrollSnhjX ul").find("#aq").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvSnaqTjt.htm",iscroll,"");
		}
	}
	if (ztType == "sno2") {  //氧气
		$("#iscrollSnhjX ul").find("#o2").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvSno2Tjt.htm",iscroll,"");
		}
	}
	if (ztType == "snco2") {  //二氧化碳
		$("#iscrollSnhjX ul").find("#co2").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvSnco2Tjt.htm",iscroll,"");
		}
	}
	
	if (ztType == "snh2s") {  //硫化氢
		$("#iscrollSnhjX ul").find("#h2s").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvSnh2sTjt.htm",iscroll,"");
		}
	}
	if (ztType == "snsl") {  //水量
		$("#iscrollSnhjX ul").find("#sl").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvSnslTjt.htm",iscroll,"吨");
		}
	}
	if (ztType == "sndl") {  //电量
		$("#iscrollSnhjX ul").find("#dl").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvSndlTjt.htm",iscroll,"度");
		}
	}
	if (ztType == "snph") {  //PH
		$("#iscrollSnhjX ul").find("#ph").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvSnphTjt.htm",iscroll,"PH");
		}
	}
	if (ztType == "snsy") {  //水压
		$("#iscrollSnhjX ul").find("#sy").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvSnsyTjt.htm",iscroll,"Mpa");
		}
	}
	if (ztType == "mtxh") {  //饲料每天消耗
		$("#iscrollSnhjX ul").find("#mtxh").addClass("tabcolor").parent().siblings().find("a").removeClass("tabcolor");
		if ($("#lqid").val() > 0) {
			jqAjax("getHaifmvMtxhTjt.htm",iscroll,"");
		}
	}

	/** 
	 * 初始化滚动条
	 * */
    iscroll = new IScroll(".snhjIscroll",{
	 	scrollbars: true,
	   	fadeScrollbars:true,
	   	scrollbars: 'custom',
		shrinkScrollbars:'clip',
		click:true
	});
	jroll = new JRoll('#iscrollSnhjX',{
		id: "dome4",
		scrollX: true,
		scrollY: false,
	});
	//设置二级菜单横向滚动的宽度
	var deviceW = $("body").width();
	var iscrollXwid = $(".iscrollSnhjX li").outerWidth()*$(".iscrollSnhjX li").length;
	if (iscrollXwid >= deviceW) {
		$(".iscrollSnhjX ul").css("width","auto");
	} else {
		$(".iscrollSnhjX ul").css("width","100%");
	}
	refresh();
	/** 
	 * 二级菜单切换
	 * */
	$(".suosou a.mui-tab-item").on("tap",function(){
		var type = $(this).data("for");
		if (type == "mtxh") {
			haifm.loadMobilePage("chartDiv", "searchHaifmvMain.htm?key2=mtxh" + "&zsid=" + $("#zsid").val() + "&yweb=" + $("#yweb").val() + "&strButtom=" + $("#strButtom").val() + "&from="+"snhj");
		} else  {
			haifm.loadMobilePage("chartDiv", "searchHaifmvMain.htm?key2=sn" + type + "&zsid=" + $("#zsid").val() + "&yweb=" + $("#yweb").val() + "&strButtom=" + $("#strButtom").val());
		}
		//判断有无滚动条位置cookie值
		setTimeout(function(){
			var posX = getCookie("iscrollSnhjX");
			var posMx = getCookie("iscrollSnhjMx");
			if(posMx/2 >= posX){
				jroll.scrollTo(posMx, 0);
				setTimeout(function(){
					delCookie("iscrollSnhjX");
					delCookie("iscrollSnhjMx");
				}, 250);
			}
		}, 250);
		refresh();
	});
	jroll.on("scrollEnd",function(){
		//点击定位
		var thisx = parseInt(this.x);
		var thisMx = parseInt(this.maxScrollX);
		$(".iscrollSnhjX li").on("tap",function(){
			setCookie("iscrollSnhjX",thisx);
			setCookie("iscrollSnhjMx",thisMx);
		});
	});
	/** 
	 * 单日时间 阶段时间
	 * */
	shijian();
	/** 
	 * 点击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;
            }
        }
    });
});

/** 
 * 单日时间 阶段时间
 * */
function shijian(){
	/** 
	 * 单日    阶段切换
	 * */
	$(".mui-radio").on('tap', function(){
		$(this).children("label").addClass("checklabel").parent().parent().siblings().children().find("label").removeClass("checklabel");
		$(this).siblings().find("span").addClass("checklabel").parent().parent().siblings().children().find("span").removeClass("checklabel");
		switch ($(".mui-radio").index(this)){
			case 0 :
				$(this).next().next().removeClass("overlay").parent().siblings().find(".ee").addClass("overlay");
				break;
			case 1 :
				$(this).next().next().next().removeClass("overlay").parent().siblings().find(".ee").addClass("overlay");
				break;
		}
		refresh();
	});
	mui.init();
	mui.ready(function() {
		//单日时间
		var danri = $('#danri');
		var nianTex = $('.nian')[0];
		var yueTex = $('.yue')[0];
		var riTex = $('.ri')[0];
		danri.each(function(i, danri) {
			danri.addEventListener('tap', function() {
				var time = nianTex.innerHTML + "-" +yueTex.innerHTML + "-" + riTex.innerHTML;
				dateP(nianTex,yueTex,riTex,time);
			}, false);
		});
		//阶段 开始时间
		var kaishi = $('#kaishi');
		var knianTex = $('.nian')[1];
		var kyueTex = $('.yue')[1];
		var kriTex = $('.ri')[1];
		kaishi.each(function(i, kaishi) {
			kaishi.addEventListener('tap', function() {
				var time = knianTex.innerHTML + "-" +kyueTex.innerHTML + "-" + kriTex.innerHTML;
				dateP(knianTex,kyueTex,kriTex,time);
			},false);
		});
		//阶段 结束时间
		var jieshu = $('#jieshu');
		var jnianTex = $('.nian')[2];
		var jyueTex = $('.yue')[2];
		var jriTex = $('.ri')[2];
		jieshu.each(function(i, jieshu) {
			jieshu.addEventListener('tap', function() {
				var time = jnianTex.innerHTML + "-" +jyueTex.innerHTML + "-" + jriTex.innerHTML;
				dateP(jnianTex,jyueTex,jriTex,time);
			}, false);
		});
	});
}
function dateP(nian,yue,ri,time) {
	var picker = new mui.DtPicker({
	    type: "date",//设置日历初始视图模式 
	    value: time
	});
	picker.show(function(rs) {
		nian.innerHTML = rs.y.text;
		yue.innerHTML = rs.m.text;
		ri.innerHTML = rs.d.text;
		picker.dispose();
	});
}
//请求图表
function jqAjax(url,iscroll,name) {
	jQuery.ajax({
		type : "get",
		url : url,
		data : {
			"lqid" : $("#lqid").val(),
			"jsms" : $("#jsms").val(),
			"yweb" : $("#yweb").val(),
			"tjtksrq" : $("#tjtksrq").val(),
			"tjtjsrq" : $("#tjtjsrq").val(),
			"dbrq" : $("#dbrq").val()
		},
		dataType : "json",
		async : true,
		success : function(data) {
			if (data) {
				if (ztType == "snsl" || ztType == "sndl") {
					if ($("#jsms").val() == "1") {
						getDlslColumnChart(data,name);
					}else {
						getHighchartTjt(data,'');
					}
				}else {
					getHighchartTjt(data);
				}
				if (data.countDrdq && data.countDrdq != "" && data.countDrdq != undefined) {
					if (name != "") {
						var countLength = data.countEndValue.length;
						var countinner = "";
						var dw = "";
						if (data.ydw == "吨") {
							dw = "耗水量";
						}else if (data.ydw == "度") {
							dw = "耗电量";
						}
						
							$("#countTitle").show();
							var count = 0;
							countinner += "<div class='xd'> " + "全程"+dw+": " + data.countEndValue + " " + name + "</div>";
							count += parseInt(data.countEndValue);
							$("#append").append($(countinner));
						
						var length = data.countDrdq.length;
						var inner = "";
						if (length > 0) {
							
								inner += "<div id='countDr' class='xd'>"
								+ "<span>" + "今日" +dw+": " +  data.countDrdq + " " + name +"</span></div>";
							
							$("#append").append($(inner));
						}
					}
				}
				if (data.countQcValue && data.countQcValue != "" && data.countQcValue != undefined) {
					var inner2 = "";
					inner2 = "<span class='xd'>该阶段总消耗:"+data.countQcValue+data.ydw+"</span>";
					$("#append").append($(inner2));
				}
			}
			setTimeout(function(){
				var posX = getCookie("iscrollSnhjX");
				var posMx = getCookie("iscrollSnhjMx");
				if(posMx/2 >= posX){
					jroll.scrollTo(posMx, 0);
					setTimeout(function(){
						delCookie("iscrollSnhjX");
						delCookie("iscrollSnhjMx");
					}, 250);
				}
			}, 250);
			refresh();
		}
	});
}
function refresh(){
	setTimeout(function(){
		iscroll.refresh();
		jroll.refresh();
	}, 100);
}

function getDlslColumnChart(data,name){
	var chart = {
		      type: 'column'
		   };
		   var title = {
		      text: data.title
		   };
		   var xAxis = {
		      categories: data.xValue,
		      crosshair: true,
		      title: {
               text: '时间(小时)',
               x :-15,
		    	},
		      
		   };
		   var dw = "";
		   var titleY = "";
		   if (data.ydw == "吨") {
			   dw = "水表";
			   titleY = "耗水量";
		   }else if (data.ydw == "度") {
			   dw = "电表";
			   titleY = "耗电量";
		   }
		   var yAxis = {
			min: 0,
		    title: {
		         text: titleY + "(" + name + ")",
		      }
		   };
		   var tooltip = {
		      headerFormat: '<span style="font-size:10px">时间:{point.key}点</span><table>',
		      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
		         '<td style="padding:0"><b>{point.y:1f} '+ data.ydw+'</b></td></tr>',
		      footerFormat: '</table>',
		      shared: true,
		      useHTML: true
		   };
		   var plotOptions = {
		      column: {
		         pointPadding: 0.2,
		         borderWidth: 0
		      }
		   };  
		   var credits = {
		      enabled: false
		   };
		   var series = [];
		   var colors = [];
		   colors[0] = '#' + data.color[0];
		   series[0] = {
				data : data.yValue[0],
				name : dw
			};
			var legend = {
					enabled : false
			};
		   var json = {};   
		   json.chart = chart; 
		   json.title = title;   
		   json.tooltip = tooltip;
		   json.xAxis = xAxis;
		   json.yAxis = yAxis;  
		   json.series = series;
		   json.plotOptions = plotOptions;  
		   json.credits = credits;
		   json.colors = colors;
		   json.legend = legend;
		   $('#chartDiv').highcharts(json);
	}