KN_CAMP_SOFTWARE_TEST/Code/智慧营区/MHManageAPP/js/index.js

var days = new Array("日", "一", "二", "三", "四", "五", "六");
var $, tab, dataStrAll, dataStr, layer;
layui.config({
    base: "js/"
}).extend({
    "bodyTab": "bodyTab"
})
layui.use(['bodyTab', 'form', 'element', 'layer', 'jquery'], function () {
    var form = layui.form,
        element = layui.element;
    $ = layui.$;
    layer = parent.layer === undefined ? layui.layer : top.layer;
    var userInfo = window.sessionStorage.getItem("userInfo");
    if (userInfo == null) {
        layer.msg("您未登录或登录超时请登录后使用，页面将在3秒后关闭!", { icon: 0 });
        setTimeout(function () { window.location.href = "/"; }, 3000)
    }
    $("#zh-user").html(JSON.parse(userInfo).USERS_NAME);

    showDT();
    //FMenu();
    //login();
    getData();

    function login() {
        var userInfo = window.sessionStorage.getItem("userInfo");
        if (userInfo == null) {
            layer.msg("您未登录或登录超时请登录后使用，页面将在3秒后关闭!", { icon: 0 });
            setTimeout(function () { window.location.href = "/"; }, 3000)
        } else {
            window.sessionStorage.setItem('UserName', JSON.parse(userInfo).USERS_NAME);
            window.sessionStorage.setItem('userInfo', userInfo);
            $.post("../ashx/ZYLoginHandler.ashx", {
                Action: "LoginAction",
                strUser: username,
                strPwd: password,
                random: new Date().getTime()//随机参数
            }, function (res) {
                if (res.code == 1) {
                    window.sessionStorage.setItem("userInfo", JSON.stringify(res.data));
                    getData();
                } else {
                    alert(res.msg);
                }
            });
        }
    }
    tab = layui.bodyTab({
        openTabNum: "50",  //最大可打开窗口数量
        url: "json/navs.json" //获取菜单json地址
    });

    //获取全部菜单   
    function getData() {
        $.post("../ashx/ZYMenuHandler.ashx", {
            Action: "GetUserMenu",
            random: new Date().getTime()//随机参数
        }, function (data) {
            $("#main_iframe").attr("src", "Fire/Map/Map.html");
            dataStrAll = data;
            var array = data;
            var menu = '<ul>';
            for (var i = 0; i < array.length; i++) {
                menu += '<li class="" menuid="' + array[i].id + '" menuurl="' + array[i].href + '"><a href="javascript:">' + array[i].title + '</a></li>';
            }
            menu += '</ul>';
            $(".zh-menu").html(menu);
            //tab.render();

            //顶部菜单切换
            $(".zh-menu ul li").click(function () {
                var userInfo = window.sessionStorage.getItem("userInfo");
                if (userInfo == null) {
                    layer.msg("您未登录或登录超时请登录后使用，页面将在3秒后关闭!", { icon: 0 });
                    setTimeout(function () { window.location.href = "/"; }, 3000)
                }
                $("#mainTabDiv").hide();
                $("#mainDiv").show();
                $(this).addClass("current").siblings().removeClass("current");
                var menuid = $(this).attr("menuid");
                var menuurl = $(this).attr("menuurl");
                var furl = $("#main_iframe").attr("src");

                if (menuurl == furl) { return; }
                else if (menuurl == "Fire/Map/Map.html") {
                    $("#mainTabDiv").hide();
                    $("#mainDiv").show();
                    $("#main_iframe").attr("src", menuurl); hidemenu(); return;
                }
                else {
                    SMenu(menuid, menuurl);
                }
            });
        });
    }

    // 点击左侧菜单添加新窗口
    $("body").on("click", ".layui-nav .layui-nav-item a:not('.mobileTopLevelMenus .layui-nav-item a')", function () {
        var userInfo = window.sessionStorage.getItem("userInfo");
        if (userInfo == null) {
            layer.msg("您未登录或登录超时请登录后使用，页面将在3秒后关闭!", { icon: 0 });
            setTimeout(function () { window.location.href = "/"; }, 3000)
        }
        $(".layui-nav-itemed>.layui-nav-child").css("dispaly", "none");
        if (($(this).attr("data-url"))) {
            if ($(this).attr("data-flowtype") == "0") {
                $("#mainTabDiv").hide();
                $("#mainDiv").show();
                $("#main_iframe").attr("src", "../" + $(this).attr("data-url"));
            }
            else if ($(this).attr("data-flowtype") == "1") {
                //$("#mainTabDiv").html("");
                var menuId = $(this).attr("data-url");
                $.ajax({
                    type: "post",
                    url: "../ashx/ZYSysMenuHandler.ashx",
                    data: { Action: "getMenuTitile", ID: menuId },
                    dataType: "json",
                    success: function (res) {
                        top.treeClick(
                            {
                                "width": "",
                                "height": "",
                                "id": res.data.ID,
                                "link": res.data.Address + "?" + res.data.Params,
                                "model": "0",
                                "title": res.data.MENU_TITLE
                            }
                        );
                    }
                })
                //$("#mainDiv").hide();
                //$("#mainTabDiv").show();
            }
        } else {
            $(".layui-nav-child").slideUp();
        }

        $(this).parent("li").siblings().removeClass("layui-nav-itemed");
        $(".layui-nav .layui-nav-itemed .layui-nav-child").slideDown();


    })

    //刷新后还原打开的窗口
    if (cacheStr == "true") {
        if (window.sessionStorage.getItem("menu") != null) {
            menu = JSON.parse(window.sessionStorage.getItem("menu"));
            curmenu = window.sessionStorage.getItem("curmenu");
            var openTitle = '';
            for (var i = 0; i < menu.length; i++) {
                openTitle = '';
                if (menu[i].icon) {
                    if (menu[i].icon.split("-")[0] == 'icon') {
                        openTitle += '<i class="seraph ' + menu[i].icon + '"></i>';
                    } else {
                        openTitle += '<i class="layui-icon">' + menu[i].icon + '</i>';
                    }
                }
                openTitle += '<cite>' + menu[i].title + '</cite>';
                openTitle += '<i class="layui-icon layui-unselect layui-tab-close" data-id="' + menu[i].layId + '">&#x1006;</i>';
                element.tabAdd("bodyTab", {
                    title: openTitle,
                    content: "<iframe src='" + menu[i].href + "' data-id='" + menu[i].layId + "'></frame>",
                    id: menu[i].layId
                })
                //定位到刷新前的窗口
                if (curmenu != "undefined") {
                    if (curmenu == '' || curmenu == "null") {  //定位到后台首页
                        element.tabChange("bodyTab", '');
                    } else if (JSON.parse(curmenu).title == menu[i].title) {  //定位到刷新前的页面
                        element.tabChange("bodyTab", menu[i].layId);
                    }
                } else {
                    element.tabChange("bodyTab", menu[menu.length - 1].layId);
                }
            }
            //渲染顶部窗口
            tab.tabMove();
        }
    } else {
        window.sessionStorage.removeItem("menu");
        window.sessionStorage.removeItem("curmenu");
    }

    //打开新窗口
    function addTab(_this) {
        tab.tabAdd(_this);
    }

});
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(); //秒
    theDateStr = y + "-" + m + "-" + date + " " + " 星期" + days[day] + " " + hs + ":" + ms + ":" + ss;
    document.getElementById("theClock").innerHTML = theDateStr;
    // setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
    window.setTimeout(showDT, 1000);
}
//一级菜单
function FMenu() {
    //菜单切换
    $(".zh-menu ul li").click(function () {
        $(this).addClass("current").siblings().removeClass("current");
        var menuid = $(this).attr("menuid");
        var menuurl = $(this).attr("menuurl");
        var furl = $("#main_iframe").attr("src");
        if (menuurl == furl) { return; }
        else if (menuurl == "Fire/Map/Map.html") { $("#main_iframe").attr("src", "../" + menuurl); hidemenu(); return; }
        else {
            SMenu(menuid, menuurl);
        }
    });
}
//下级菜单
function SMenu(menuid, menuurl) {
    //查询结果>0显示左侧菜单栏，否则隐藏
    if (true) {
        $("#main_iframe").attr("src", "../" + menuurl);
        showmenu();
        //加载左侧菜单
        for (var index in dataStrAll) {
            if (dataStrAll[index].id == menuid) {
                dataStr = dataStrAll[index].children;
                tab.render();
                return false;
            }
        }
    } else {
        hidemenu();
        $("#main_iframe").attr("src", "../" + menuurl);
        //加载左侧菜单
        for (var index in dataStrAll) {
            if (dataStrAll[index].id == menuid) {
                dataStr = dataStrAll[index].children;
                tab.render();
                return false;
            }
        }
    }
}
//菜单显示
function hidemenu() {
    $(".rcgl-content").addClass("hidemenu");
}
//菜单隐藏
function showmenu() {
    $(".rcgl-content").removeClass('hidemenu');
}

//登出
$(".zh-tuichu a").click(function () {
    loginOut();
});
function loginOut() {
    layer.open({
        type: 1,
        title: false,
        closeBtn: false,
        area: "auto",
        shade: 0.3,
        //id:''//设定一个id，防止重复弹出
        btn: ["确定", "取消"],
        btnAlign: "c",
        //move:true,//false关闭拖拽/默认.layui-layer-title可不写
        content: "<div style=\"padding:40px;line-height:22px;background-color:#3352AF;color:#fff;font-weight:300;font-size:16px;\">退出云平台？<br/><br/>点击“确定”退出，否者点击“取消”返回。<br/><br/>确定退出？</div>",
        yes: function (index, layero) {
            //跳转退出
            window.location.href = "/";
        }
    });

}