let layer,table,buildCheck,$,form;
const bidCode = parent.$('#bidPro').val();
var isSubOk = false
var mengIndex = 0
layui.use(['layer','table','form','jquery'], function () {
	$ = layui.jquery
    form = layui.form
    layer = layui.layer;
	table = layui.table;
	//建管单位下拉选
	getBuildLists();

	// 响应成功后的拦截器
    $.ajaxSetup({
        beforeSend: function(xhr, options) {
            var originalSuccess = options.success
            options.success = function(data, textStatus, jqXhr) {
                    data = modifyResponseData(data);
               // success(data,textStatus, jqXhr);
                originalSuccess.apply(this, arguments)
            }
        }
    })

	table.on('tool(test)', function (obj) {
		var data = obj.data;
		console.log(data)
		// console.log(data,'-----row-----')
		if (obj.event === 'edit') {
			layer.open({
				type: 1,
				title: '告警处置', //显示标题栏
				closeBtn: 1,
				area: '600px;',
				id: 'LAY_layuipro', //设定一个id，防止重复弹出
				resize: false,
				btn: ['确定', '取消'],
				btnAlign: 'c',
				moveType: 1, //拖拽模式，0或者1
				skin:"layui-layer-molv",
				content: $("#biaodan"),
				success: function (layero) {
					$(':focus').blur();
					// 添加form标识
					layero.addClass('layui-form');
					// 将保存按钮改变成提交按钮
					layero.find('.layui-layer-btn0').attr({
						'lay-filter': 'formDemo',
						'lay-submit': ''
					});
					$("#form_info")[0].reset();
					$("#isAlarm1").attr("checked",true);
					$("#alarmContent").val(data.warnContent);
					form.render();
				},
				yes: function (layero, index) {
					form.on('submit(formDemo)', function (Fdata) {
						//表单数据formData
						var formData = Fdata.field;
						// console.log(formData,'-----formData-----')
						const url = commonUrl + "screen/largeScreen/alarmMge/warnProcess";
						const params = {
							"warnId": data.warnId,
							"status": formData.isAlarm,
							"remark": formData.alarmMask,
						}
						// console.log(params)
						let encryptStr = encryptCBC(JSON.stringify(params));
						ajaxRequest(url, "POST", encryptStr, true, function () {
						}, function (result) {
							// console.log(result);
							if (result.code === 200) {
								layer.close('LAY_layuipro')
								getQueryList()
							} else if (result.code === 500) {
								layer.msg(result.msg, { icon: 2 });
							}else if(result.code === 401){
								
							}
						}, function (xhr, status, error) {
								error(xhr, status, error)
							}, "application/json",aqEnnable);
					});
				},
				cancel: function () {
					// 右上角关闭事件的逻辑
					layer.close('LAY_layuipro')
				}
			});
		}else if(obj.event === 'view'){
			layer.open({
				type: 1,
				title: '告警查看', //显示标题栏
				closeBtn: 1,
				area: '600px;',
				id: 'LAY_layuipro1', //设定一个id，防止重复弹出
				resize: false,
				btn: ['确定', '取消'],
				btnAlign: 'c',
				moveType: 1, //拖拽模式，0或者1
				skin:"layui-layer-molv",
				content: $("#biaodan"),
				success: function (layero) {
					$(':focus').blur();
					// 添加form标识
					layero.addClass('layui-form');
					// 将保存按钮改变成提交按钮
					layero.find('.layui-layer-btn0').attr({
						'lay-filter': 'formDemo',
						'lay-submit': ''
					});
					$("#form_info")[0].reset();
					$("#alarmContent").val(data.warnContent);
					$("#alarmMask").val(data.remark);
					if(data.status=='1'){
						$("#isAlarm1").attr("checked",true);
						$("#isAlarm2").attr("checked",false);
					}else if(data.status=='2'){
						$("#isAlarm1").attr("checked",false);
						$("#isAlarm2").attr("checked",true);
					}
					form.render();
				},
				yes: function (layero, index) {
					layer.close('LAY_layuipro1')
				},
				cancel: function () {
					// 右上角关闭事件的逻辑
					layer.close('LAY_layuipro1')
				}
			});
		}else if(obj.event === 'upload'){
			layer.open({
				type: 1,
				title: '推送', //显示标题栏
				closeBtn: 1,
				area: '600px;',
				id: 'LAY_layuipro2', //设定一个id，防止重复弹出
				resize: false,
				btn: ['推送', '取消'],
				btnAlign: 'c',
				moveType: 1, //拖拽模式，0或者1
				skin:"layui-layer-molv",
				content: $("#upload"),
				success: function (layero) {
					$(':focus').blur();
					// 添加form标识
					layero.addClass('layui-form');
					// 将保存按钮改变成提交按钮
					layero.find('.layui-layer-btn0').attr({
						'lay-filter': 'formDemo',
						'lay-submit': ''
					});
					// $("#form_info")[0].reset();
					console.log(data)
					$("#warnContentTwo").val(data.warnContent);
					$("#proName").val(data.proName);
					$("#warnTime").val(data.warnTime);
					if(data.status=='0'){
						$("#status").val('未处理');
					}else if(data.status=='1'){
						$("#status").val('告警');
					}else if(data.status=='2'){	
						$("#status").val('未告警');	
					}
					form.render();
				},
				yes: function (layero, index) {
					form.on('submit(formDemo)', function (Fdata) {
						//表单数据formData
						var formData = Fdata.field;
						// console.log(formData,'-----formData-----')
						const url = commonUrl + "screen/largeScreen/alarmMge/warnUpload";
						const params = {
							"warnId": data.warnId,
							"warnContent": formData.warnContent,
							"status": data.status,
							"proName": formData.proName,
							"warnTime": formData.warnTime,
						}
						// console.log(params)
						let encryptStr = encryptCBC(JSON.stringify(params));
						ajaxRequest(url, "POST", encryptStr, true, function () {
						}, function (result) {
							// console.log(result);
							if (result.code === 200) {
								layer.close('LAY_layuipro2')
								layer.msg(result.msg, { icon: 1 });
								getQueryList()
							} else if (result.code === 500) {
								layer.msg(result.msg, { icon: 2 });
							}else if(result.code === 401){
								
							}
						}, function (xhr, status, error) {
								error(xhr, status, error)
							}, "application/json",aqEnnable);
					});
				},
				cancel: function () {
					// 右上角关闭事件的逻辑
					layer.close('LAY_layuipro2')
				}
			});
			
		}
	});

	
});

