index.js 14.4 KB
var $, tab, sysDic = { data: null, method: null };

var timeout = null;
Date.prototype.format = function (format) {
    var o =
    {
        "M+": this.getMonth() + 1,                   //month
        "d+": this.getDate(),                        //day
        "h+": this.getHours(),                       //hour
        "m+": this.getMinutes(),                     //minute
        "s+": this.getSeconds(),                     //second
        "q+": Math.floor((this.getMonth() + 3) / 3), //quarter
        "S": this.getMilliseconds()                  //millisecond
    }
    if (/(y+)/.test(format))
        format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(format))
            format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
    return format;
}

// 防抖
function debounce(fn, delay) {
    return function () {
        clearTimeout(timeout);
        timeout = setTimeout(() => {
            fn.apply(this, arguments);
        }, delay);
    };
}

function Cancellation() {
    layer.confirm('确认要注销吗?', {
        btn: ['确定', '取消']//按钮
    }, function (index) {
        window.sessionStorage.removeItem("menu");
        menu = [];
        window.sessionStorage.removeItem("curmenu");
        window.location = "/Login/Logout";
    }, function (index) {
        layer.close(index);
    });
}

layui.config({
    base: "/js/"
}).use(['bodyTab', 'form', 'element', 'layer', 'jquery'], function () {
    var form = layui.form,
        layer = layui.layer,
        element = layui.element;
    $ = layui.jquery;
    //【openTabNum】最大可打开窗口数量
    tab = layui.bodyTab({ openTabNum: "50", url: "/base/UserSession/GetModulesTree" });

    function getSysDic() {
        $.ajax({
            url: "/base/SysDictTypes/GetSysDictList",
            type: "post",
            dataType: "json",
            async: false,
            success: function (json) {
                if (json.Code === 200) {
                    sysDic.data = json.Result;
                } else {
                    layer.alert("获取字典数据错误", { icon: 2, shadeClose: true, title: "错误提示" });
                }
            }
        });
    }

    setTimeout(() => { getSysDic(); }, 2500);

    //其他页面获取  window.top.sysDic.method();
    sysDic.method = getSysDic;

    $("#Name").html(localStorage.getItem("Account"));
    $("#loginInfo").html("<i class= 'layui-icon'>&#xe66f;</i>&nbsp;" + localStorage.getItem("Name"));
    $("#loginTime").html("<i class= 'layui-icon'>&#xe60e;</i>&nbsp;" + new Date().format("yyyy-MM-dd"));

    //退出
    $(".signOut").click(function () {

    });

    //隐藏左侧导航
    $(".hideMenu").click(function () {
        $(".layui-layout-admin").toggleClass("showMenu");
        //渲染顶部窗口
        tab.tabMove();
    });

    //渲染左侧菜单
    tab.render();

    //锁屏
    function lockPage() {
        layer.open({
            title: false,
            type: 1,
            content: '	<div class="admin-header-lock" id="lock-box">' +
                '<div class="admin-header-lock-img"><img src="/images/lock.png"/></div>' +
                '<div class="admin-header-lock-name" id="lockUserName">System</div>' +
                '<div class="input_btn">' +
                '<input type="password" class="admin-header-lock-input layui-input" autocomplete="off" placeholder="请输入密码解锁.." name="lockPwd" id="lockPwd" />' +
                '<button class="layui-btn" id="unlock">解锁</button>' +
                '</div>' +
                '</div>',
            closeBtn: 0,
            shade: 0.9
        }),
            $(".admin-header-lock-input").focus();
        if ($("#usernametop").html() != "") {
            $("#lockUserName").html($("#usernametop").html());
        }
    }
    $(".lockcms").on("click", function () {
        window.sessionStorage.setItem("lockcms", true);
        lockPage();
    });

    // 判断是否显示锁屏
    if (window.sessionStorage.getItem("lockcms") == "true") {
        lockPage();
    }
    // 解锁
    $("body").on("click", "#unlock", function () {
        if ($(this).siblings(".admin-header-lock-input").val() == '') {
            layer.alert("请输入解锁密码!", { icon: 2, shadeClose: true, title: "错误信息" });
            $(this).siblings(".admin-header-lock-input").focus();
        } else {

            $.post("/Login/Login"
                , {
                    username: $("#lockUserName").html(),
                    password: $(this).siblings(".admin-header-lock-input").val(),
                }
                , function (data) {
                    var dataJson = JSON.parse(data);
                    if (dataJson.Code == 200) {
                        window.sessionStorage.setItem("lockcms", false);
                        $(this).siblings(".admin-header-lock-input").val('');
                        layer.closeAll("page");
                    } else {
                        layer.alert("密码错误,请重新输入!", { icon: 2, shadeClose: true, title: "错误信息" });
                        $(this).siblings(".admin-header-lock-input").val('').focus();
                    }
                });
        }
    });

    // 添加新窗口
    $("body").on("click", ".layui-nav .layui-nav-item a", function () {
        var thisInfo = $(this),
            url = thisInfo.attr("data-url");
        //默认加上缓存的动态参数
        if (url != null && url.indexOf("sysWhere") == -1) {
            var urlWhere = Object.keys(localStorage)
                                 .filter(x => x.includes("sysWhere"))
                                 .map(x => `${x}=${localStorage.getItem(x)}`)
                                 .join("&");
            if (urlWhere!="") {
                url = url.includes("?") ? `${url}&${urlWhere}` : `${url}?${urlWhere}`;
            }
            thisInfo.attr("data-url", url);
            url = thisInfo.attr("data-url");
        }
        //如果不存在子级 _x
        if (thisInfo.siblings().length == 0 && url != undefined) {
            if (url && url.indexOf("fullScreen") > -1) {
                window.open(url, url);
            } else {
                tab.tabAdd($(this));
            }
            $('body').removeClass('site-mobile');  //移动端点击菜单关闭菜单层
        }
        thisInfo.parent("li").siblings().removeClass("layui-nav-itemed");
    });

    //刷新当前
    $(".refresh").on("click", function () {
        $(".clildFrame .layui-tab-item.layui-show").find("iframe")[0].contentWindow.location.reload(true);
    });

    //关闭其他
    $(".closePageOther").on("click", function () {
        if ($("#top_tabs li").length > 2 && $("#top_tabs li.layui-this cite").text() != "首页") {
            var menu = JSON.parse(window.sessionStorage.getItem("menu"));
            $("#top_tabs li").each(function () {
                if ($(this).attr("lay-id") != '' && !$(this).hasClass("layui-this")) {
                    element.tabDelete("bodyTab", $(this).attr("lay-id")).init();
                    //此处将当前窗口重新获取放入session,避免一个个删除来回循环造成的不必要工作量
                    for (var i = 0; i < menu.length; i++) {
                        if ($("#top_tabs li.layui-this cite").text() == menu[i].title) {
                            menu.splice(0, menu.length, menu[i]);
                            window.sessionStorage.setItem("menu", JSON.stringify(menu));
                        }
                    }
                }
            })
        } else if ($("#top_tabs li.layui-this cite").text() == "首页" && $("#top_tabs li").length > 1) {
            $("#top_tabs li").each(function () {
                if ($(this).attr("lay-id") != '' && !$(this).hasClass("layui-this")) {
                    element.tabDelete("bodyTab", $(this).attr("lay-id")).init();
                    window.sessionStorage.removeItem("menu");
                    menu = [];
                    window.sessionStorage.removeItem("curmenu");
                }
            })
        } else {
            layer.alert("没有可以关闭的窗口了@_@", { icon: 2, shadeClose: true, title: "错误信息" });
        }
        //渲染顶部窗口
        tab.tabMove();
    })

    //关闭全部
    $(".closePageAll").on("click", function () {
        if ($("#top_tabs li").length > 1) {
            $("#top_tabs li").each(function () {
                if ($(this).attr("lay-id") != '') {
                    element.tabDelete("bodyTab", $(this).attr("lay-id")).init();
                    window.sessionStorage.removeItem("menu");
                    menu = [];
                    window.sessionStorage.removeItem("curmenu");
                }
            })
        } else {
            layer.alert("没有可以关闭的窗口了@_@", { icon: 2, shadeClose: true, title: "错误信息" });
        }
        //渲染顶部窗口
        tab.tabMove();
    });

    //修改密码
    $(".changepwd").on("click", function () {
        layer.open({
            title: "修改密码",
            shift: 2,
            type: 2,
            content: '/base/SysUser/ChangePassword',
            area: ['450px', '280px'], //宽高
            shade: 0.9
        });
    });

    $("#inputSearch").on('input', function (e) {
        var strings = e.delegateTarget.value;
        if (strings.replace(/(^s*)|(s*$)/g, "").length > 0) {
            tab.renderMenu({ value: strings });
        } else {
            tab.renderMenu({ value: "" });
        }
    });

    $("#inputSearch").keypress(function (e) {
        if (e.which == 13 && $("#inputSearch").val() != "") {
            tab.selectedMenu();
        }
    });

    $(document).bind("keydown", function (e) {
        //禁用页面F5刷新
        if (e.which == 116) {
            e.preventDefault(); //Skip default behavior of the enter key
        }
    });
});

