var table;
var table2;
var layuiForm;
var layer;
var rhButtonV=0;
$(function () {
	layui.use(['form', 'laydate','table', 'upload'], function () {
		layuiForm = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
		table=layui.table;
		table2 = layui.table;
		layer=layui.layer;
		layuiForm.render();
		//初始设置温度
		// initSet();
		//初始化遥控表格数据
		initRemoteTable(2);
		getHighAndLowTemperature("handControl");
		getHighAndLowTemperature("remoteControl");
		//初始化手动表格数据
		initHandTable(1);
		$("#remoteButton").click(function(){
			setModel(2);
		});
		$("#handButton").click(function(){
			setModel(1);
		});

		$("#handType").click(function(){
			rhButtonV=1;
			//$("#handType").attr('style', 'color: blue;background-color:#fff;');
			//$("#remoteType").attr('style', 'color: #000;background-color:#fff;');
		});
		$("#remoteType").click(function(){
			rhButtonV=2;
			//$("#handType").attr('style', 'color: #000;background-color:#fff;');
			//$("#remoteType").attr('style', 'color: blue;background-color:#fff;');
		});
		$("#handEitd").click(function(){
			rhButtonV=1;
			updateSet(rhButtonV);
		});
		$("#remoteEitd").click(function(){
			rhButtonV=2;
			updateSet(rhButtonV);
		});

	});
});

function getHighAndLowTemperature(type){
	//获取遥控温度
	$.ajax({
		type: 'POST',
		url: dataUrl + 'conditioning/getHighAndLowTemperature',
		data: {type:type},
		async:true,
		dataType: 'json',
		success: function (res) {
			console.log(res);
			var data=res.obj;
			for (var i=0;i<data.length;i++){
				if(type=="handControl"){
					if(i==0){
						$("#handSummer").html(data[i].k);
					}else{
						$("#handWinter").html(data[i].k);
					}
				}else if(type=="remoteControl"){
					if(i == 0){
						$("#remoteSummer").html(data[i].k);
					}else{
						$("#remoteWinter").html(data[i].k);
					}
				}
			}
		}
	});
}
function updateSet(updateSetType){
	var title="";
	if(updateSetType==2){
		title="遥控控制温度调整";
		$("#winterMin").val($("#remoteSummer").text())
		$("#summerMax").val($("#remoteWinter").text())
	}else{
		title="手动控制温度调整";
		$("#winterMin").val($("#handSummer").text())
		$("#summerMax").val($("#handWinter").text())
	}
	layer.open({
		// 基本层类型：0（信息框，默认）1（页面层）2（iframe层，也就是解析content）3（加载层）4（tips层）
		type: 1,
		title: title,
		// 当type: 2时就是url
		content:$("#updateSetDiv"),
		// 宽高：如果是100%就是满屏
		area: ['583px', '300px'],
		// 坐标：auto（默认坐标，即垂直水平居中），具体当文档：https://www.layui.com/doc/modules/layer.html#offset
		offset: 'auto',
		// 按钮：按钮1的回调是yes（也可以是btn1），而从按钮2开始，则回调为btn2: function(){}，以此类推
		btn: ['确定', '取消'],
		// 关闭按钮：layer提供了两种风格的关闭按钮，可通过配置1和2来展示，如果不显示，则0
		closeBtn: 1,
		// 遮罩：默认：0.3透明度的黑色背景（'#000'）
		shade: 0.3,
		// 是否点击遮罩关闭：默认：false
		shadeClose: false,
		// 自动关闭所需毫秒：默认：0不会自动关闭
		time: 0,
		// 最大最小化：默认：false
		maxmin: false,
		// 固定：默认：true
		fixed: true,
		// 是否允许拉伸：默认：true
		resize: true,
		// 层叠顺序：默认：19891014，一般用于解决和其它组件的层叠冲突
		zIndex: 19891014,
		// 层弹出后的成功回调方法：layero前层DOM，index当前层索引
		success: function(layero, index){
		},
		// 第一个按钮事件，也可以叫btn1
		yes: function (index, layero) {
			var winterMin=$("#winterMin").val();
			var summerMax=$("#summerMax").val();
			if(""==winterMin||""==summerMax){
				layer.msg("请设定温度！");
				return;
			}
			updateSetValue(winterMin,summerMax,updateSetType);
			layer.close(index);
		},
		btn2: function (index, layero) {
			layer.close(index);
		},
		// 右上角关闭按钮触发的回调：默认会自动触发关闭。如果不想关闭，return false即可
		cancel: function(index, layero){
			// if(layer.confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
			//     layer.close(index);
			// }
			layer.close(index);
			return false;
		},
		// 层销毁后触发的回调：无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。
		end: function(){
		},
		// 最大化后触发的回调：携带一个参数，即当前层DOM
		full: function(layero){
		},
		// 最小化后触发的回调：携带一个参数，即当前层DOM
		min: function(layero){
		},
		// 还原后触发的回调：携带一个参数，即当前层DOM
		restore: function(layero){
		},
	});
}
/**
 * @param {Object} winterMin 制冷模式：小于温度
 * @param {Object} summerMax 制热模式：高于温度
 * @param {Object} model 模式  1：遥控   0：手动
 */
