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;
    var pplName = ""
    var applyId = $.getUrlVar("applyId");
    //applyId = "d1c9bf13-9cc1-4ae8-b9eb-2e5cb16ed03f";
    waitId = $.getUrlVar("waitId");

    getApply = function () {
        $.ajax({
            type: "post",
            url: "../../ashx/CarApplyHandler.ashx",
            data: { Action: "getCarApply", id: applyId },
            dataType: "json",
            success: function (res) {
                var applyData = res.applyData[0];
                $("#title").val(applyData.TITLE);
                $("#username").val(applyData.USERNAME);
                $("#userphone").val(applyData.USERPHONE);
                $("#carnum").val(applyData.CARNUM);
                $("#starttime").val(applyData.STARTTIME);
                $("#finishtime").val(applyData.FINISHTIME);
                $("#userman").val(applyData.USERMAN_NAME);
                //$("#dept").val(applyData.DEPT);
                $("#ridenum").val(applyData.RIDENUM);
                $("#RIDEMANS_NAME").val(applyData.RIDEMANS_NAME);
                $("#RIDEPURPOSE").val(applyData.RIDEPURPOSE);
                $("#STARTPOINT").val(applyData.STARTPOINT);
                $("#DESTINATION").val(applyData.DESTINATION);


                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'>";
                    li += "<h4 class='layui-timeline-title' style='font-size: 16px;'><span style='color:" + color + "'>【" + state + "】</span>&nbsp&nbsp步骤：" + obj.STEPNAME + "</h4>";
                    li += "<p>处理人：" + obj.RECEIVENAME + "</p>";
                    if (obj.COMPLETEDTIME1 != "") {
                        li += "<p>审批时间：" + obj.COMPLETEDTIME1 + "</p>";
                        li += "<p>审批意见：" + obj.COMMENT2 + "</p>";
                    }
                    li += "</div></li>"
                    $("#stepMsg").append(li);
                });
            }
        });
    }
    $(function () {
        getApply();
    });

    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/CarApplyHandler.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);


                if (res.code == 1) {

                    if (isOver == "0") {
                        var title = "车辆申请审批";

                        var content = pplName + "的车辆申请，请审批！";
                        var usercode = res.usercode;
                        sendMessage(title, content, usercode);

                    } else if (isOver == "1") {

                        var title = "车辆申请通过";
                        var content = pplName + "，您的车辆申请已审批通过！";
                        var usercode = res.usercode;
                        sendMessage(title, content, usercode);
                    }

                    top.layer.msg(res.msg);
                    parent.location.reload();
                } else {
                    layer.msg(res.msg);
                }
            });
            layer.close(index);
            return false;
        });
    }
    disagreeClick = function () {
        var index = layer.msg('数据提交中，请稍候', { icon: 16, time: false, shade: 0.8 });
        if ((count + 1) < countSum) {
            isOver = "0";
        } else {
            isOver = "1";
        }
        layer.confirm('请问是否不同意【' + pplName + '】的车辆申请', {
            icon: 2,
            title: '提示',
            btn: ['确定', '取消'] //按钮
        }, function () {
            $.post("../../ashx/CarApplyHandler.ashx", {
                Action: "editWait",
                leaveId: lId, //请假表ID
                waitId: waitId, //待办表ID
                state: "3", //同意状态
                sort: sort, //审批顺序
                a_opinion: $("#a_opinion").val(), //审批意见
                isOver: isOver //是否审批结束
            }, function (res) {
                layer.close(index);
                res = $.parseJSON(res);
                if (res.code == 1) {
                    var title = "车辆申请未通过";
                    var content = "抱歉，" + pplName + "，您的车辆申请未审批通过！";
                    var usercode = res.usercode;
                    sendMessage(title, content, usercode);

                    top.layer.msg(res.msg);
                    parent.location.reload();
                } else {
                    layer.msg(res.msg);
                }
            });
            layer.close(index);
            return false;
        });
    }

    startMqttServer();
})