function getBuildLists(){
	let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId;
	let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
	const url = commonUrl + "system/sys/select/getBuildLists?params=" + montageParam; // url	
	ajaxRequestGet(url, "GET", true, function () {
	}, function (result) {
	    if (result.code === 200) {
			let html = '';
			if (result.data && result.data.length > 0) {
			    $.each(result.data, function (index, item) {
			        html += '<option value="' + item.orgId + '">' + item.name + '</option>'
			    })
			}
			$('#build').empty().append(html);
			layui.form.render();
			
			//选择单位下拉选
			getSelectLists();
			updateSelection();
	    } else if (result.code === 500) {
	        layer.msg(result.msg, { icon: 2 });
	    }
	}, function (xhr, status, error) {
        error(xhr, status, error)
    }, aqEnnable);
}

function getSelectLists(){
	let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId;
	let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
	const url = commonUrl + "system/sys/select/getSelectLists?params=" + montageParam; // url
    ajaxRequestGet(url, "GET", true, function () {
	}, function (result) {
	    if (result.code === 200) {
			getSelect(result.data)
	    } else if (result.code === 500) {
	        layer.msg(result.msg, { icon: 2 });
	    }
    }, function (xhr, status, error) {
        error(xhr, status, error)
    }, aqEnnable);
}

function getSelect(data){
	$("#selection").empty();
	var html ="";
	for (var i = 0; i < data.length; i++) {
		if(i == 0){
			html += '<div class="item bright" id="'+data[i].id+'">'+data[i].name+'</div>' ;
		}else{
			html += '<div class="item dark" id="'+data[i].id+'">'+data[i].name+'</div>' ;
		}
	}
	buildCheck = data[0].id;
	init(data[0].id);
	$("#selection").append(html);
}

function updateSelection() {
    $("#selection").on("click", ".item", function() {
        $(".item").removeClass("bright").addClass("dark"); // 点击时将所有元素设置为 dark 类
        $(this).removeClass("dark").addClass("bright"); // 点击的元素设置为 bright 类
		var clickedId = $(this).attr('id'); // 获取被点击的 div 元素的 id 值
		console.log("选中的值为: " + clickedId);
		buildCheck = clickedId;
		init(clickedId);
    });
}

function init(warnType){
	const url = commonUrl + "screen/largeScreen/alarmMge/getAlarmMgeList"; // 建管单位url
	table.render({
		elem: '#demo',
		url: url,
		// skin: 'line',
		page: true,
		headers:{
			decrypt:"decrypt",
			"Authorization":token
		},
		where: {
			bidCode:bidCode,
			warnType:warnType,
			orgId:$('#build').val(),
			warnContent:$('#warnContent').val(),
			// teamLeader:$('#teamLeader').val()
		},
		cols: [[
			{type: 'numbers', title: '序号'}, // 添加序号列
			// {field: 'orgName', title: '',align:'center'},
			{field: 'proName', title: '工程名称',align:'center'},
			{field: 'warnContent', title: '告警内容',align:'center'},
			{field: 'warnTime', title: '告警时间',align:'center'},
			// {field: 'teamLeader', title: '班组长',align:'center'},
			// {field: 'remark', title: '备注',align:'center'},
			// {field: 'userName', title: '处理人',align:'center'},
			{field: 'status', title: '处理状态',align:'center'},
			// {field: 'updateTime', title: '处理时间',align:'center'},
			{fixed: 'right', title: '操作', align:'center',toolbar: '#barDemo' }
		]],
		initComplete: function () {
		  // 在表格渲染完成后，重新渲染序号列
		  var that = this.elem.next();
		  var tool = that.children('.layui-table-box').children('.layui-table-fixed').children('.layui-table-body').children('.layui-table');
		  tool.find("tr").each(function (index, item) {
			$(this).find('td[data-field="LAY_TABLE_INDEX"]').text(index + 1);
		  });
		},
		done:function(res, curr, count, origin){
			// console.log(res);
			$("[data-field='status']").children().each(function(){
				if($(this).text()=='0'){
					$(this).text('未处理')
				}else if($(this).text()=='1'){
					$(this).text('告警')
				}else if($(this).text()=='2'){
					$(this).text('未告警')
				}
			})
		}
	})
}

function getQueryList(){
	init(buildCheck)
}