var layer;
var depotId;// 当前仓库id
var curData;// 当前仓粮情数据
var mapData;// 根据日期查询的每个仓库一条数据
var form;
var table;
var listData;// 默认页面中的粮情列表
var gasConf;// 气体采集配置信息，包括开始采集点和截至采集点。

$(function() {
	layui.use([ 'layer', 'laydate', 'form', 'table' ], function() {
		form = layui.form;
		layer = layui.layer;
		var laydate = layui.laydate;
		table = layui.table;

		// 日期
		laydate.render({
			elem : '#checkDateMore',
			theme : '#7b8e9f'
		});
		
		laydate.render({
			elem : '#printCheckDate',
			theme : '#7b8e9f'
		});

		// 监听仓库选择
		form.on('select(select_depotId)', function(obj) {
			flushData(null);

			//获取当前仓库效果图
			cutImg(obj.value);
			//根据仓库编码切换采集点位置
            // cutPoint(obj.value);
		});

		// 监听选择批次
		form.on('select(select_batchId)', function(obj) {
			var value = obj.value;
			if (value == "0") {// 表示弹出更多批次
				showMore();
			} else {
				flushByBatchId(value);
			}
		});

	});
	// 初始化WebSocket
	initWS(deptId, bizType,null, userId);
});

// socket信息返回處理
function socketOnMessage(pocket) {
	if (pocket.orderResp == "MSG_SUCCESS") {// 信息解析成功刷新当前数据
		flushData(null);
	}else if (pocket.orderResp == "ORDER_INPROGRESS") {// 命令执行中返回执行进度信息
		window.parent.sysNotify(pocket.data.msg);
		//在页面中做对应的渲染
		renderCheckPoint(pocket.data);
	} else{
		window.parent.sysNotify(pocket.data);
	}
};

//根据采集进度信息渲染采集点效果
function renderCheckPoint(checkProgress) {
	if (depotId != checkProgress.depotId) {
		$("#progress-info").text("");
		return;
	}
	
	$("#progress-info").text(checkProgress.msg);
	//首先除去已有效果
	$(".qt-pic-icon-active").removeClass("qt-pic-icon-active");

	var id = "#point" + checkProgress.checkPoint+"-left";
	$(id).addClass("qt-pic-icon-active");
	id = "#point" + checkProgress.checkPoint+"-right";
	$(id).addClass("qt-pic-icon-active");
}

/**
 * 切换采集点
 * @param depotId
 */
function cutPoint(depotId) {
	//首先除去已有效果
    $(".qt-pic-icon-active").removeClass("qt-pic-icon-active");
	//根据义乌这边直接判断
	if("0135,0137,0139,0141,0143,0145,0147,0149,0151,0153".indexOf(depotId) >=0 ){
		$("#list-point-right").css("display","block");
		$("#list-point-left").css("display","none");
	}else{
		$("#list-point-right").css("display","none");
		$("#list-point-left").css("display","block");
	}
}

// 单仓打印
function printSingle() {
	layer.msg("开始生成打印模版……");
	var html = builderModel(curData,dept);
	layer.msg("开始调用打印机程序预览……");
	previewA4(html);
};