var qp = {
    //全屏 类
    fullScreen: function () {
        var isFullScreen = false;
        var requestFullScreen = function () { //全屏
            var de = document.documentElement;
            if (de.requestFullscreen) {
                de.requestFullscreen();
            } else if (de.mozRequestFullScreen) {
                de.mozRequestFullScreen();
            } else if (de.webkitRequestFullScreen) {
                de.webkitRequestFullScreen();
            } else {
                alert("该浏览器不支持全屏");
            }
        };

        //退出全屏 判断浏览器种类
        var exitFull = function () {
            // 判断各种浏览器,找到正确的方法
            var exitMethod = document.exitFullscreen || //W3C
                document.mozCancelFullScreen || //Chrome等
                document.webkitExitFullscreen || //FireFox
                document.webkitExitFullscreen; //IE11
            if (exitMethod) {
                exitMethod.call(document);
            } else if (typeof window.ActiveXObject !== "undefined") { //for Internet Explorer
                var wscript = new ActiveXObject("WScript.Shell");
                wscript.SendKeys("{F11}");
            }
        };

        return {
            handleFullScreen: function ($this) {
                $this = $($this);
                if (isFullScreen) {
                    exitFull();
                    isFullScreen = false;
                    $this.find("i").removeClass("wb-contract");
                    $this.find("i").addClass("wb-expand");
                } else {
                    requestFullScreen();
                    isFullScreen = true;
                    $this.find("i").removeClass("wb-expand");
                    $this.find("i").addClass("wb-contract");
                }
            },
        };
    }()
}


