ok-admin/js/okadmin.js

// NProgress.start();
// window.onload = function () {
//     NProgress.done();
// }

function addTab() {
    console.log(self != top)
    if (self != top) {
        console.log("在iframe中")
    } else {
        console.log("不在iframe中")
    }
}

var element;
layui.use(["element", "layer"], function () {
    element = layui.element;
    var $ = layui.jquery;
    var layer = layui.layer;

    /**
     * localhost运行提示
     */
    var href = location.href;
    if (href.substring(0, 4) != "http") {
        layer.msg("请先部署到localhost环境下再访问！", {icon: 7, time: 3000, anim: 1});
    }

    /**
     * 左边菜单显示/隐藏功能
     * @type {boolean}
     */
    $(".menu-switch").click(function () {
        addTab();
        if ($(".layui-layout-admin .layui-side").css("left") == '0px') {
            $(".layui-layout-admin .layui-side").animate({left: "-200px"});
            $(".layui-layout-admin .content-body").animate({left: "0px"});
            $(".layui-layout-admin .layui-footer").animate({left: "0px"});
        } else {
            $(".layui-layout-admin .layui-side").animate({left: "0px"});
            $(".layui-layout-admin .content-body").animate({left: "200px"});
            $(".layui-layout-admin .layui-footer").animate({left: "200px"});
        }
    });

    /**
     * 点击左边菜单在右边添加选项卡
     */
    $(".layui-nav-child").find("dd").click(function () {
        // 纯文字
        var title = $(this).text();
        // 图标+文字
        // var title = $(this).find("a").html();
        var path = $(this).children("a").attr("path");
        var tabId = $(this).children("a").attr("tab-id");
        tabAdd(title, path, tabId);
        // if (path != undefined && path != "" && tabId != undefined && tabId != "") {
        //     // 去重复选项卡
        //     for (var i = 0; i < $(".ok-frame").length; i++) {
        //         if ($(".ok-frame").eq(i).attr("tab-id") == tabId) {
        //             element.tabChange("ok-tab", tabId);
        //             event.stopPropagation();
        //             return;
        //         }
        //     }
        //     // 添加选项卡
        //     element.tabAdd("ok-tab", {
        //         title: title,
        //         content: "<iframe src='" + path + "' tab-id='" + tabId + "' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
        //         id: tabId
        //     });
        //     // 切换选项卡
        //     element.tabChange("ok-tab", tabId);
        // }
    });

    function tabAdd(title ,path, tabId) {
        if (path != undefined && path != "" && tabId != undefined && tabId != "") {
            // 去重复选项卡
            for (var i = 0; i < $(".ok-frame").length; i++) {
                if ($(".ok-frame").eq(i).attr("tab-id") == tabId) {
                    element.tabChange("ok-tab", tabId);
                    event.stopPropagation();
                    return;
                }
            }
            // 添加选项卡
            element.tabAdd("ok-tab", {
                title: title,
                content: "<iframe src='" + path + "' tab-id='" + tabId + "' class='ok-frame' frameborder='0' scrolling='yes' width='100%' height='100%'></iframe>",
                id: tabId
            });
            // 切换选项卡
            element.tabChange("ok-tab", tabId);
        }
    }

    /**
     * 修改copyright结束时间
     */
    var data = new Date();
    var year = data.getFullYear();
    $("#endYear").text(year);

    /**
     * 捐赠作者
     */
    $(".layui-footer button.donate").click(function () {
        layer.tab({
            area: ["330px", "350px"],
            tab: [{
                title: "支付宝",
                content: "<img src='imgs/zfb.jpg' width='200' height='300' style='margin-left: 60px'>"
            }, {
                title: "微信",
                content: "<img src='imgs/wx.jpg' width='200' height='300' style='margin-left: 60px'>"
            }]
        });
    });

    /**
     * QQ群交流
     */
    $(".layui-footer button.communication").click(function () {
        layer.tab({
            area: ["330px", "350px"],
            tab: [{
                title: "QQ群",
                content: "<img src='imgs/qq.jpeg' width='200' height='300' style='margin-left: 60px'>"
            }]
        });
    });

    /**
     * 退出操作
     */
    $("#logout").click(function () {
        layer.confirm("确定要退出吗？", {skin: 'layui-layer-lan', icon: 3, title: '提示', anim: 6}, function () {
            window.location = "login.html";
        });
    });

    /**
     * 锁定账户
     */
    $("#lock").click(function () {
        layer.confirm("确定要锁定账户吗？", {skin: 'layui-layer-lan', icon: 4, title: '提示', anim: 1}, function (index) {
            layer.close(index);
            $(".yy").show();
            layer.prompt({
                btn: ['确定'],
                title: '输入密码解锁(123456)',
                closeBtn: 0,
                formType: 1
            }, function (value, index, elem) {
                if (value == "123456") {
                    layer.close(index);
                    $(".yy").hide();
                } else {
                    layer.msg('密码错误', {anim: 6});
                }
            });
        });
    });

    console.log("       _                     _       _       \n" +
        "      | |                   | |     (_)      \n" +
        "  ___ | |  _ _____ _____  __| |____  _ ____  \n" +
        " / _ \\| |_/ |_____|____ |/ _  |    \\| |  _ \\ \n" +
        "| |_| |  _ (      / ___ ( (_| | | | | | | | |\n" +
        " \\___/|_| \\_)     \\_____|\\____|_|_|_|_|_| |_|\n" +
        "                                             \n" +
        "版本：v1.0\n" +
        "作者：bobi\n" +
        "邮箱：bobi1234@foxmail.com\n" +
        "描述：一个很赞的，扁平化风格的，响应式布局的后台管理模版，旨为后端程序员减压！")
});