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

var iscroll,mScrol2;
var alarmColors = [
	'#dbdbdb',//0、灰色
	'#2385e2',//1、蓝色
	'#ffd452',//2、黄色
	'#f28331',//3、橙色
	'#d52121'//4、红色
];
$(function () {
	var mask = mui.createMask();//callback为用户点击蒙版时自动执行的回调；
	//分栏站 则隐藏报警参数
	if ($("#type").val() == "flz") {
		$(".cs").addClass("hidden");
	}
	//初始化报警级别颜色
	var bjpzsl = $("#alarmContent dl");
	var bjjbtb = bjpzsl.find("span.glyphicon-alert");
	for(var i = 1; i< bjjbtb.length+1; i++) {
		var bjjb = $("#bjjb"+i).val();
		for (var j = 0 ; j < 4 ; j ++) {
			if (bjjb == j) {
				bjjbtb.eq(i-1).css("color",alarmColors[j]);
			}
		}
	}
	 /** 初始化报警等级 **/
	//如果是灰色，则不能选择
	var alarmContent = $('#alarmContent');
	var alarmCom = alarmContent.find("span.glyphicon-alert");
	for (var i = 0; i < alarmCom.length; i++) {
		var idegree = alarmCom.eq(i).data('degree');
		var ids = alarmCom.eq(i).data('input');
		alarmCom.eq(i).css('color', alarmColors[idegree]);
		if (idegree == 0) {
			$("#" + ids).css("visibility", "hidden");
		} else {
			$("#" + ids).css("visibility", "visible");
		}
	}
	/**
	* 初始化报警行为
	*/
	$(".glyphicon-alert").on("tap",function(){
		var degree = parseInt($(this).parent().parent().prev().prev().val());
		if (degree == 4) {
			degree = -1;
		}
		$(this).css("color",alarmColors[degree + 1]);
		var val = $(this).parent().parent().prev().prev().attr("value",degree+1);
		if (val.val() == 0) {
			$(this).parent().next().next().css("visibility", "hidden");
		} else {
			$(this).parent().next().next().css("visibility", "visible");
		}
	});
	//选择报警行为
	var alarmContent = $('#alarmContent');
	alarmContent.on('tap', 'input', function () {
		if ($(this).data("name") == "xwkgtxt") {
			$("#save").data("for", $(this).attr("id"));
			var box = $(this).data("box") + "";
			var alarmCheckBox = $("#alarmCheckbox").find("li");
			var m = 0;
			for (var i = 0; i < alarmCheckBox.length; i++) {
				if (i < 3) {
					m = i;
				} else {
					if (box.length > 4) {
						m = i + 2;
					} else {
						m = i;
					}
				}
				if (box.length > m && box.charAt(m) == "2") {
					alarmCheckBox.eq(i).addClass('checked');
				} else {
					alarmCheckBox.eq(i).removeClass('checked');
				}
			}
		}
	});
	/**
	 * 初始化滚动条
	 * */
	iscroll = new IScroll(".bjszIscroll",{
		scrollbars: true,
		fadeScrollbars:true,
		scrollbars: 'custom',
		shrinkScrollbars:'clip'
	});
	$(".bjszIscroll").one("touchstart",function(){
		$("body").height(document.body.scrollHeight);
		iscroll.refresh();
	});
	mScrol2 = new IScroll(".iscrollCenter",{
		scrollbars: true,
		fadeScrollbars:true,
		shrinkScrollbars:'clip',
		scrollbars: 'custom'
	});
	mScrol3 = new IScroll(".iscrollCenter1",{
		scrollbars: true,
		fadeScrollbars:true,
		shrinkScrollbars:'clip',
		scrollbars: 'custom'
	});
	/**
	* 点击td选中input
	*/
	$(".listcenter>li,.checkBox").on("tap",function (e) {
		if (e && e.stopPropagation) {
			e.stopPropagation();
		} else {
			window.event.cancelBubble = true;
		}
		if ($(this).find("input[type='checkbox']").is(":checked")) {
			$(this).find("input[type='checkbox']").removeAttr("checked");
		} else {
			$(this).find("input[type='checkbox']").prop("checked", true);
		}
	});
	/**
	 * 拖拽
	 */
	if ($("#hkbjtb").val() == "true" || $("#flzbjtb").val() == "true") {
		tuozhuai("kgtb","box1");
		tuozhuai("cstb","box2");
		tuozhuai("iphonetb","box3");
	}
	/**
	 * 滚动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('.mui-content .mui-switch').each(function() { //循环所有toggle
		mui(this)['switch']();
		//toggle 事件监听
		this.addEventListener('toggle', function(event) {
			event.stopPropagation();
			//event.detail.isActive 可直接获取当前状态
			var isActive = this.classList.contains("mui-active"); //判断打开ON或者关闭OFF
			if(isActive){	//打开状态
			  	$(this).parent().next().slideDown(500,function(){
					iscroll.refresh();
			  	});
			}else{	//关闭状态
			  	$(this).parent().next().slideUp(500,function(){
					iscroll.refresh();
				});
			}
		});
	});
	/**
	 * 给选中的添加颜色
	 * */
	$(".xw li .xwa, .xw li .xwa div").on("tap",function(){
		if ($(this).find("input[type='checkbox']").is(":checked")) {
			$(this).children().find("label").addClass("colorActive");
			$(this).find("input[type='checkbox']").removeAttr("checked");
		} else {
			$(this).children().find("label").removeClass("colorActive");
			$(this).find("input[type='checkbox']").prop("checked", true);
		}
	});
	/**
	 * 行为选择
	 * */
	$(".xiugai").on("tap",function(){
		$(this).addClass("qq");
		mask.show();//显示遮罩
		$(".xw").show();
		mScrol3.refresh();
		//赋值
		var val = $(this).data("box") + "";
		var checkeds = $(".xwa").find("input[type='checkbox']");
		var m = 0;
		for (var i = 0; i < checkeds.length; i++) {
			if (i < 3) {//有可能四位 那么依次是声光，电话，短信，蜂鸣器
				m = i;
			} else {
				if (val.length > 4) { //如果超过4位那么，一次是  声光，电话，短信，其他1，其他2， 蜂鸣器
					m = i + 2;
				} else {
					m = i;
				}
			}
			checkeds.eq(i).prop("checked", "");
			checkeds.eq(i).next().removeClass("colorActive");
			if (val.charAt(m) == "2") {
				checkeds.eq(i).prop("checked", "true");
				checkeds.eq(i).next().addClass("colorActive");
			}
		}
		$(".xwdq").bind("tap",function(){
			//box赋值
			var box = $(".xw li .xwa").find("input[type='checkbox']");
			var boxarr = "";
			for (var i = 0 ; i < box.length ; i++) {
				boxarr += box.eq(i).is(":checked") ? 2 : 1;
			}
			$(".qq").data("box", boxarr);
			$(".qq").parent().prev().attr("value",boxarr);
			if ($(".xwa").find("input[type='checkbox']").is(":checked")) {
				var chk_value =[];
				$('.xw li .xwa input[type="checkbox"]:checked').each(function(i,checkbox){
					chk_value.push($(this).siblings().html());
					$(this).prop("checked", false);
				});
				var temp_string = chk_value.join("/");
				$(".wdxxbox .row .qq").html(temp_string + "<span class='caret'></span>");
			}
			$(".wdxxbox .row div").removeClass("qq");
			$(".xw,.xgmsgbox").hide();
			mask.close();//关闭遮罩
			iscroll.refresh();
		});
	});
	mui('body').on('tap', '.mui-backdrop', function(e) {
		$(".xw,.xgmsgbox").hide();
		$(".xgmsgbox").hide();
	});
	/**
	 * 内容筛选
	 * */
 	/*var arr = $(".bjoff .wdxxbox .row");
 	var lis = [];
	//显示4个其余超出的隐藏
 	if(arr.length >= 14){
 		$(".bjoff .wdxxbox .row:gt(13)").hide();
 		arr.each(function(i){
 			//获取显示的name值，放进数组lis里面;
 			if($(this).is(":visible")){
 				lis.push($(this).attr('name'));
 			}
		});
		//获取checkBox的id值;
		$(".dropdNr li input").each(function(){
			var ckss = lis.indexOf($(this).attr('id'));
			if(ckss != -1){
				$(this).attr('checked',"checked");
				$(this).siblings().addClass("colorActive");
			}
		});
	}*/
	//点击确定进行筛选;
	/*$(".nrdq").on("tap",function(){
		var inputs_id = [];
		var inputs = $(".dropdNr input");
		inputs.each(function(i){
			var obj = inputs[i];
			if (obj.type == "checkbox") {
				if (obj.checked == true) {
					inputs_id.push($(this).attr('id'));
				}
			}
		});
		$(".bjoff .wdxxbox .row").hide();
		$(".bjoff .wdxxbox .row").each(function(){
			var ss = inputs_id.indexOf($(this).attr('name'));
			if(ss != -1){
				$(this).show();
				iscroll.refresh();
			}
		});
	});*/
	/**
	 * 获取同步btn的id赋给确定按钮
	 * */
	$(".tb").on("tap",function(){
		mask.show();//显示遮罩
		$(".xgmsgbox").show();
		mScrol2.refresh();
		var thisId = $(this).attr("id");
		$(".sjok span").attr("name",thisId);
	});
	$("#toastBtn .mui-icon-checkmarkempty").on("tap" , function(){
		$(".xgmsgbox").hide();
		mask.close();//关闭遮罩
		
		var name = $(this).attr("name");
		savebjcs(name);
		if ($(".listcenter>li,.checkBox").find("input[type='checkbox']").is(":checked")) {
			$(".listcenter>li,.checkBox").find("input[type='checkbox']").removeAttr("checked");
		}
	});
	//模拟服务器端获得的联系人数据
	var sjhm = $("#sjhm").val().split("#");
	var sjbz = $("#sjbz").val().split("#");
	var collection = [];
	for ( i = 0; i < sjhm.length; i++) {
		collection[i] = {
				"id": i+1,
				"phoneNumber": sjhm[i],
				"tips": sjhm.length <= sjbz.length ? sjbz[i] : ""
		};
	}
	var bjConnects = {
		"attribute": "contacts",
		"belong": "hkbj",
		"collection": collection,
		"RW": true
	};
	//初始化写入报警联系人信息
	$.each(bjConnects.collection, function (i, col) {
		var outerDl = $("<div class='row phone'><div class='col-xs-5 col-sm-5 col-md-5 align-itemscenter phoneNumber' style='margin-left: 0.2rem;'><input type='number' name='sj' placeholder='请输入手机号码'/></div>"
						+"<div class='col-xs-4 col-sm-4 col-md-4 align-itemscenter textT'><input type='text' name='bz' placeholder='备注' maxlength='100'/></div>"
						+"<div class='col-xs-3 col-sm-3 col-md-3 align-itemscenter' style='padding: 0;'><button class='mui-btn' type='button' onclick='add(this,iscroll)'>+</button><button class='mui-btn' type='button' onclick='del(this,iscroll)'>-</button></div></div>");
		$(outerDl.find("input")[0]).val(col.phoneNumber);
		$(outerDl.find("input")[1]).val(col.tips);
		$("#sj").append(outerDl);
	});
});
/**
 * 拖拽
 */
