var roleLevel = localStorage.getItem("roleLevel");
$(function () {
    layui.use(['form', 'laydate'], function () {
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
        form.render();
        form.verify({
            phone: [/(^$)|^1[3456789]\d{9}$/, '请正确填写电话号码'],
            score: [/(^$)|^((\d|[123456789]\d)(\.\d+)?|100)$/, '请输入0-100安规成绩'],
            idCard: [/(^$)|^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/, '请正确填写身份证号码'],
        });
        // 验证成功后才会执行下面的操作
        form.on('submit(formDemo)', function (data) {
            var idNumber = $("#idNumber").val();
            updateWorkRecord(data);
        });
    });
});

// 表单赋值
function setData(data) {
    $("#name").val(data.name);
    $("#idNumber").val(data.idNumber);
    $("#phone").val(data.phone);
    // getPostName(data.postName,data.postId);

    $("#postName").val(data.postName);

    $("#peStatus").find('option[value="' + data.peStatus + '"]').prop("selected", "selected"); // 工程状态

    $("#safetyScore").val(data.safetyScore);
    $("#orgName").val(data.orgName);
    $("#proId").val(data.proId);
    $("#proName").val(data.proName);


    $("#subName").val(data.subName);

    $("#teamName").val(data.teamName);
    // if (roleLevel!="4" && roleLevel!="5"){
    //     getTeamName(data.subId,data.teamName,1);
    // }else {
    //     getTeamName(data.subId,data.teamName,0);
    // }
    // getSubName(data.companyId,data.subId);
    // getTeamName(data.subId,data.teamName);

    $("#teamCaptain").find('option[value="' + data.teamCaptain + '"]').prop("selected", "selected"); // 是否班组长

    $("#whetherOnJob").find('option[value="' + data.whetherOnJob + '"]').prop("selected", "selected"); // 是否在职

    $("#foreman").val(data.foreman);
    $("#foremanPhone").val(data.foremanPhone);
    $("#foremanIdNumber").val(data.foremanIdNumber);
    $("#principalName").val(data.principalName);
    $("#principalIdNumber").val(data.principalIdNumber);
    $("#principalPhone").val(data.principalPhone);
    $("#hasContract").find('option[value=\'' + data.hasContract + '\']').prop("selected", "selected"); // 工程状态
    $("#hasWorkInsurance").find('option[value=\'' + data.hasWorkInsurance + '\']').prop("selected", "selected"); // 工程状态
    $("#hasAccidentInsurance").find('option[value=\'' + data.hasAccidentInsurance + '\']').prop("selected", "selected"); // 工程状态
    $("#miurInsurance").find('option[value=\'' + data.miurInsurance + '\']').prop("selected", "selected"); // 工程状态
    $("#endowmentInsurance").find('option[value=\'' + data.endowmentInsurance + '\']').prop("selected", "selected"); // 工程状态

    // $("#wageApprovedWay").find('option[value="'+ data.wageApprovedWay +'"]').prop("selected", "selected"); // 工程状态
    $("#wageCriterion").val(data.wageCriterion);
};

function setGrey() {
// 创建 style 元素
    const style = document.createElement('style');
    style.textContent = `
    .layui-input,
    .layui-select,
    .layui-textarea {
        background-color: #eee !important;
    }
`;
    // 插入到 head 中
    document.head.appendChild(style);
}

function cancelReadOnly() {
    $("#name").prop("readonly", false);
    $("#phone").prop("readonly", false);
    // $("#postName").prop("readonly", false);
    $("#postName").css("background", "#80808026");
    $("#peStatus").prop("readonly", false);
    $("#safetyScore").prop("readonly", false);

    $("#teamCaptain").prop("readonly", false);
    $("#whetherOnJob").prop("readonly", false);
    $("#foreman").prop("readonly", false);
    $("#foremanPhone").prop("readonly", false);
    $("#foremanIdNumber").prop("readonly", false);
    $("#principalName").prop("readonly", false);
    $("#principalIdNumber").prop("readonly", false);
    $("#principalPhone").prop("readonly", false);
    $("#hasContract").prop("readonly", false);
    $("#hasWorkInsurance").prop("readonly", false);
    $("#hasAccidentInsurance").prop("readonly", false);
    $("#miurInsurance").prop("readonly", false);
    $("#endowmentInsurance").prop("readonly", false);
    $("#idNumber").css("background", "#80808026");
    $("#orgName").css("background", "#80808026");
    $("#subName").css("background", "#80808026");
    $("#teamName").css("background", "#80808026");
    // $("#teamName").prop("readonly", false);

    $("#proName").css("background", "#80808026");
    $("#wageApprovedWay").css("background", "#80808026");
    $("#wageCriterion").css("background", "#80808026");

    // $("#wageApprovedWay").prop("readonly", false);
    // $("#wageCriterion").prop("readonly", false);
}