// 批量打印
function printBatch() {
	// 首先去除之前的选择
	var name;
	$('#batchPrintSelect input').each(function() {
		name = $(this).prop("name");
		if (name == "printCheckDate") {// 跳过
			return true;
		}
		$(this).prop("disabled", false);
		$(this).prop("checked", false);
	});
	form.render();

	// 弹出选择框
	layer.open({
		type : 1,
		title : '批量打印（红色表示没有检测记录，默认为当天）',
		area : [ '690px', '450px' ],
		shade : 0,
		content : $('#batchPrintSelect'),
		btn : [ '全选', '反选', '重选', '打印预览', '取消打印' ],
		yes : function() {
			var disabled, name;
			$('#batchPrintSelect input').each(function() {
				disabled = $(this).prop("disabled");
				name = $(this).prop("name");
				if (name == "printCheckDate" || disabled) {
				} else {
					$(this).prop("checked", true);
				}
			});
			form.render();
		},
		btn2 : function() {
			var disabled, name;
			$('#batchPrintSelect input').each(function() {
				disabled = $(this).prop("disabled");
				name = $(this).prop("name");
				if (name == "printCheckDate" || disabled) {
					// 不做处理
				} else {
					if ($(this).prop("checked")) {
						$(this).prop("checked", false);
					} else {
						$(this).prop("checked", true);
					}
				}
			});
			form.render();
			return false;
		},
		btn3 : function() {
			var disabled, name;
			$('#batchPrintSelect input').each(function() {
				disabled = $(this).prop("disabled");
				name = $(this).prop("name");
				if (name == "printCheckDate" || disabled) {
					// 不做处理
				} else {
					$(this).prop("checked", false);
				}
			});
			form.render();
			return false;
		},
		btn4 : function() {
			printBatchTodo();
		},
		btn5 : function() {
			layer.close(0);
		},
		closeBtn : 0
	});

	// 默认调用获取数据更新
	$("#printCheckDate").prop("value", dateFtt("yyyy-MM-dd", new Date()));
	getPrintBatchDepot();
};

// 获取批量打印的信息
function getPrintBatchDepot() {
	layer.msg("验证粮情检测记录……");
	var checkDate = $("#printCheckDate").val();
	$.ajax({
		type : "POST",
		url : "../../basic/gas/query-checkDate-map",
		dataType : "json",
		contentType : "application/json;charset=UTF-8",
		data : JSON.stringify({
			checkDate : checkDate
		}),
		success : function(result) {
			if (result.code != "0000") {
				layer.msg(result.msg);
				// 设置所有仓库不可选
				var name;
				$('#batchPrintSelect input').each(function() {
					name = $(this).prop("name");
					if (name != "printCheckDate") {// 跳过
						$(this).prop("disabled", true);
					}
				});
				form.render();

			} else {
				mapData = result.data;

				// 动态调整仓库是否可以选择
				var name, value;
				$('#batchPrintSelect input').each(function() {
					name = $(this).prop("name");
					value = $(this).val();
					if (name != "printCheckDate") {// 跳过
						if (mapData[value]) {
							$(this).prop("disabled", false);
						} else {
							$(this).prop("disabled", true);
						}
					}
				});
				form.render();
			}
		},
		error : function() {
			layer.msg("批量打印获取粮情信息失败！");
		}
	});
};

// 根据查询的数据批量打印预览
function printBatchTodo() {
	layer.msg("开始批量生成打印模版……");
	var strHtml;
	var value;
	var checked;
	var printData;
	// 将仓库数据列表转换为MAP
	var mapDepot = {};
	$.each(listDepot, function(index, data) {
		mapDepot[data.id] = data;
	});
	var LODOP = getLodop();
	LODOP.PRINT_INIT("气体检测报表");// 初始化在循环外
	LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");
	$('#batchPrintSelect input').each(function() {
		if ($(this).prop("name") == "printCheckDate") {// 跳过
			return true;
		}
		checked = $(this).prop("checked");
		if (checked) {
			value = $(this).val();
			LODOP.NewPage();
			printData = mapData[value];
			if (!printData) {// 如果没有粮情数据跳过执行下一个
				return true;
			}
			printData.depotData = mapDepot[value];
			strHtml = builderModel(printData,dept);
			LODOP.ADD_PRINT_HTM(30, 40, "180mm", "100%", strHtml);
		}
	});
	layer.msg("开始调用打印程序预览……");
	LODOP.PREVIEW();
};


