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 leaveId = $.getUrlVar("leaveId");
        waitId = $.getUrlVar("waitId");
        console.log(waitId);
        $.ajax({
            type: "post",
            url: "../../ashx/OaLeaveHandler.ashx",
            data: { Action: "getLeave", leaveId: leaveId },
            dataType: "json",
            success: function (res) {
                console.log(res);
                var leaveData = res.leaveData;
                if (leaveData.length > 0) {
                    lId = leaveData[0].ID;
                    pplName = leaveData[0].PPL_NAME;
                    $("#ppl_name").val(pplName);
                    $("#l_type").val(leaveData[0].DIC_TEXT);
                    $("#s_time").val(leaveData[0].S_TIME);
                    $("#e_time").val(leaveData[0].E_TIME);
                    $("#l_num").val(leaveData[0].L_NUM);
                    $("#acc_ppl").val(leaveData[0].ACC_PPL_NAME);
                    $("#rep_ppl").val(leaveData[0].REP_PPL_NAME);
                    $("#l_out").text(leaveData[0].L_OUT);
                    $("#l_reason").text(leaveData[0].L_REASON);
                }

                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 == 'oaLeave') {
                        $("#stepMsg").append(li);
                    //} else if (obj.TASK_TYPE == 'oaLeaveCancel') {
                    //    $("#stepMsg2").append(li);
                    //}
                });
            }
        });
    });
    //agreeClick = function () {
    //    //load提交
    //    var index = layer.msg('数据提交中，请稍候', { icon: 16, time: false, shade: 0.8 });
    //    if (count < countSum) {
    //        isOver = "0";
    //    } else {
    //        isOver = "1";
    //    }
    //    layer.confirm('请问是否同意【' + pplName + '】的请假', {
    //        icon: 1,
    //        title: '提示',
    //        btn: ['确定', '取消'] //按钮
    //    }, function () {
    //        $.post("../../ashx/OaLeaveHandler.ashx", {
    //            Action: "editWait",
    //            leaveId: lId, //请假表ID
    //            waitId: waitId, //待办表ID
    //            state: "2", //同意状态
    //            sort: sort, //审批顺序
    //            a_opinion: $("#a_opinion").val(), //审批意见
    //            isOver: isOver //是否审批结束
    //        }, function (res) {
    //            res = $.parseJSON(res);
    //            var pplid = res.data;
    //            if (pplid != "") {
    //                if (isOver == "0") {
    //                    var title = "请假申请审批";
    //                    var content = UserName + "的请假申请，请审批！";
    //                    var usercode = pplid;
    //                    sendMessage(title, content, usercode);
    //                    top.layer.msg("审批成功！");
    //                    parent.location.reload();
    //                } else if (isOver == "1") {
    //                    var title = "请假申请通过";
    //                    var content = UserName + "您的请假申请已审批通过！";
    //                    var usercode = pplid;
    //                    sendMessage(title, content, usercode);
    //                    top.layer.msg("审批成功！");
    //                    parent.location.reload();
    //                }
    //            } else {
    //                top.layer.msg("审批失败！");
    //            }
    //            layer.close(index);
    //        });
    //        layer.close(index);
    //        return false;
    //    });
    //}
    //disagreeClick = function () {
    //    var index = layer.msg('数据提交中，请稍候', { icon: 16, time: false, shade: 0.8 });
    //    if (count < countSum) {
    //        isOver = "0";
    //    } else {
    //        isOver = "1";
    //    }
    //    layer.confirm('请问是否不同意【' + pplName + '】的请假', {
    //        icon: 2,
    //        title: '提示',
    //        btn: ['确定', '取消'] //按钮
    //    }, function () {
    //        $.post("../../ashx/OaLeaveHandler.ashx", {
    //            Action: "editWait",
    //            leaveId: lId, //请假表ID
    //            waitId: waitId, //待办表ID
    //            state: "3", //同意状态
    //            sort: sort, //审批顺序
    //            a_opinion: $("#a_opinion").val(), //审批意见
    //            isOver: isOver //是否审批结束
    //        }, function (res) {
    //            res = $.parseJSON(res);
    //            var pplid = res.data;
    //            if (pplid != "") {
    //                var title = "请假申请不通过";
    //                var content = "抱歉，" + UserName + "您的请假申请未审批通过！";
    //                var usercode = pplid;
    //                sendMessage(title, content, usercode);
    //                top.layer.msg("审批成功！");
    //                parent.location.reload();
    //            } else {
    //                top.layer.msg("审批失败！");
    //            }
    //            layer.close(index);
    //        });
    //        layer.close(index);
    //        return false;
    //    });
    //}

    startMqttServer();
})