let form, layer, idParam, warnInfoParam, num = 0, isDel = '0';
let delRemarkList = [], warnInfoList = [], addRemarkList = [], oldRemarkList = [], delRemarkList2 = [],
    mergeRemarkList = [];

function setParams(id, warnInfo) {
    idParam = id;
    layui.use(['form', 'layer'], function () {
        layer = layui.layer;
        form = layui.form;
        form.render();
        getWarnInfoByClassId();
    });
}

layui.use(['form', 'layer', 'table'], function () {
	$ = layui.jquery;
	var layer = layui.layer,
	    form = layui.form;
 form.on('checkbox(checkbox)', function (data) {
	let checkbox=false;
     if( data.elem.checked){　
		checkbox=true;　//确定
		}else{//取消了
		checkbox=false;
	 }　
	 var value = data.value;   //获取选中的value值
	// updeWarnConfirm(value,checkbox);
 });
 
 

})
//
function  updeWarnConfirm(value,confirm){
	console.log(idParam);
	console.log(value,confirm);
	$.ajax({
	    headers: {
	        "encrypt": sm3(JSON.stringify({
	            classId: idParam,
				num:value,
				confirm:confirm
	        }))
	    },
	    url: dataUrl + 'proteam/pot/todayTask/updeWarnConfirm?token=' + token,
	    data: {
	        classId: idParam,
			num:value,
			confirm:confirm
	    },
	    type: 'POST',
	    async: false,
	    success: function (result) {
	  
	    }, error: function () {
	        layer.close(loadingMsg);
	    }
	});
	
}


function getWarnInfoByClassId() {
    let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
    $.ajax({
        headers: {
            "encrypt": sm3(JSON.stringify({
                classId: idParam
            }))
        },
        url: dataUrl + 'proteam/pot/todayTask/getWarnInfo?token=' + token,
        data: {
            classId: idParam,
        },
        type: 'POST',
        async: false,
        success: function (result) {
            layer.close(loadingMsg);
            console.error(result)
            if (result.data) {
                if (result.data.curWarnList.length > 0) {
                    $.each(result.data.curWarnList, function (index, item) {
                        let value = item.trim().substring(item.trim().lastIndexOf('@') + 1, item.trim().length)
                        if (value) {
                            addLine(2, item);
                        } else {
                            addLine(1, item);
                        }
                    })
                }
                if (result.data.delWarnList.length > 0) {
                    $.each(result.data.delWarnList, function (index, item) {
                        addDelLine(item);
                    })
                } else {
                    $('.del-form').append('<p style="text-align: center;padding: 210px 0;font-size: 16px;">无预警信息删除数据</p>');
                }
            }
        }, error: function () {
            layer.close(loadingMsg);
        }
    });
}

// 新增一行 1.原有 2.新增-入库 3.新增
function addLine(type, item) {
    num++;
    let html = '', warnInfo = '', remark = '', color = '#fff' ,checkbox=false;
	
    if (item) {
		var  items= item.split("@");
		if(items.length>1){
			checkbox=true;
		}
		 warnInfo =items[0];
        //remark = item.split("@")[1];
        color = '#eee';
    }
	let checkHtml="";
	if(checkbox){
		checkHtml= '<input type="checkbox" lay-filter="checkbox" checked="true" name="checkbox" value='+num+' title="确定">';
	}else{
		checkHtml= '<input type="checkbox" lay-filter="checkbox" name="checkbox" value='+num+' title="确定">';
	}
	
    html += '<div class="layui-form-item" isAdd = "' + type + '" num="' + num + '" >' +
        '<div class="layui-inline">' +
        '<div class="layui-input-inline layout">' +
        '<input class="layui-input input' + num + '" name="warnInfo" maxlength="200" autocomplete="off" placeholder="请填写预警信息" value="' + warnInfo + '"  style="background-color: ' + color + ';">' +
        '<span style="margin: 0 5px;">-</span>' +
        // '<textarea class="layui-textarea textarea' + num + '" name="remark" maxlength="500" autocomplete="off" placeholder="备注" style="background-color: ' + color + ';">' + remark + '</textarea>' +
		checkHtml+
		'<img src="../../../img/remotePatrol/del.png" title="删除" onclick="delLine(this)">' +
      
		'</div>' +
        '</div>' +
        '</div>';
    $('.add-form').append(html);
	 layui.form.render();
    if (item && (type === 1 || type === 2)) {
        $('.input' + num + '').prop('readonly', true)
        $('.textarea' + num + '').prop('readonly', true)
    }
}