// 点击刷新操作
function flushData(checkDate) {
	depotId = $("#depotId").val();
	if (!depotId) {
		layer.msg("请先选择仓库！");
		return;
	}
	cleanData();
	var data = {
		depotId : depotId,
		checkDate : checkDate
	};
	$.ajax({
		type : "POST",
		url : "../../basic/gas/list-data",
		dataType : "json",
		contentType : "application/json;charset=UTF-8",
		data : JSON.stringify(data),
		success : function(result) {
			if (result.code != "0000") {
				layer.msg(result.msg);
			}
			listData = result.data;
			if(!listData) return;
			curData = listData[0];

			// 渲染数据
			renderDataInfo();

			// 在批次选择中添加下拉数据
			resetSelectBatchId();

			// 调用全部关闭
			layer.closeAll();
			layer.msg("更新成功……");
		},
		error : function() {
			layer.msg("根据当前条件获取粮情数据渲染图标失败！！");
		}
	});
};

//清空数据
function cleanData() {
	//清空检测时间批次值
	$("#batchId").empty();
	form.render();

	$("#perO2").text("#");
	$("#perO2Max").text("#");
	$("#perO2Min").text("#");

	$("#perCo2").text("#");
	$("#perCo2Max").text("#");
	$("#perCo2Min").text("#");

	$("#perPh3").text("#");
	$("#perPh3Max").text("#");
	$("#perPh3Min").text("#");

	$("#perN2").text("#");
	$("#perN2Max").text("#");
	$("#perN2Min").text("#");

	$("#tableInfo").html("");
}

//切换仓库图片
function cutImg(depotId) {
	//默认图片
	var imgPath = "../../static/img/gas/default_img.png";

	//取仓库配置图片
	var gasImg = gasImgMap[depotId];
    if(gasImg){
        imgPath = "../../static/img/gas/"+companyId+"/" + gasImg.img;
    }else {
    	//仓库配置为空，则去库区配置
		gasImg = gasImgMap[deptId];
		if(gasImg){
			imgPath = "../../static/img/gas/"+companyId+"/" + gasImg.img;
		}
	}

	$("#depot_img").attr("src", imgPath);
}

function renderTableInfo() {
	var listPoint = curData.listPoint;
	var tableHtml = "<table class=\"layui-table\" lay-even lay-skin=\"nob\">";
	tableHtml += "<colgroup><col width=\"20%\"><col width=\"20%\"><col width=\"20%\"><col width=\"20%\"><col></colgroup>";
	tableHtml += "<thead><tr><th>通道</th><th>CO2</th><th>O2</th><th>PH3</th><th>N2</th></tr></thead>";
	tableHtml += "<tbody>";
	// 动态创建表格
	$.each(listPoint, function(index, item) {
		tableHtml += "<tr><td>" + item.passCode + "</td>";
		tableHtml += "<td>" + item.perCo2 + "</td>";
		tableHtml += "<td>" + item.perO2 + "</td>";
		tableHtml += "<td>" + item.perPh3 + "</td>";
		tableHtml += "<td>" + item.perN2 + "</td></tr>";
	});
	tableHtml += "</tbody></table>";
	$("#tableInfo").html(tableHtml);
};

// 回填检测信息
function renderDataInfo() {
	$("#perCo2").text(curData.perCo2);
	$("#perO2").text(curData.perO2);
	$("#perPh3").text(curData.perPh3);
	$("#perN2").text(curData.perN2);

	$("#perO2Max").text(curData.perO2Max);
	$("#perO2Min").text(curData.perO2Min);

	$("#perCo2Max").text(curData.perCo2Max);
	$("#perCo2Min").text(curData.perCo2Min);

	$("#perPh3Max").text(curData.perPh3Max);
	$("#perPh3Min").text(curData.perPh3Min);

	$("#perN2Max").text(curData.perN2Max);
	$("#perN2Min").text(curData.perN2Min);

	renderTableInfo();
};

// 根据批次更新的值调整
function flushByBatchId(batchId) {
	var temp;
	$.each(listData, function(index, item) {
		if (item.batchId == batchId) {
			temp = item;
			return false;
		}
	});
	if (temp) {
		curData = temp;
		renderDataInfo();
		layer.msg("更新成功……");
	}
};

// 重置批次下拉框
function resetSelectBatchId() {
	// 首先清空原来的值
	$("#batchId").empty();
	// 未下拉框赋值
	$.each(listData, function(index, item) {
		$('#batchId').append(new Option(item.receiveDate, item.batchId));// 下拉菜单里添加元素
	});
	$('#batchId').append(new Option("选择时间……", "0"));
	form.render();
};