function tuozhuai(obj,objId){
	var block = document.getElementById(obj);
	var box = document.getElementById(objId);
	var oW,oH;
	// 绑定touchstart事件
	block.addEventListener("touchstart", function(e) {
		var touches = e.touches[0];
		oW = touches.clientX - block.offsetLeft;
		oH = touches.clientY - block.offsetTop;
		//阻止页面的滑动默认事件
		block.addEventListener("touchmove",function() {
			event.preventDefault();
		}, false);
	},false);
	// 绑定touchmove事件
	block.addEventListener("touchmove", function(e) {
		if (e && e.stopPropagation) { 
			e.stopPropagation();
		} else {
			window.event.cancelBubble = true;
		}
		var touches = e.touches[0];
		var oLeft = touches.clientX - oW;
		var oTop = touches.clientY - oH;
		//左右碰界判断
		if(oLeft < 0) {
			oLeft = 0;
		}else if(oLeft > box.clientWidth - block.offsetWidth) {
			oLeft = (box.clientWidth - block.offsetWidth);
		}
		//上下碰界判断
		if(oTop < 0) {
			oTop = 0;
		}else if(oTop > box.clientHeight - block.offsetHeight) {
			oTop = (box.clientHeight - block.offsetHeight);
		}
		block.style.left = oLeft + "px";
		block.style.top = oTop + "px";
	},false);
	// 绑定touchend事件
	block.addEventListener("touchend",function() {
		event.preventDefault();
	}, false);
}
/**
 * 添加手机号
 * */