// 修改
function updateWorkRecord(formData) {
    var wageApprovedWay = $("#wageApprovedWay").val();//工资核定方式
    var wageCriterion = $("#wageCriterion").val();//工种工资核定标准
    if (wageApprovedWay == '每天') { //天：60-600
        if(wageCriterion){
            if (Number(wageCriterion) < 60 || Number(wageCriterion) > 600) {
                layer.msg('工资标准应在60-600之间', {icon: 2, time: 2000});
                return false;
            }
        }
    } else if (wageApprovedWay == '每月') { //月：1800-18000
        if(wageCriterion){
            if (Number(wageCriterion) < 1800 || Number(wageCriterion) > 18000) {
                layer.msg('工资标准应在1800-18000之间', {icon: 2, time: 2000});
                return false;
            }
        }
    }
    // form请求地址
    var formUrl = ctxPath + "/WorkRecord/updateWorkRecord";
    $.ajax({
        type: 'POST',
        async: false, // 默认异步true,false表示同步
        url: formUrl, // 请求地址
        contentType: "application/json; charset=utf-8",
        dataType: 'json', // 服务器返回数据类型
        data: JSON.stringify(formData.field), //获取提交的表单字段
        success: function (data) {
            if (data.resMsg == "修改成功") {
                parent.layer.msg('修改成功', {icon: 1, time: 2000});
                var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
                parent.layer.close(index); //再执行关闭
                window.parent.example.ajax.reload(null, false); // 刷新页面
            } else if (data.resMsg == "修改失败") {
                parent.layer.msg('修改失败', {icon: 2, time: 2000});
                var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
                parent.layer.close(index); //再执行关闭
                window.parent.example.ajax.reload(null, false); // 刷新页面
            } else {
                parent.layer.msg(data.resMsg, {icon: 2, time: 2000});
                var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
                parent.layer.close(index); //再执行关闭
                window.parent.example.ajax.reload(null, false); // 刷新页面
            }
        },
        error: function (XMLHttpRequest, textStatus, e) {
            layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
        }
    });
}

//获取工种
function getPostName(postName, postId) {
    $("#postName").empty();
    $.ajax({
        type: 'POST',
        url: ctxPath + '/WorkRecord/getPostName',
        dataType: 'json',
        success: function (data) {
            console.log(data);
            var str = '<option selected value="-1">请选择工种</option>';
            if (data.length > 0) {
                for (var i = 0; i < data.length; i++) {
                    if (postName == data[i].name) {
                        str += '<option selected value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
                    } else {
                        str += '<option value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
                    }
                }
            }
            $("#postName").append(str);
            layui.form.render('select');  //这里就是我们要渲染的地方了
        }
    })
}

//获取分包商
function getSubName(companyId, subId) {
    $("#subName").empty();
    $.ajax({
        type: 'POST',
        url: ctxPath + '/WorkRecord/getSubNameByCompany',
        dataType: 'json',
        data: {
            companyId: companyId,
        },
        success: function (data) {
            var str = '<option selected value="-1">请选择分包商</option>';
            if (data.length > 0) {
                for (var i = 0; i < data.length; i++) {
                    if (subId === data[i].id) {
                        str += '<option selected value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
                    } else {
                        str += '<option value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
                    }
                }
            }
            $("#subName").append(str);
            layui.form.render('select');  //这里就是我们要渲染的地方了
        }
    })
}

//获取班组
function getTeamName(subId, teamName, type) {
    $("#teamName").empty();
    $.ajax({
        type: 'POST',
        url: ctxPath + '/WorkRecord/getTeamName',
        dataType: 'json',
        data: {
            subId: subId,
        },
        success: function (data) {
            var str = '<option selected value="-1">请选择班组</option>';
            if (data.length > 0) {
                for (var i = 0; i < data.length; i++) {
                    if (teamName == data[i].name) {
                        str += '<option selected value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
                    } else {
                        if (type == 1) {
                            str += '<option value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
                        } else {

                        }
                    }
                }
            }
            $("#teamName").append(str);
            layui.form.render('select');  //这里就是我们要渲染的地方了
        }
    })
}