// 预警信息-删除
function addDelLine(item) {
    let html = '', warnInfo = '', remark = '';
    if (item) {
        warnInfo = item.split("@")[0];
        remark = item.split("@")[1];
    }
    html += '<div class="layui-form-item">' +
        '<div class="layui-inline">' +
        '<div class="layui-input-inline layout">' +
        '<input class="layui-input" readonly name="warnInfo2" value="' + warnInfo + '"  style="background-color: #eee;">' +
        '<span style="margin: 0 5px;">-</span>' +
        '<textarea class="layui-textarea"   name="remark2" readonly style="background-color: #eee;" >' + remark + '</textarea>' +
        '</div>' +
        '</div>' +
        '</div>';
    $('.del-form').append(html);
}

// 删除一行
function delLine(that) {
    let remark = $(that).prev().val();
    let warnInfo = $(that).prev().prev().prev().prev().val();
    let isAdd = $(that).parents('.layui-form-item').attr('isAdd');
    if(isAdd === '1' || isAdd === '2'){
        let index = layer.open({
            title: ['<div style="border-left: 3px solid #2F82FB;display: flex;align-items: center;height: 20px;padding: 0 10px;">删除备注填写</div>', 'font-size:16px;background-color:#f0f0f0;display: flex;align-items: center;'],
            type: 1,
            maxmin: false,
            shade: 0.1,
            shadeClose: false,
            content: addContent(warnInfo),
            area: ["450px", "230px"],
            move: false,
            success: function (layero, index) {
                layui.form.render();
            }, end: function () {
                if (isDel === '1') {
                    $(that).parents('.layui-form-item').remove()
                    isDel = '0'
                }
            }
        });
    }else{
        $(that).parents('.layui-form-item').remove()
    }

}

function addContent(warnInfo) {
	console.log(warnInfo)
    let html = '<div class="add-form layui-form" style="padding-top: 3%">' +
        '<form class="layui-form" action="#" onsubmit="return false;">' +
        '<div class="layui-form-item" style="margin-left: 5%;">' +
        '<label class="layui-form-label">备注</label>' +
        '<div class="layui-inline" style="width: 255px;">' +
        '<textarea class="layui-textarea" id="delRemark" maxlength="500">' +
        '</textarea>' +
        '</div>' +
        '</div>' +
        '<div class="layui-form-item" style="padding-left: 0%;margin-top: 8%;margin-left: 35%;justify-content: center;">' +
        '<button type="button" class="layui-btn layui-btn-normal" id="save" onclick="saveRemark(\'' + warnInfo + '\')">确定</button>' +
        '<button type="button" class="layui-btn layui-btn-primary" id="cancel" onclick="layer.closeAll()">取消</button>' +
        '</div>' +
        '</form>' +
        '</div>';
    layui.form.render();
    return html;
}

function saveRemark(warnInfo) {
    let delRemark = $('#delRemark').val()
    if (!delRemark.trim()) {
        return layer.msg('删除预警信息，请填写备注', {icon: 7});
    } else {
        delRemarkList.push('2@' + warnInfo + '@' + delRemark)
        isDel = '1'
    }
    layer.closeAll();
}

function isRepeat(arr) {
    let hash = {};
    for (let i in arr) {
        if (hash[arr[i]]) {
            return true
        }
        hash[arr[i]] = true;
    }
    return false;
}

