layui.use(['form', 'layer', 'table', 'laytpl', 'laydate'], function () {
    var form = layui.form,
    layer = parent.layer === undefined ? layui.layer : top.layer,
    $ = layui.jquery,
    laytpl = layui.laytpl,
    table = layui.table;
    laydate = layui.laydate;
    var UserId = JSON.parse(window.sessionStorage.getItem("userInfo")).UserCode;
    var UserName = JSON.parse(window.sessionStorage.getItem("userInfo")).USERS_NAME;
    var count = 0;

    $(function () {
        var toleranceId = $.getUrlVar("toleranceId");
        waitId = $.getUrlVar("waitId");
        console.log(waitId);
        $.ajax({
            type: "post",
            url: "../../ashx/OaToleranceHandler.ashx",
            data: { Action: "getTolerance", toleranceId: toleranceId },
            dataType: "json",
            success: function (res) {
                console.log(res);
                var toleranceData = res.toleranceData;
                if (toleranceData.length > 0) {
                    lId = toleranceData[0].ID;
                    pplName = toleranceData[0].PPL_NAME;
                    $("#ppl_name").val(pplName);
                    $("#l_type").val(toleranceData[0].DIC_TEXT);
                    $("#s_time").val(toleranceData[0].S_TIME);
                    $("#e_time").val(toleranceData[0].E_TIME);
                    $("#l_num").val(toleranceData[0].L_NUM);
                    $("#acc_ppl").val(toleranceData[0].ACC_PPL_NAME);
                    $("#rep_ppl").val(toleranceData[0].REP_PPL_NAME);
                    $("#l_out").text(toleranceData[0].L_OUT);
                    $("#l_reason").text(toleranceData[0].L_REASON);
                    $("#car_num").val(toleranceData[0].CAR_NUM);
                }

                var waitData = res.waitData;
                waitData.forEach(function (obj, index, arr) {
                    countSum = index;
                    var color = "", state = "";
                    var li = "<li class='layui-timeline-item'>";
                    if (obj.STATUS == 0) {
                        li += "<i class='layui-icon layui-icon-circle' style='color:black'></i>";
                        color = "black";
                        state = "待处理"
                    } else if (obj.STATUS == 1) {
                        li += "<i class='layui-icon layui-icon-edit' style='color:blue;font-size:30px'></i>";
                        color = "blue";
                        state = "打开";
                        sort = obj.SORT;
                    } else if (obj.STATUS == 2) {
                        li += "<i class='layui-icon layui-icon-ok-circle' style='color:#008000;font-size:30px'></i>";
                        color = "#008000";
                        state = "已处理";
                        count++;
                    } else if (obj.STATUS == 3) {
                        li += "<i class='layui-icon layui-icon-tips' style='color:#ff9222;font-size:30px'></i>";
                        color = "#ff9222";
                        state = "退回"
                    } else if (obj.STATUS == 4) {
                        li += "<i class='layui-icon layui-icon-ok-circle' style='color:#008000;font-size:30px'></i>";
                        color = "#008000";
                        state = "他人已处理";
                    } else if (obj.STATUS == 5) {
                        li += "<i class='layui-icon layui-icon-tips' style='color:#ff9222;font-size:30px'></i>";
                        color = "#ff9222";
                        state = "他人已退回"
                    } else if (obj.STATUS == 6) {
                        li += "<i class='layui-icon layui-icon-ok-circle' style='color:green;font-size:30px'></i>";
                        color = "green";
                        state = "同意"
                    } else if (obj.STATUS == 7) {
                        li += "<i class='layui-icon layui-icon-close-fill' style='color:red;font-size:30px'></i>";
                        color = "red";
                        state = "不同意"
                    }
                    li += "<div class='layui-timeline-content layui-text'>";
                    var _stepName = obj.STEPNAME == "公差通过" ? "归队申请" : obj.STEPNAME;
                    li += "<h4 class='layui-timeline-title' style='font-size: 16px;'><span style='color:" + color + "'>【" + state + "】</span>&nbsp&nbsp步骤：" + _stepName + "</h4>";
                    if (index == 0 || obj.STEPNAME == "公差通过") {
                        li += "<p>发起人：" + obj.RECEIVENAME + "</p>";
                        if (obj.COMPLETEDTIME1 != "") {
                            li += "<p>发起时间：" + obj.COMPLETEDTIME1 + "</p>";
                        }
                    } else {
                        li += "<p>审批人：" + obj.RECEIVENAME + "</p>";
                        if (obj.COMPLETEDTIME1 != "") {
                            li += "<p>审批时间：" + obj.COMPLETEDTIME1 + "</p>";
                            li += "<p>审批意见：" + obj.COMMENT2 + "</p>";
                        }
                    }
                    li += "</div></li>"
                    //if (obj.TASK_TYPE == 'oaTolerance') {
                        $("#stepMsg").append(li);
                    //} else if (obj.TASK_TYPE == 'oaToleranceCancel') {
                    //    $("#stepMsg2").append(li);
                    //}
                });
            }
        });
    });

    startMqttServer();
})