// 更多批次选择
function showMore() {
	layer.open({
		type : 1,
		title : '请选择时间',
		area : [ '380px', '250px' ],
		shade : 0,
		content : $('#dialogMoreSelect'),
		btn : [ '确认选择', '取消' ],
		yes : function() {
			var checkDateMore = $("#checkDateMore").val();
			if (checkDateMore) {
				flushData(checkDateMore);
			} else {
				layer.msg("请先确认时间！");
			}
		},
		btn2 : function() {
			layer.close(0);
		},
		closeBtn : 0
	});
};

// 气体采集的入口方法，type=1,表示整仓采集；type=2,表示选择采集，type=3表示多仓采集
function checkStart(type) {
	if (3 == type) {
		checkBatch();
		return;
	}

	// 整仓采集和选择采集需要获取到气体的配置信息后进行操作
	depotId = $("#depotId").val();
	if (!depotId) {
		layer.msg("请先选择仓库！");
		return;
	}

	if (gasConf && gasConf.depotId == depotId) {
		if (1 == type) {
			check();
		}
		if (2 == type) {
			checkSelect();
		}
		return;
	}

	layer.msg("获取当前仓库的配置信息……");
	var data = {
		depotId : depotId
	};
	$.ajax({
		type : "POST",
		url : "../../basic/gas/gas-conf",
		dataType : "json",
		contentType : "application/json;charset=UTF-8",
		data : JSON.stringify(data),
		success : function(result) {
			if (result.code != "0000") {
				layer.msg(result.msg);
				return;
			}
			gasConf = result.data;
			if (1 == type) {
				check();
				return;
			}
			if (2 == type) {
				checkSelect();
				return;
			}
		},
		error : function() {
			layer.msg("获取当前仓库配置信息失败！");
		}
	});

};

// 单个粮情检测
function check() {
	layer.msg("开始气体检测……");
	var data = {
		depotId : depotId
	};
	$.ajax({
		type : "POST",
		url : "../../basic/gas/check-single",
		dataType : "json",
		contentType : "application/json;charset=UTF-8",
		data : JSON.stringify(data),
		success : function(result) {
			if (result.code != "ORDER_SUCCESS") {
				if (result.msg) {
					layer.msg(result.msg);
				} else {
					layer.msg("执行出现异常，请重试或联系管理员");
				}
			} else {
				layer.msg("命令已经成功发送，待终端响应……");
			}
		},
		error : function() {
			layer.msg("气体检测出现异常，执行失败！");
		}
	});
};

// 选择采集点采集
function checkSelect() {
	// 弹出选择框，选择信息
	var gasStart = gasConf.gasStart, gasEnd = gasConf.gasEnd;
	var strHtml = "";
	for (var i = gasStart; i <= gasEnd; i++) {
		if (i < 10) {
			strHtml += "<input title='位置0" + i + "' type='checkbox' value='"
					+ i + "'>";
			strHtml += "<div class='layui-unselect layui-form-checkbox'><span>位置0"
					+ i
					+ "</span><i class='layui-icon layui-icon-ok'></i></div>";
		} else {
			strHtml += "<input title='位置" + i + "' type='checkbox' value='" + i
					+ "'>";
			strHtml += "<div class='layui-unselect layui-form-checkbox'><span>位置"
					+ i
					+ "</span><i class='layui-icon layui-icon-ok'></i></div>";
		}
	}
	$("#div_point_select").html(strHtml);
	form.render();

	// 开始选择
	layer.open({
		type : 1,
		title : '选择采集点（全选请使用整仓采集）',
		area : [ '690px', '450px' ],
		shade : 0,
		content : $('#pointSelect'),
		btn : [ '全选', '反选', '重选', '确定检测', '取消检测' ],
		yes : function() {
			$('#pointSelect input').each(function() {
				$(this).prop("checked", true);
			});
			form.render();
		},
		btn2 : function() {
			$('#pointSelect input').each(function() {
				if ($(this).prop("checked")) {
					$(this).prop("checked", false);
				} else {
					$(this).prop("checked", true);
				}
			});
			form.render();
			return false;
		},
		btn3 : function() {
			$('#pointSelect input').each(function() {
				$(this).prop("checked", false);
			});
			form.render();
			return false;
		},
		btn4 : function() {
			return checkSelectStep2();
		},
		btn5 : function() {
			layer.close(0);
		},
		closeBtn : 1
	});
};