// 提交数据
function saveData(data) {
	var checkList=[];
    warnInfoList.splice(0, warnInfoList.length);
    addRemarkList.splice(0, addRemarkList.length);
    oldRemarkList.splice(0, oldRemarkList.length);
    delRemarkList2.splice(0, delRemarkList2.length);
    mergeRemarkList.splice(0, mergeRemarkList.length);
    let flag = false, flag2 = false, flag3 = false;
    $('input[name="warnInfo"]').each(function () {
        if (!$(this).val().trim()) {
            flag = true;
        } else {
            warnInfoList.push($(this).val().trim())
        }
    })
	$('input[name="checkbox"]:checked').each(function (e) {
			checkList.push($(this).val());
	})
    $('textarea[name="remark"]').each(function () {
        if ($(this).parents('.layui-form-item').attr('isAdd') === '3') {
            if (!$(this).val().trim()) {
                flag2 = true;
            } else {
                addRemarkList.push('1@' + $(this).prev().prev().val().trim() + "@" + $(this).val().trim())
            }
        } else if ($(this).parents('.layui-form-item').attr('isAdd') === '2') {
            if ($(this).val().trim()) {
                oldRemarkList.push('1@' + $(this).prev().prev().val().trim() + "@" + $(this).val().trim())
            }
        }
    })
    $('input[name="warnInfo2"]').each(function () {
        delRemarkList2.push('2@' + $(this).val() + '@' + $(this).next().next().val())
    })
    flag3 = isRepeat(warnInfoList);
    if (flag) {
        return layer.msg('存在未填写的预警信息', {icon: 7});
    }
    if (flag2) {
        return layer.msg('新增的预警信息存在未填写的备注', {icon: 7});
    }
    if (flag3) {
        return layer.msg('预警信息存在相同数据', {icon: 7});
    }
    if (addRemarkList.length > 0) {
        addRemarkList.forEach(function (item, index) {
            mergeRemarkList.push(item)
        })
    }
    if (delRemarkList.length > 0) {
        delRemarkList.forEach(function (item, index) {
            mergeRemarkList.push(item)
        })
    }
    if (oldRemarkList.length > 0) {
        oldRemarkList.forEach(function (item, index) {
            mergeRemarkList.push(item)
        })
    }
    if (delRemarkList2.length > 0) {
        delRemarkList2.forEach(function (item, index) {
            mergeRemarkList.push(item)
        })
    }
	checkListStr=checkList.join("@")+"@";
	for (var i = 0; i < warnInfoList.length; i++) {
			var j=i+1+"@";
			if(checkListStr.indexOf(j)!='-1'){
				warnInfoList[i]=warnInfoList[i]+"@1";
			}
	}
    let formData = {
        classId: idParam,
        warnType: warnInfoList.toString(),
        remark: mergeRemarkList.toString()
    };
    // 加载提示
    let loadingMsg = layer.msg('数据提交中,请稍候...', {icon: 16, scrollbar: false, time: 0});
    $.ajax({
        url: dataUrl + 'proteam/pot/todayTask/updateWarnInfoByClassId?token=' + token,
        type: 'POST',
        data: formData,
        dataType: 'json',
        beforeSend: function () {
            $('.save').addClass("layui-btn-disabled").attr("disabled", true);
            $('.cancel').addClass("layui-btn-disabled").attr("disabled", true);
        },
        success: function (result) {
            console.log(result);
            layer.close(loadingMsg); // 关闭提示层
            if (result.code === 200) {
                closePage(1);
                parent.layer.msg(result.msg, {icon: 1});
            } else {
                layer.msg(result.msg, {icon: 5});
                $('.save').removeClass("layui-btn-disabled").attr("disabled", false);
                $('.cancel').removeClass("layui-btn-disabled").attr("disabled", false);
            }
        },
        error: function (result) {
            layer.close(loadingMsg); // 关闭提示层
            layer.msg('数据上传发生异常,请稍后重试', {icon: 16, scrollbar: false, time: 2000});
            $('.save').removeClass("layui-btn-disabled").attr("disabled", false);
            $('.cancel').removeClass("layui-btn-disabled").attr("disabled", false);
        }
    });
}

// 关闭页面
function closePage(type) {
    let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
    parent.layer.close(index); //再执行关闭
    if (type === 1) {
        let frameId = parent.document.getElementById('remotePatrol').getElementsByTagName("iframe")[0];
        frameId.contentWindow.reloadWarnInfo();
    }
}