function add(obj,iscroll){
	if ($(".phoneBox").find(".phone").length < 3) {
		var outerdiv = $("<div class='row phone'><div class='col-xs-5 col-sm-5 col-md-5 align-itemscenter phoneNumber' style='margin-left: 0.2rem;'><input type='number' name='sj' placeholder='请输入手机号码'/></div>"
											   +"<div class='col-xs-4 col-sm-4 col-md-4 align-itemscenter textT'><input type='text' name='bz' placeholder='备注' maxlength='100'/></div>"
											   +"<div class='col-xs-3 col-sm-3 col-md-3 align-itemscenter' style='padding: 0;'><button class='mui-btn' type='button' onclick='add(this,iscroll)'>+</button><button class='mui-btn' type='button' onclick='del(this,iscroll)'>-</button></div></div>");
		$(obj).parent().parent().parent().append(outerdiv);
		iscroll.refresh();
	}else{
		mui.alert('最多只能添加3条', '提示');
	}
}
/**
 * 删除手机号
 * */
function del(obj,iscroll){
	if($(".phone").length==1){
		mui.alert('无法删除唯一手机号码', '提示');
	}else{
		$(obj).parent().parent().remove();
		iscroll.refresh();
	}
}
//返回
function bjcsBackUrl() {
	var zsid = $("#zsid").val();
	var from = $("#wsfrom").val();
	console.log(from);
	if (from == "wscl") {
		console.log("aa");
		haifm.loadMobilePage("haifm", "wsclHaifmvMain.htm?zsid=" + zsid); //污水处理页面
	}else {
		haifm.loadMobilePage("haifm", "mcHaifmvZsView.htm?zsid=" + zsid + "&from=zslist");
	}
	
}
/**
 * 保存
 */