function updateSetValue(winterT,summerT,model){
	$.ajax({
		type: 'POST',
		url: dataUrl + 'conditioning/setTemperature',
		data: {
			"controlModel": model,"summerTemperature":winterT,"winterTemperature":summerT
		},
		dataType: 'json',
		success: function (res) {
			initSet();
		}
	});
}


function setModel(model){
	var selData =[];
	console.log("model",model);
	if(model==2){
		$("#handType").attr('style', 'color: blue;background-color:#fff;');
		$("#remoteType").attr('style', 'color: #000;background-color:#fff;');
		rhButtonV=model;
		selData=table.checkStatus('remoteTable').data;
		console.log("selData",selData);
	}else{
		rhButtonV=model;
		$("#handType").attr('style', 'color: #000;background-color:#fff;');
		$("#remoteType").attr('style', 'color: blue;background-color:#fff;');
		selData=table2.checkStatus('handTable').data;
		console.log("selData",selData);
	}

	if(selData==undefined||selData.length==0){
		layer.msg("请选择设备!");
		return;
	}

	layer.confirm('您确定要执行此操作吗？', {
		title: '操作确认',
		icon: 3, // 问号图标
		btn: ['确定', '取消'] // 按钮
	}, function(index){
		// 用户点击确定后的回调
		updateModel(selData,rhButtonV);
		layer.close(index); // 关闭当前弹窗
		// 执行确认操作...
	}, function(index){
		// 用户点击取消后的回调
		layer.close(index); // 关闭当前弹窗
		// 执行取消操作...
	});
	// layer.open({
	// 	// 基本层类型：0（信息框，默认）1（页面层）2（iframe层，也就是解析content）3（加载层）4（tips层）
	// 	type: 1,
	// 	title: "更换控制模式",
	// 	// 当type: 2时就是url
	// 	content:$("#showDiv"),
	// 	// 宽高：如果是100%就是满屏
	// 	area: ['483px', '300px'],
	// 	// 坐标：auto（默认坐标，即垂直水平居中），具体当文档：https://www.layui.com/doc/modules/layer.html#offset
	// 	offset: 'auto',
	// 	// 按钮：按钮1的回调是yes（也可以是btn1），而从按钮2开始，则回调为btn2: function(){}，以此类推
	// 	btn: ['确定', '取消'],
	// 	// 关闭按钮：layer提供了两种风格的关闭按钮，可通过配置1和2来展示，如果不显示，则0
	// 	closeBtn: 1,
	// 	// 遮罩：默认：0.3透明度的黑色背景（'#000'）
	// 	shade: 0.3,
	// 	// 是否点击遮罩关闭：默认：false
	// 	shadeClose: false,
	// 	// 自动关闭所需毫秒：默认：0不会自动关闭
	// 	time: 0,
	// 	// 最大最小化：默认：false
	// 	maxmin: false,
	// 	// 固定：默认：true
	// 	fixed: true,
	// 	// 是否允许拉伸：默认：true
	// 	resize: true,
	// 	// 层叠顺序：默认：19891014，一般用于解决和其它组件的层叠冲突
	// 	zIndex: 19891014,
	// 	// 层弹出后的成功回调方法：layero前层DOM，index当前层索引
	// 	success: function(layero, index){
	// 	},
	// 	// 第一个按钮事件，也可以叫btn1
	// 	yes: function (index, layero) {
	// 		updateModel(selData,rhButtonV);
	// 		layer.close(index);
	// 	},
	// 	btn2: function (index, layero) {
	// 		layer.close(index);
	// 	},
	// 	// 右上角关闭按钮触发的回调：默认会自动触发关闭。如果不想关闭，return false即可
	// 	cancel: function(index, layero){
	// 		// if(layer.confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
	// 		//     layer.close(index);
	// 		// }
	// 		layer.close(index);
	// 		return false;
	// 	},
	// 	// 层销毁后触发的回调：无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。
	// 	end: function(){
	// 	},
	// 	// 最大化后触发的回调：携带一个参数，即当前层DOM
	// 	full: function(layero){
	// 	},
	// 	// 最小化后触发的回调：携带一个参数，即当前层DOM
	// 	min: function(layero){
	// 	},
	// 	// 还原后触发的回调：携带一个参数，即当前层DOM
	// 	restore: function(layero){
	// 	},
	// });
}
/**
 * @param {Object} selData 改变模式的空调
 * @param {Object} model  模式  1：遥控   0：手动
 */
