var AllMenuData = [];
layui.use(['form', 'element', 'layer', 'jquery'], function () {
    var form = layui.form,
        element = layui.element;
    $ = layui.$;
    layer = parent.layer === undefined ? layui.layer : top.layer;
    var userInfo = "";
    if (window.sessionStorage.getItem("userInfo") != null) {
        userInfo = window.sessionStorage.getItem("userInfo");
    } else {
        var kn_root_c_cookie = $.cookie("kn_root_cookie");
        var kn_root_c_cookie_json = "";
        if (kn_root_c_cookie != undefined) {
            kn_root_c_cookie_json = JSON.parse(kn_root_c_cookie)
        }
        if (kn_root_c_cookie != "" && kn_root_c_cookie != null && typeof kn_root_c_cookie == 'string') {
            $.ajax({
                type: "post",
                url: "../ashx/ZYSysUserHandler.ashx",
                data: {
                    Action: "UserInfo2",
                    UsersUid: kn_root_c_cookie_json.usersUid,
                    random: new Date().getTime()//随机参数
                },
                async: false,
                dataType: "json",
                success: function (res) {
                    if (res.code == 1) {
                        userInfo = JSON.stringify(res.data);
                        window.sessionStorage.setItem("userInfo", JSON.stringify(res.data));
                    } else {
                        alert(res.msg);
                    }
                }
            })
        } else {
            alert("您未登录或登录超时请登录后使用");
            window.close();
        }
    }

    //$(document).onload(function () {
    checklogin();
    //加载日期
    showDT();
    //加载菜单
    //getFMenu();
    //菜单拖动
    setMenuTD();
    //加载菜单
    getMenuData();
    //});
    //检查登录状态
    function checklogin() {
        //var userInfo = window.sessionStorage.getItem("userInfo");
        //if (userInfo == null) {
        //	layer.msg("您未登录或登录超时请登录后使用，页面将在3秒后关闭!", { icon: 0 });
        //	setTimeout(function () { window.location.href = "/"; }, 3000)
        //}
    }
    //日期
    function showDT() {
        var currentDT = new Date();
        var y, m, date, day, hs, ms, ss, theDateStr;
        y = currentDT.getFullYear(); //四位整数表示的年份
        m = currentDT.getMonth() + 1; //月
        date = currentDT.getDate(); //日
        day = currentDT.getDay(); //星期
        hs = currentDT.getHours(); //时
        ms = currentDT.getMinutes(); //分
        ss = currentDT.getSeconds(); //秒
        if (m < "10") {
            m = "0" + m;
        }
        theDateStr = y + "-" + m + "-" + date;
        theTimeStr = hs + ":" + ms + ":" + ss
        //document.getElementById("theDate").innerHTML = theDateStr;
        $("#theDate").html(theDateStr);
        // setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
        //document.getElementById("theTime").innerHTML = theTimeStr;
        $("#theTime").html(theTimeStr);
        window.setTimeout(showDT, 1000);
    }
    //菜单拖动
    function setMenuTD() {
        let tableScroll = document.getElementById('second-menu');  //滚动条部分
        let tableBox = document.getElementById('second-menu-ul');  //需要拖拽的内容部分
        let tableScrollWidth = tableScroll.style.width;  //滚动可见宽度
        let tableBoxWidth = tableBox.style.width;  //内容宽度
        //鼠标按下的时候
        tableBox.onmousedown = function (ev) {

            let oEvent = ev || event;  //ev 成立时 oEvent = event，否则 oEvent = ev , 事件对象 兼容处理
            let mousePlace = oEvent.screenX  //点击时当前鼠标的位置
            //鼠标移动的时候
            document.onmousemove = function (ev) {
                let oEvent = ev || event;  //当前的事件对象  oDiv2
                let distance = oEvent.clientX;  //oEvent.clientX 表示 oDiv2相对于页面左侧的距离，l表示现在的大小
                let actual = mousePlace - distance;  //拖动的距离
                let scrollNum = tableScroll.scrollLeft;  //当前滚动条的位置

                scrollNum = scrollNum + actual;  //当前滚动条的位置
                tableScroll.scrollLeft = scrollNum
            };
            document.onmouseup = function () {

                document.onmousemove = null;
                document.onmouseup = null;
            };
        };
        tableBox.onmouseup = function () {
            tableBox.onmousemove = null;
        }
        //鼠标滚轮滑动的时候
        tableBox.onmousewheel = function (ev) {
            let e = ev || event;  //当前的事件对象  oDiv2
            let scrollNum = tableScroll.scrollLeft;  //当前滚动条的位置
            let moveNum = 120;
            let lNum = scrollNum + moveNum;
            let rNum = scrollNum - moveNum;
            //tableScroll.scrollLeft = scrollNum;
            if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件             
                if (e.wheelDelta > 0) { //当滑轮向上滚动时
                    tableScroll.scrollLeft = rNum;
                }
                else { //当滑轮向下滚动时
                    tableScroll.scrollLeft = lNum;
                }
            } else if (e.detail) { //Firefox滑轮事件
                if (e.detail > 0) { //当滑轮向上滚动时
                    tableScroll.scrollLeft = rNum;
                }
                else { //当滑轮向下滚动时
                    tableScroll.scrollLeft = lNum;
                }
            }
        }
    }
    //获取全部菜单   
    function getMenuData() {
        var UserCode = JSON.parse(window.sessionStorage.getItem("userInfo")).UserCode;
        $.post("../../ashx/ZYMenuHandler.ashx", {
            Action: "GetUserMenuNoAuth",
            UsersUid: "xzxfzd",//UserCode,
            random: new Date().getTime()//随机参数
        }, function (data) {
            //console.log(data);
            //$("#main_iframe").attr("src", "Fire/Map/Map.html");
            AllMenuData = data;
            showFMenu(data);
        });

        //debugger;
        //$.post("../../ashx/ZYMenuHandler.ashx", {
        //    Action: "GetUserMenu",
        //    random: new Date().getTime()//随机参数
        //}, function (data) {
        //    //console.log(data);
        //    //$("#main_iframe").attr("src", "Fire/Map/Map.html");
        //    AllMenuData = data;
        //    showFMenu(data);
        //});
    }

    //加载一级菜单
    function showFMenu(menuData) {
        var mlHtml = '', mrHtml = '';
        var menuLength = menuData.length / 2;
        var leftMenuData = [];
        menuData.forEach(function (item, index) {
            var itemHref = item.href;
            if (item.title == "接处警管理") {
                itemHref = "Index/jcjgl.html";
            }
            if (index < menuLength) {
                leftMenuData.push(item);
            } else {
                mrHtml += '<div id="menu_' + index + '" menu-url="' + itemHref + '" onclick="menuClick(\'' + index + '\')" class="menu_btn menuR_btn_back" style="margin-right: -8px;float: left">' + item.title + '</div>'
            }
        });
        for (var i=(leftMenuData.length-1); i>=0 ;i--) {
            var leftItem = leftMenuData[i];
            var itemHref = leftItem.href, current = "";
            if (leftItem.title == "接处警管理") {
                itemHref = "Index/jcjgl.html";
            }
            if (i == 0) {
                current = "current";
                //设置默认页
                $("#mainframe").attr("src", "../" + itemHref);
                getSMenu(i);
            }
            mlHtml += '<div id="menu_' + i + '" menu-url="' + itemHref + '" onclick="menuClick(\'' + i + '\')" class="menu_btn menuL_btn_back ' + current + '" style="margin-left: -8px;float: right">' + leftItem.title + '</div>';
        }
        $("#menuL").html(mlHtml);
        $("#menuR").html(mrHtml);
    }
    //一级菜单点击事件
    menuClick = function (index) {
        $(".second-menu ul").html('');
        $(".menu_btn").removeClass("current");
        $("#menu_" + index).addClass("current");
        var url = $("#menu_" + index).attr("menu-url");
        if (url != undefined && url != "") {
            $("#mainframe").attr("src", "../" + url);
        }
        getSMenu(index);
    }
    function getSMenu(index) {
        var SMenuData = AllMenuData[index];
        if (SMenuData && SMenuData.children && SMenuData.children.length > 0) {
            showSMenu(SMenuData.children);
            //$(".second-menu ul").width(180 * SMenuData.children.length);
            $(".maincontent").css("top", "70px");

            //显示二级菜单栏
            $(".second-menu ul").css("height", "51px");
            $(".second-menu ul").css("border", "1px solid rgba(47,131,180,0.6)");
        } else {
            $(".maincontent").css("top", "0px");

            //隐藏二级菜单栏
            $(".second-menu ul").css("height", "0");
                $(".second-menu ul").css("border", "none");
        }
    }
    //加载二级三级菜单
    function showSMenu(menuData) {

        var mHtml = '';
        menuData.forEach(function (item, index) {
            if (item.title == "接警管理")
                mHtml += '<li menu-url="Index/jcjgl.html" menu-id="' + item.id + '" >';
            else
                mHtml += '<li menu-url="' + item.href + '" menu-id="' + item.id + '" >';

            mHtml += ' <a href="javascript: void (0);" class="second-menu-li-a ';
            if (index == 0) {
                mHtml += 'current';
                if (item.href && item.href != null) {
                    if (item.title == "接警管理")
                        $("#mainframe").attr("src", "jcjgl.html");
                    else
                        $("#mainframe").attr("src", "../" + item.href);
                }
            }
            mHtml += ' " >' + item.title + '</a>';

            if (item.children && item.children.length > 0) {
                mHtml += '<ul>';
                item.children.forEach(function (clditem, index) {
                    mHtml += '<li menu-url="' + clditem.href + '" menu-id="' + clditem.id + '" ';

                    mHtml += '><a href="javascript: void (0);"  class="three-menu-li-a" >' + clditem.title + '</a>';

                    mHtml += '</li>';
                });
                mHtml += '</ul>';
            }
            //mHtml += '<ul><li><a href="javascript: void (0);">三级菜单</a></li><li><a href="javascript: void (0);">三级菜单</a></li><li><a href="javascript: void (0);">三级菜单</a></li></ul>';
            mHtml += '</li>';
        });
        $(".second-menu ul").html(mHtml);

        //二级三级菜单点击事件
        clientSMenu();
    }
    //二级三级菜单点击事件
    function clientSMenu() {
        $(".second-menu-li-a").click(function () {
            $(".second-menu ul li a").removeClass("current");
            $(this).addClass("current");
            var url = $(this).parent().attr("menu-url");
            if (url != undefined && url != "") {
                $("#mainframe").attr("src", "../" + url);
            }

        });
        //三级菜单点击事件
        $(".three-menu-li-a").click(function () {
            var url = $(this).parent().attr("menu-url");
            if (url != undefined && url != "") {
                $("#mainframe").attr("src", "../" + url);
            }
        });
    }
});