function savebjcs(msg) {
	var data = {};
	var jqid = $("#jqid").val();
	var obj = document.getElementsByName("checkBox");
	var s = $("#zsid").val()+",";
	var flag = "";
	var bjpzsl = $("#bjpzsl").val();
	var bjpznr = bjpznrStr();
	var igwbjz = parseInt($("#gwbjz").val());
	var idwbjz = parseInt($("#dwbjz").val());
	var sj = $("input[name='sj']");
	var bz = $("input[name='bz']");
	var sjhm = "";
	var sjbz = "";
	var str = "";
	var bjqsj = $("#bjqsjhm").val();
	var bjqbz = $("#bjqsjbz").val();
	for(var i = 0 ; i < obj.length ; i++){
		if	(obj[i].checked == true) {
			s += obj[i].value+',';
		}
	}
	if (msg == "") {
		flag = "5"; //全体保存
		if ($("#type").val() == "flz") {
			flag = "6"; //同步分栏站和手机号码
		}
	} else if (msg == "kgtb") {
		flag = "1"; //同步报警开关
		if ($("#type").val() == "flz") {
			flag = "4"; //同步分栏站
		}
	} else if (msg == "cstb") {
		flag = "2";//同步报警参数
	} else if (msg == "iphonetb") {
		flag = "3"; //同步报警手机
	}
	//警告弹出
	if (msg == "kgtb" || msg == "") {
		if (bjpzsl == "") {
			mui.alert('报警数量为空！', '提示', function() {});
			return;
		}
	}
	if (msg == "cstb" || msg == "") {
		if( $("#gwbjz").val() != "" && $("#dwbjz").val() != "" && igwbjz <= idwbjz ) {
			mui.alert('高温报警值必须高于低温报警值！', '提示', function() {});
			return;
		}
	} 
	if (msg == "iphonetb" || msg == "") {
		for (var i = 0; i < sj.length; i++) {
			if (sj.eq(i).val() != "" && !/^1[0-9]\d{9}$/.test(sj.eq(i).val())) {
				str += "报警手机号码"+(i+1)+"格式不正常\n";
			}
		}
		if (bjqsj != "" && !/^1[0-9]\d{9}$/.test(bjqsj)) {
			str += "报警器手机号码格式不正常\n";
		}
		if (str != "") {
			alert(str);
			return;
		}
	}
	//报警开关
	if (msg == "kgtb") {
		data = {
				"jqid": jqid,
				"bjpzsl": bjpzsl,
				"bjpznr": bjpznr,
				"type" : flag,
				"zsids" :s,
				"zsid" : $("#zsid").val()
		};
	}
	//报警参数tada
	if (msg == "cstb") {
		data = {
			"jqid": jqid,
			"pzjqid": $("#pzjqid").val(),
			"gwbjz": $("#gwbjz").val(),
			"dwbjz": $("#dwbjz").val(),
			"wcbjz": $("#wcbjz").val(),
			"gsbjz": $("#gsbjz").val(),
			"gabjz": $("#gabjz").val(),
			"type" : flag,
			"zsids" :s,
			"zsid" : $("#zsid").val()
		};
	}
	//报警手机data
	for (var i = 0; i < sj.length; i++) {
		if (sj.eq(i).val() != "" && /^1[34578]\d{9}$/.test(sj.eq(i).val())) {
			sjhm += sj.eq(i).val() + "#";
			sjbz += bz.eq(i).val() + "#";
		}
	}
	if (sjhm != "") {
		sjhm = sjhm.substring(0, sjhm.length - 1);
	}
	if (sjbz != "") {
		sjbz = sjbz.substring(0, sjbz.length - 1);
	}
	if(msg == "iphonetb") {
		data = {
				"sjjqid": $("#sjjqid").val(),
				"jqid": jqid,
				"sjhm" : sjhm,
				"sjbz" : sjbz,
				"type" : flag,
				"zsids" :s,
				"zsid" : $("#zsid").val(),
				"bjqsj" : bjqsj,
				"bjqbz" : bjqbz
		};
	}
	if (msg == "") {
		data = {
				"sjjqid": $("#sjjqid").val(),
				"sjhm" : sjhm,
				"sjbz" : sjbz,
				"zsids" :s,
				"zsid" : $("#zsid").val(),
				"bjqsj" : bjqsj,
				"bjqbz" : bjqbz,
				"pzjqid": $("#pzjqid").val(),
				"gwbjz": $("#gwbjz").val(),
				"dwbjz": $("#dwbjz").val(),
				"wcbjz": $("#wcbjz").val(),
				"gsbjz": $("#gsbjz").val(),
				"gabjz": $("#gabjz").val(),
				"jqid": jqid,
				"bjpzsl": bjpzsl,
				"bjpznr": bjpznr,
				"type" : flag
		};
	}
	jQuery.ajax({
		url: "saveHaifmvHjkzBjcs.htm",
		dataType: 'json',
		type: 'post',
		cache: false,
		data: data,
		success: function (data) {
			//data.returnCode
			if (data.count == 1) {
				mui.alert('该栏舍下无设备配置。请先新建', '提示', function() {});
			} else {
				if (msg == '') {
					mui.toast('保存成功');
				}else {
					mui.toast('同步成功');
				}
			}
		},
		error: function (data) {
			mui.alert('系统运行异常！保存失败！', '提示', function() {});
		}
	});
}

/**
 * 字符串封装
 */
var bjpznrStr = function () {
	var bjpzsl = parseInt($("#bjpzsl").val());
	var str = "";
	var bjjbtb = $('#alarmContent').find(".bjjb");
	for (var i = 1; i < bjpzsl + 1; i++) {
		var lxid = $("#lxid" + i).val();
		var bjjb = bjjbtb.eq(i - 1).val();
		str += lxid + "-";
		if (bjjb != "" && bjjb != "0") {
		str += "2" + "-" + bjjb + "-";  //如果有报警级别，即颜色不为灰色，则前置数据为2-bjjb-
		} else {
			str += "1" + "-1-";//如果没有设置报警级别，即颜色为灰色，则前置数据为1-1-
		}
		 var xwkg = $("#xwkgtxt" + i).data("box");
		if (xwkg == undefined) {
			xwkg = 0;
		} else {
			if (xwkg.length == 4) {
				xwkg = $("#bjxw" + i).val().substring(0, 3) + "22" + $("#bjxw" + i).val().substring(3);
			}
		}
		str += xwkg;
		if (i != bjpzsl) {
			str += "#";
		}
	}
	return str;
};