function updateModel(selData,model){
	var airCodes=[];
	$.each(selData,function(index,element){
		airCodes.push(element.code)
	});
	console.log("airCodes",airCodes);
	model = model == 2 ? 1 : 2;
	console.log("model",model);
	let summerTemperature;
	let winterTemperature;
	if(model == 2){
		summerTemperature = $("#remoteSummer").text();
		winterTemperature = $("#remoteWinter").text();
	}else{
		summerTemperature = $("#handSummer").text();
		winterTemperature = $("#handWinter").text();
	}
	console.log("summerTemperature",summerTemperature);
	console.log("winterTemperature",winterTemperature);
	$.ajax({
		type: 'POST',
		url: dataUrl + 'conditioning/setControl',
		headers: {
			'Content-Type': 'application/json'
		},
		data: JSON.stringify({
			codes: airCodes,
			controlModel: model,
			summerTemperature:summerTemperature,
			winterTemperature:winterTemperature
		}),
		dataType: 'json',
		success: function (res) {
			//重新渲染表格
			//初始化遥控表格数据
			initRemoteTable(2);
			//初始化手动表格数据
			initHandTable(1);
		}
	});
}

function initSet(){
	/**
	 * 初始遥控设置温度
	 */
	// $.ajax({
	// 	type: 'POST',
	// 	url: dataUrl + 'conditioning/floorElectricityStatistics',
	// 	async:true,
	// 	dataType: 'json',
	// 	success: function (res) {
	// 		$("#remoteSummer").html("");//遥控制冷温度
	// 		$("#remoteWinter").html("");//遥控制热温度
	// 		$("#handSummer").html("");//手动制冷温度
	// 		$("#handWinter").html("");//手动制热温度
	// 	}
	// });
	getHighAndLowTemperature("handControl");
	getHighAndLowTemperature("remoteControl");
}

