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 dept = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
    var userphone = JSON.parse(window.sessionStorage.getItem("userInfo")).USERS_MOBILE;
    var acc_data = { data: [] };
    var rep_data = { data: [] };
    var app_data = { data: [] };
    var sTime, eTime;
    //开始时间选择器
    laydate.render({
        elem: '#starttime',
        type: 'datetime',
        done: function (value, date) {
            sTime = value;
        }
    });
    //结束时间选择器
    laydate.render({
        elem: '#finishtime',
        type: 'datetime',
        done: function (value, date) {
            eTime = value;
        }
    });
    $("#username").val(UserName);
    $("#userphone").val(userphone);
    $("#dept").val(dept);



    //车辆
    $("#car").click(function () {
        $("#chkStyle").val("radio");
        index = layui.layer.open({
            type: 2,
            title: '车辆选择',
            area: ['260px', '420px'],
            content: 'Cartree.html',
            btn: ['确定'],
            success: function (layero, index) {
                var pid = $("#carid").val();
                var body = layui.layer.getChildFrame('body', index);
                body.find("#treeID").val(pid);
            },
            yes: function (index, layero) {
                acc_data.data.length = 0;
                var iframeWin = window[layero.find('iframe')[0]['name']];
                var datas = iframeWin.window.returnData();
                datas = JSON.parse(datas);
                console.log(datas);
                var treeId = "", treeName = "";
                for (var x in datas) {
                    if (datas[x].TYPE == "car") {
                        car = datas[x].NAME;
                        carid = datas[x].ID;
                        break;
                    }
                }

                $("#car").val(car);
                $("#carid").val(carid);
                layui.layer.close(index); //如果设定了yes回调，需进行手工关闭
            }
        });
    });
    //用车人
    $("#userman").click(function () {
        $("#chkStyle").val("radio");
        layui.layer.open({
            type: 2,
            title: '用车人选择',
            area: ['260px', '420px'],
            content: '../Tree/Orgtree2.html',
            btn: ['确定'],
            success: function (layero, index) {
                var pid = $("#acc_pplId").val();
                var body = layui.layer.getChildFrame('body', index);
                body.find("#treeID").val(pid);
            },
            yes: function (index, layero) {
                acc_data.data.length = 0;
                var iframeWin = window[layero.find('iframe')[0]['name']];
                var datas = iframeWin.window.returnData();
                datas = JSON.parse(datas);
                var treeId = "", treeName = "", count = 0;
                for (var i = 0; i < datas.length; i++) {
                    if (datas[i].TYPE == "emp") {
                        if (count == 0) {
                            treeName += datas[i].NAME;
                        } else {
                            treeName += "," + datas[i].NAME;
                        }
                        var acc_pplobj = new Object();
                        acc_pplobj.ppl_Id = datas[i].ID;
                        acc_pplobj.ppl_Name = datas[i].NAME;
                        acc_data.data.push(acc_pplobj);
                        count++;
                    }
                }
                $("#userman").val(treeName);
                layui.layer.close(index); //如果设定了yes回调，需进行手工关闭
            }
        });
    });
    //同乘人
    $("#ridemans").click(function () {
        $("#chkStyle").val("checkbox");
        layui.layer.open({
            type: 2,
            title: '同乘人选择',
            area: ['260px', '420px'],
            content: '../Tree/Orgtree2.html',
            btn: ['确定'],
            success: function (layero, index) {
                var pid = $("#acc_pplId").val();
                var body = layui.layer.getChildFrame('body', index);
                body.find("#treeID").val(pid);
            },
            yes: function (index, layero) {
                acc_data.data.length = 0;
                var iframeWin = window[layero.find('iframe')[0]['name']];
                var datas = iframeWin.window.returnData();
                datas = JSON.parse(datas);
                var treeId = "", treeName = "", count = 0;
                for (var i = 0; i < datas.length; i++) {
                    if (datas[i].TYPE == "emp") {
                        if (count == 0) {
                            treeName += datas[i].NAME;
                        } else {
                            treeName += "," + datas[i].NAME;
                        }
                        var acc_pplobj = new Object();
                        acc_pplobj.ppl_Id = datas[i].ID;
                        acc_pplobj.ppl_Name = datas[i].NAME;
                        acc_data.data.push(acc_pplobj);
                        count++;
                    }
                }
                $("#ridemans").val(treeName);
                layui.layer.close(index); //如果设定了yes回调，需进行手工关闭
            }
        });
    });

    //审批人
    $("#approverAdd").click(function () {
        $("#chkStyle").val("radio");
        layui.layer.open({
            type: 2,
            title: '审批人选择',
            area: ['260px', '420px'],
            content: '../Tree/OrgLeadertree.html',
            btn: ['确定'],
            success: function (layero, index) {
                var body = layui.layer.getChildFrame('body', index);
            },
            yes: function (index, layero) {
                $("#chkStyle").val("");
                var iframeWin = window[layero.find('iframe')[0]['name']];
                var datas = iframeWin.window.returnData();
                datas = JSON.parse(datas);
                for (var i = 0; i < datas.length; i++) {
                    console.log(i + "：" + datas[i].NAME);
                    if (datas[i].TYPE == "emp") {
                        var flag = true;
                        for (var y = 0; y < app_data.data.length; y++) {
                            if (app_data.data[y].ppl_Id == datas[i].ID) {
                                layer.msg("选择的审批人已经添加过了，不可重复添加");
                                flag = false;
                                break;
                            }
                        }
                        if (flag) {
                            var button1 = '<button class="layui-btn layui-btn-sm layui-btn-normal" data-value=' + datas[i].ID + '><i class="layui-icon"></i> ' + datas[i].NAME + '</button>';
                            button1 += '<i style="margin:0 5px;font-size:20px" class="iconfont icon-youjiantou"></i>'
                            var button = "<input style='width:60px' class='layui-btn layui-btn-sm layui-btn-normal' data-value='" + datas[i].ID + "' value='" + datas[i].NAME + "'/>——>";
                            var app_pplobj = new Object();
                            app_pplobj.ppl_Id = datas[i].ID;
                            app_pplobj.ppl_Name = datas[i].NAME;
                            $("#approverAdd").before(button1);
                            app_data.data.push(app_pplobj);
                        }
                    }
                }
                layui.layer.close(index); //如果设定了yes回调，需进行手工关闭
            }
        });
    });

    //审批人
    $("#approverList").on("click", "button", function () {
        $(this).next("i").remove();
        $(this).remove();
        var pplId = $(this).attr("data-value");
        for (var i = 0; i < app_data.data.length; i++) {
            if (app_data.data[i].ppl_Id == pplId) {
                app_data.data.splice(i, 1);
            }
        }
    });
    form.on("submit(AddEdit)", function (data) {
        if (app_data.data.length == 0) {
            top.layer.msg('请添加审批人！');
            return;
        }
        //load提交
        var index = layer.msg('数据提交中，请稍候', { icon: 16, time: false, shade: 0.8 });
        $.post("../../ashx/CarApplyHandler.ashx", {
            Action: "Add",
            userid: UserId, //申请人ID
            username: $("#username").val(), //申请人姓名
            userphone: $("#userphone").val(), //申请人电话
            carid: $("#carid").val(), //车辆id
            userman: $("#userman").val(), //用车人
            dept: $("#deptid").val(), //单位
            ridenum: $("#ridenum").val(), //同乘人数
            ridemans: $("#ridemans").val(), //同乘人员
            ridepurpose: $("#ridepurpose").val(), //用车目的
            startpoint: $("#startpoint").val(), //起点
            destination: $("#destination").val(), //目的地
            starttime: $("#starttime").val(), //起始时间
            finishtime: $("#finishtime").val(), //结束时间

            app_pplId: JSON.stringify(app_data), //审批人
            random: new Date().getTime()    //随机参数(员工表ID ","分割)
        }, function (res) {
            console.log(res);
            res = $.parseJSON(res);
            if (res.code == 1) {
                // parent.layer.msg(res.msg);
                var title = "车辆申请审批";
                var content = $("#username").val() + "的车辆申请，请审批！";
                var usercode = app_data.data[0].ppl_Id;
                sendMessage(title, content, usercode);
              
                top.layer.msg("申请成功！");
                parent.location.reload();
                layer.close(index);
            } else {
                layer.close(index);
                layer.msg(res.msg);
            }
        });
        layer.close(index);
        return false;
    })

    startMqttServer();
})