//信息提示
let LogTipsIndex = 0;
var infoTips = {
    LogTips: function () {
        $.ajax({
            url: "/Home/LogTips",
            type: "get",
            dataType: "json",
            async: true,
            success: function (json) {
                if (json.Code == 200) {
                    var isOnline = json.Result.clientOnlineInfo.some(x => x.seconds > 120);
                    var isSqlServer = json.Result.sqlServerLog.length>0;

                    if (json.Result.interLog == "" && json.Result.jobLog == "" && json.Result.serverLog == "" &&
                        json.Result.pdaLog == "" && !isOnline && isSqlServer) return;
                    var clientOnlineInfo = json.Result.clientOnlineInfo.map(x => {
                        if (x.seconds >= 120) {
                            return `<span class="client-info">${x.clientName} - <span style="color:red;">离线</span></span><br>`;
                        } else {
                            return `<span class="client-info">${x.clientName} - 在线</span><br>`;
                        }
                    });

                    var sqlServerInfo = json.Result.sqlServerLog.map(x => {
                        return `<span class="client-info">${x.drive}盘可用: <span style="color:red;">${(x.freeSpaceMB / 1024).toFixed(1)}G</span></span><br>`;
                    });
                    $("#inter-body").text(json.Result.interLog);
                    $("#job-body").text(json.Result.jobLog);
                    $("#pda-body").text(json.Result.pdaLog);
                    $("#server-body").text(json.Result.serverLog);

                    $("#client-body").html("").html(clientOnlineInfo);
                    $("#sqlServer-body").html("").html(sqlServerInfo);
                    if (LogTipsIndex > 0) return;

                    LogTipsIndex = layer.open({
                        title: "系统信息提示",
                        type: 1,
                        area: ['300px', '320px'],
                        offset: 'rb',
                        id: 'logStatisticsWindow',
                        content: $('.LogTips'),
                        shade: 0
                    });
                }
            }
        });
    },
    updateLogTips: function (falg) {
        if (falg == "job") {
            $("#SysJobLog").trigger("click");
        } else {
            $("#SysInterfaceLog").trigger("click");
        }
        $.ajax({
            url: "/Home/UpdateLogTips?flag=" + falg,
            type: "get",
            success: function (val) {
                layer.close(LogTipsIndex);
                LogTipsIndex = 0;
            }
        });
    }
}


setTimeout(() => {
    infoTips.LogTips();
}, 5000)
setInterval(() => {
    infoTips.LogTips();
}, 40000);