function initRemoteTable(model) {
	table2.render({
		elem: '#remoteTable'
		,url: dataUrl + "conditioning/getAirList" //数据接口
		, method: 'post' //方式默认是get
		, where: {
			controlModel: 2,
		} //post请求必须加where ，post请求需要的参数
		, cellMinWidth: 80
		, cols: [[ //表头
			{type: 'checkbox',align:'center'},
			{field: 'code',align: 'center', title: '空调ID'}
			, {field: 'deviceStatus',align: 'center', title: '状态',templet:function (d){
					if(d.status==1){
						return "<font style='color:green'>开启</font>";
					}else{
						return "<font style='color:red'>关闭</font>";
					}
				}}
			, {field: 'floor',align: 'center', title: '楼层'}
			,{field: 'airName', align: 'center',title: '房间'}
			, {field: 'type', align: 'center', title: '设备类型'}
		]]
		, id: 'remoteTable'
		, page: true //开启分页
		, loading: true //数据加载中。。。
		, limits: [10, 20, 50]  //一页选择显示3,5或10条数据
		, limit: 10  //一页显示10条数据
		, response: {
			statusCode: 200 //规定成功的状态码，默认：0
		},
		parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
			//console.log("ress=="+JSON.stringify(res))
			let result;
			if (res.data !== '' && res.data != null && res.data !== "null") {
				if (this.page.curr) {
					result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
				} else {
					result = res.data.slice(0, this.limit);
				}
			}
			return {
				"code": res.code, //解析接口状态
				"msg": res.msg, //解析提示文本
				"count": res.count, //解析数据长度
				"data": result, //解析数据列表
			};
		},
		toolbar: "#toolbar",
		done: function(res, curr, count){
			console.log("done=="+JSON.stringify(res))
			var checkStatus = table2.checkStatus('remoteTable'); // 获取表格的选中状态
			console.log("checkStatus",checkStatus); // 打印选中的数据
		}
	});
}

function initHandTable(model) {
	table.render({
		elem: '#handTable'
		,url: dataUrl + "conditioning/getAirList" //数据接口
		, method: 'post' //方式默认是get
		, where: {
			controlModel: 1,
		} //post请求必须加where ，post请求需要的参数
		, cellMinWidth: 80
		, cols: [[ //表头
			{type: 'checkbox',align:'center'},
			{field: 'code',align: 'center', title: '空调ID'}
			, {field: 'deviceStatus',align: 'center', title: '状态',templet:function (d){
					if(d.status==1){
						return "<font style='color:green'>开启</font>";
					}else{
						return "<font style='color:red'>关闭</font>";
					}
				}}
			, {field: 'floor',align: 'center', title: '楼层'}
			,{field: 'airName', align: 'center',title: '房间'}
			, {field: 'type', align: 'center', title: '设备类型'}
		]]
		, id: 'handTable'
		, page: true //开启分页
		, loading: true //数据加载中。。。
		, limits: [50, 100, 200]  //一页选择显示3,5或10条数据
		, limit: 10  //一页显示10条数据
		, response: {
			statusCode: 200 //规定成功的状态码，默认：0
		}, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
			let result;
			if (res.data !== '' && res.data != null && res.data !== "null") {
				if (this.page.curr) {
					result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
				} else {
					result = res.data.slice(0, this.limit);
				}
			}
			return {
				"code": res.code, //解析接口状态
				"msg": res.msg, //解析提示文本
				"count": res.count, //解析数据长度
				"data": result, //解析数据列表
			};
		},
		toolbar: "#toolbar",
		done: function(res, curr, count){
			console.log("done=="+JSON.stringify(res))
			var checkStatus = table.checkStatus('handTable'); // 获取表格的选中状态
			console.log("checkStatus",checkStatus); // 打印选中的数据
		}
	});
}

function dataTbale(data,model){
	var tablefiler="";
	if(model==1){
		tablefiler="remote";
	}else if(model==0){
		tablefiler="hand";
	}

}