// 执行采集点检测
function checkSelectStep2() {
	// 获取选择的采集点
	var checkPoints = "";
	$('#pointSelect input').each(function() {
		if ($(this).prop("checked")) {
			checkPoints += $(this).val() + ",";
		}
	});

	if (checkPoints == "") {
		layer.msg("请选择需要检测的采集点");
		return false;
	}
	layer.msg("开始气体检测……");
	var data = {
		depotId : depotId,
		checkPoints : checkPoints
	};
	$.ajax({
		type : "POST",
		url : "../../basic/gas/check-select",
		dataType : "json",
		contentType : "application/json;charset=UTF-8",
		data : JSON.stringify(data),
		success : function(result) {
			if (result.code != "ORDER_SUCCESS") {
				if (result.msg) {
					layer.msg(result.msg);
				} else {
					layer.msg("执行出现异常，请重试或联系管理员");
				}
				return false;
			} else {
				layer.msg("命令已经成功发送，待终端响应……");
				return true;
			}
		},
		error : function() {
			layer.msg("气体检测出现异常，执行失败！");
			return false;
		}
	});
	return true;
};

// 批量粮情采集
function checkBatch() {
	// 首先去除之前的选择
	$('#batchCheckSelect input').each(function() {
		$(this).prop("checked", false);
	});
	form.render();

	// 弹出选择框
	layer.open({
		type : 1,
		title : '批量采集选择',
		area : [ '690px', '450px' ],
		shade : 0,
		content : $('#batchCheckSelect'),
		btn : [ '全选', '反选', '重选', '执行采集', '取消采集' ],
		yes : function() {
			$('#batchCheckSelect input').each(function() {
				$(this).prop("checked", true);
			});
			form.render();
		},
		btn2 : function() {
			$('#batchCheckSelect input').each(function() {
				if ($(this).prop("checked")) {
					$(this).prop("checked", false);
				} else {
					$(this).prop("checked", true);
				}
			});
			form.render();
			return false;
		},
		btn3 : function() {
			$('#batchCheckSelect input').each(function() {
				$(this).prop("checked", false);
			});
			form.render();
			return false;
		},
		btn4 : function() {
			return checkBatchStep2();
		},
		btn5 : function() {
			layer.close(0);
		},
		closeBtn : 0
	});
};

/**
 * 开始执行批量检测
 */
function checkBatchStep2() {
	var depotIds = "";
	$('#batchCheckSelect input').each(function() {
		if ($(this).prop("checked")) {
			depotIds += $(this).val() + ",";
		}
	});

	if (depotIds == "") {
		layer.msg("请先选择需要检测的仓库……");
		return false;
	}
	layer.msg("开始执行批量检测……");
	// 调用后台批量检测
	var data = {
		depotIds : depotIds
	};
	$.ajax({
		type : "POST",
		url : "../../basic/gas/check-batch",
		dataType : "json",
		contentType : "application/json;charset=UTF-8",
		data : JSON.stringify(data),
		success : function(result) {
			if (result.code != "ORDER_SUCCESS") {
				if (result.msg) {
					layer.msg(result.msg);
				} else {
					layer.msg("执行出现异常，请重试或联系管理员");
				}
				return false;
			} else {
				layer.msg("命令已经成功发送，待终端响应……");
				return true;
			}
		},
		error : function() {
			layer.msg("检测出现异常，执行失败！");
			return false;
		}
	});
	return true;
};

function gasChart() {
	layer.msg("功能暂未开放……");
};