js界面导航等

var tablist = {

    newTab: function (item) {

        console.log(item);

        var dataId = item.id;

        var dataUrl = item.url;

        var menuName = '<i class="' + item.ICON + '"></i>' + item.title;

        var flag = true;

        if (dataUrl == undefined || $.trim(dataUrl).length == 0) {

            return false;

        }

        $('.menuTab').each(function () {

            if ($(this).data('id') == dataUrl) {

                if (!$(this).hasClass('active')) {

                    $(this).addClass('active').siblings('.menuTab').removeClass('active');

                    $.learuntab.scrollToTab(this);

                    $('#mainContent .LRADMS_iframe').each(function () {

                        if ($(this).data('id') == dataUrl) {

                            $(this).show().siblings('.LRADMS_iframe').hide();

                            return false;

                        }

                    });

                }

                flag = false;

                return false;

            }

        });

        if (flag) {

            var str = '<a href="javascript:;" class="active menuTab" data-id="' + dataUrl + '">' + menuName + ' <div class="tab_close "></div></a>';

            $('.menuTab').removeClass('active');

            var str1 = '<iframe class="LRADMS_iframe" id="iframe' + dataId + '" name="iframe' + dataId + '"  width="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" seamless></iframe>';

            $('#mainContent').find('iframe.LRADMS_iframe').hide();

            $('#mainContent').append(str1);

            Loading(true);

            $('#mainContent iframe:visible').load(function () {

                Loading(false);

            });

            $('.menuTabs .page-tabs-content').append(str);

            $.learuntab.scrollToTab($('.menuTab.active'));

        }

    }

};

(function ($) {

    "use strict";

    $.learuntab = {

        requestFullScreen: function () {

            var de = document.documentElement;

            if (de.requestFullscreen) {

                de.requestFullscreen();

            } else if (de.mozRequestFullScreen) {

                de.mozRequestFullScreen();

            } else if (de.webkitRequestFullScreen) {

                de.webkitRequestFullScreen();

            }

        },

        exitFullscreen: function () {

            var de = document;

            if (de.exitFullscreen) {

                de.exitFullscreen();

            } else if (de.mozCancelFullScreen) {

                de.mozCancelFullScreen();

            } else if (de.webkitCancelFullScreen) {

                de.webkitCancelFullScreen();

            }

        },

        refreshTab: function () {

            var currentId = $('.page-tabs-content').find('.active').attr('data-id');

            var target = $('.LRADMS_iframe[data-id="' + currentId + '"]');

            var url = target.attr('src');

            Loading(true);

            target.attr('src', url).load(function () {

                Loading(false);

            });

        },

        activeTab: function () {

            var currentId = $(this).data('id');

            if (!$(this).hasClass('active')) {

                $('#mainContent .LRADMS_iframe').each(function () {

                    if ($(this).data('id') == currentId) {

                        $(this).show().siblings('.LRADMS_iframe').hide();

                        return false;

                    }

                });

                $(this).addClass('active').siblings('.menuTab').removeClass('active');

                $.learuntab.scrollToTab(this);

            }

            var dataId = $(this).attr('data-value');

            if (dataId != "") {

                top.$.cookie('currentmoduleId', dataId, { path: "/" });

            }

        },

        closeOtherTabs: function () {

            $('.page-tabs-content').children("[data-id]").find('.tab_close').parents('a').not(".active").each(function () {

                $('.LRADMS_iframe[data-id="' + $(this).data('id') + '"]').remove();

                $(this).remove();

            });

            $('.page-tabs-content').css("margin-left", "0");

        },

        closeTab: function () {

            var closeTabId = $(this).parents('.menuTab').data('id');

            var currentWidth = $(this).parents('.menuTab').width();

            if ($(this).parents('.menuTab').hasClass('active')) {

                if ($(this).parents('.menuTab').next('.menuTab').size()) {

                    var activeId = $(this).parents('.menuTab').next('.menuTab:eq(0)').data('id');

                    $(this).parents('.menuTab').next('.menuTab:eq(0)').addClass('active');

                    $('#mainContent .LRADMS_iframe').each(function () {

                        if ($(this).data('id') == activeId) {

                            $(this).show().siblings('.LRADMS_iframe').hide();

                            return false;

                        }

                    });

                    var marginLeftVal = parseInt($('.page-tabs-content').css('margin-left'));

                    if (marginLeftVal < 0) {

                        $('.page-tabs-content').animate({

                            marginLeft: (marginLeftVal + currentWidth) + 'px'

                        }, "fast");

                    }

                    $(this).parents('.menuTab').remove();

                    $('#mainContent .LRADMS_iframe').each(function () {

                        if ($(this).data('id') == closeTabId) {

                            $(this).remove();

                            return false;

                        }

                    });

                }

                if ($(this).parents('.menuTab').prev('.menuTab').size()) {

                    var activeId = $(this).parents('.menuTab').prev('.menuTab:last').data('id');

                    $(this).parents('.menuTab').prev('.menuTab:last').addClass('active');

                    $('#mainContent .LRADMS_iframe').each(function () {

                        if ($(this).data('id') == activeId) {

                            $(this).show().siblings('.LRADMS_iframe').hide();

                            return false;

                        }

                    });

                    $(this).parents('.menuTab').remove();

                    $('#mainContent .LRADMS_iframe').each(function () {

                        if ($(this).data('id') == closeTabId) {

                            $(this).remove();

                            return false;

                        }

                    });

                }

            }

            else {

                $(this).parents('.menuTab').remove();

                $('#mainContent .LRADMS_iframe').each(function () {

                    if ($(this).data('id') == closeTabId) {

                        $(this).remove();

                        return false;

                    }

                });

                $.learuntab.scrollToTab($('.menuTab.active'));

            }

            var dataId = $('.menuTab.active').attr('data-value');

            if (dataId != "") {

                top.$.cookie('currentmoduleId', dataId, { path: "/" });

            }

            return false;

        },

        addTab: function () {

            var dataId = $('.menuTab.active').attr('data-id').replace(/\//g, '');//选项卡id

            if (dataId != "") {

                top.$.cookie('currentmoduleId', dataId, { path: "/" });

            }

            var dataUrl = $(this).attr('href');

            var menuName = $.trim($(this).html());

            if (dataUrl == undefined || $.trim(dataUrl).length == 0) {

                return false;

            }

            var flag = true;

            $('.menuTab').each(function () {

                if ($(this).data('id') == dataUrl) {

                    if (!$(this).hasClass('active')) {

                        $(this).addClass('active').siblings('.menuTab').removeClass('active');

                        $.learuntab.scrollToTab(this);

                        $('#mainContent .LRADMS_iframe').each(function () {

                            if ($(this).data('id') == dataUrl) {

                                $(this).show().siblings('.LRADMS_iframe').hide();

                                return false;

                            }

                        });

                    }

                    flag = false;

                    return false;

                }

            });

            if (flag) {

                var str = '<a href="javascript:;" class="active menuTab" data-value=' + dataId + ' data-id="' + dataUrl + '">' + menuName + '<div class="tab_close "></div></a>';

                $('.menuTab').removeClass('active');

                var str1 = '<iframe class="LRADMS_iframe" id="iframe' + dataId + '" name="iframe' + dataId + '"  width="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" seamless></iframe>';

                $('#mainContent').find('iframe.LRADMS_iframe').hide();

                $('#mainContent').append(str1);

                Loading(true);

                $('#mainContent iframe:visible').load(function () {

                    Loading(false);

                });

                $('.menuTabs .page-tabs-content').append(str);

                $.learuntab.scrollToTab($('.menuTab.active'));

            }

            $(this).parents('.popover-moreMenu').hide();

            $(this).parents('.popover-menu').hide();

            $(this).parents('.popover-menu-sub').hide();

            //返回结果

            return false;

        },

        scrollTabRight: function () {

            var marginLeftVal = Math.abs(parseInt($('.page-tabs-content').css('margin-left')));

            var tabOuterWidth = $.learuntab.calSumWidth($(".lea-tabs").children().not(".menuTabs"));

            var visibleWidth = $(".lea-tabs").outerWidth(true) - tabOuterWidth;

            var scrollVal = 0;

            if ($(".page-tabs-content").width() < visibleWidth) {

                return false;

            } else {

                var tabElement = $(".menuTab:first");

                var offsetVal = 0;

                while ((offsetVal + $(tabElement).outerWidth(true)) <= marginLeftVal) {

                    offsetVal += $(tabElement).outerWidth(true);

                    tabElement = $(tabElement).next();

                }

                offsetVal = 0;

                while ((offsetVal + $(tabElement).outerWidth(true)) < (visibleWidth) && tabElement.length > 0) {

                    offsetVal += $(tabElement).outerWidth(true);

                    tabElement = $(tabElement).next();

                }

                scrollVal = $.learuntab.calSumWidth($(tabElement).prevAll());

                if (scrollVal > 0) {

                    $('.page-tabs-content').animate({

                        marginLeft: 0 - scrollVal + 'px'

                    }, "fast");

                }

            }

        },

        scrollTabLeft: function () {

            var marginLeftVal = Math.abs(parseInt($('.page-tabs-content').css('margin-left')));

            var tabOuterWidth = $.learuntab.calSumWidth($(".lea-tabs").children().not(".menuTabs"));

            var visibleWidth = $(".lea-tabs").outerWidth(true) - tabOuterWidth;

            var scrollVal = 0;

            if ($(".page-tabs-content").width() < visibleWidth) {

                return false;

            } else {

                var tabElement = $(".menuTab:first");

                var offsetVal = 0;

                while ((offsetVal + $(tabElement).outerWidth(true)) <= marginLeftVal) {

                    offsetVal += $(tabElement).outerWidth(true);

                    tabElement = $(tabElement).next();

                }

                offsetVal = 0;

                if ($.learuntab.calSumWidth($(tabElement).prevAll()) > visibleWidth) {

                    while ((offsetVal + $(tabElement).outerWidth(true)) < (visibleWidth) && tabElement.length > 0) {

                        offsetVal += $(tabElement).outerWidth(true);

                        tabElement = $(tabElement).prev();

                    }

                    scrollVal = $.learuntab.calSumWidth($(tabElement).prevAll());

                }

            }

            $('.page-tabs-content').animate({

                marginLeft: 0 - scrollVal + 'px'

            }, "fast");

        },

        scrollToTab: function (element) {

            var marginLeftVal = $.learuntab.calSumWidth($(element).prevAll()), marginRightVal = $.learuntab.calSumWidth($(element).nextAll());

            var tabOuterWidth = $.learuntab.calSumWidth($(".lea-tabs").children().not(".menuTabs"));

            var visibleWidth = $(".lea-tabs").outerWidth(true) - tabOuterWidth;

            var scrollVal = 0;

            if ($(".page-tabs-content").outerWidth() < visibleWidth) {

                scrollVal = 0;

            } else if (marginRightVal <= (visibleWidth - $(element).outerWidth(true) - $(element).next().outerWidth(true))) {

                if ((visibleWidth - $(element).next().outerWidth(true)) > marginRightVal) {

                    scrollVal = marginLeftVal;

                    var tabElement = element;

                    while ((scrollVal - $(tabElement).outerWidth()) > ($(".page-tabs-content").outerWidth() - visibleWidth)) {

                        scrollVal -= $(tabElement).prev().outerWidth();

                        tabElement = $(tabElement).prev();

                    }

                }

            } else if (marginLeftVal > (visibleWidth - $(element).outerWidth(true) - $(element).prev().outerWidth(true))) {

                scrollVal = marginLeftVal - $(element).prev().outerWidth(true);

            }

            $('.page-tabs-content').animate({

                marginLeft: 0 - scrollVal + 'px'

            }, "fast");

        },

        calSumWidth: function (element) {

            var width = 0;

            $(element).each(function () {

                width += $(this).outerWidth(true);

            });

            return width;

        },

        init: function () {

            $('.menuTabs').on('click', '.menuTab .tab_close', $.learuntab.closeTab);

            $('.menuTabs').on('click', '.menuTab', $.learuntab.activeTab);

 

            $('.tabLeft').on('click', $.learuntab.scrollTabLeft);

            $('.tabRight').on('click', $.learuntab.scrollTabRight);

            $('.tabReload').on('click', $.learuntab.refreshTab);

            $('.tabCloseCurrent').on('click', function () {

                $('.page-tabs-content').find('.active .tab_close').trigger("click");

            });

            $('.tabCloseAll').on('click', function () {

                $('.page-tabs-content').children("[data-id]").find('.tab_close').each(function () {

                    $(this).parents('a').remove();

                });

                $('.page-tabs-content').children("[data-id]:first").each(function () {

                    $('.LRADMS_iframe[data-id="' + $(this).data('id') + '"]').show();

                    $(this).addClass("active");

                });

                $('.page-tabs-content').css("margin-left", "0");

            });

            $('.tabCloseOther').on('click', $.learuntab.closeOtherTabs);

            $('.fullscreen').on('click', function () {

                if (!$(this).attr('fullscreen')) {

                    $(this).attr('fullscreen', 'true');

                    $.learuntab.requestFullScreen();

                } else {

                    $(this).removeAttr('fullscreen');

                    $.learuntab.exitFullscreen();

                }

            });

        }

    };

    $.learunindex = {

        load: function () {

            $("#mainContent").height($(window).height() - 128);

            $(window).resize(function (e) {

                $("#mainContent").height($(window).height() - 128);

                $.learunindex.loadMenu(true); //加载菜单

            });

            //个人中心

            $("#UserSetting").click(function () {

                tablist.newTab({ id: "UserSetting", title: "个人中心", closed: true, icon: "fa fa fa-user", url: contentPath + "/PersonCenter/Index" });

            });

            //页面加载提示

            $(window).load(function () {

                window.setTimeout(function () {

                    $('#ajax-loader').fadeOut();

                    Loading(false);

                }, 100); //2018-03-06 修改 原来：300

            });

        },

        jsonWhere: function (data, action) {

            if (action == null) return;

            var reval = new Array();

            $(data).each(function (i, v) {

                if (action(v)) {

                    reval.push(v);

                }

            })

            return reval;

        },

        loadMenu: function (isInit) {

            var flag = false;

            var topMenuWidth = $('.lea-Head').width() - $.learuntab.calSumWidth($(".lea-Head").children().not(".left-bar"));

            var data = authorizeMenuData;

            var _html = "";

            var menuWidth = 0;

            var _html1 = "", _html2 = "";

            //如果设置过权限菜单则，则去循环；如果没有设置过权限菜单则数据为null。

            //2018-03-10 修改

            if (data != null)

            {

                //遍历菜单  第一次遍历

                $.each(data, function (i) {

                    var row = data[i];

                    if (row.PARENT_ID == "000") {

                        var _itemHtml = "";

                        _itemHtml += '<li class="treeview">';

                        _itemHtml += '<a>';

                        _itemHtml += '<i class="' + row.ICON + '"></i><span>' + row.FULLNAME + '</span>';

                        _itemHtml += '</a>';

                        var childNodes = $.learunindex.jsonWhere(data, function (v) { return v.PARENT_ID == row.MODULE_ID });

                        if (childNodes.length > 0) {

                            _itemHtml += '<div class="popover-menu"><div class="arrow"><em></em><span></span></div><ul class="treeview-menu">';

                            //第二次遍历

                            $.each(childNodes, function (i) {

                                var subrow = childNodes[i];

                                var subchildNodes = $.learunindex.jsonWhere(data, function (v) { return v.PARENT_ID == subrow.MODULE_ID });

                                _itemHtml += '<li>';

                                if (subchildNodes.length > 0) {

                                    _itemHtml += '<a class="menuTreeItem menuItem" href="#"><i class="' + subrow.ICON + ' firstIcon"></i>' + subrow.FULLNAME + '';

                                    _itemHtml += '<i class="fa fa-angle-right pull-right"></i></a>';

                                    _itemHtml += '<div class="popover-menu-sub"><ul class="treeview-menu">';

                                    //第三次遍历

                                    $.each(subchildNodes, function (i) {

                                        var subchildNodesrow = subchildNodes[i];

                                        //第四次遍历开始

                                        var ForchildNodes = $.learunindex.jsonWhere(data, function (v) { return v.PARENT_ID == subchildNodesrow.MODULE_ID });

                                        if (ForchildNodes.length > 0) {

                                            _itemHtml += '<li><a class="menuItem menuiframe" data-id="' + subchildNodesrow.MODULE_ID + '" href="' + subchildNodesrow.URL + '"><i class="' + subchildNodesrow.ICON + ' firstIcon"></i>' + subchildNodesrow.FULLNAME;

                                            _itemHtml += '<i class="fa fa-angle-right pull-right"></i></a>'; //最后面的下级线

                                            _itemHtml += '<div class="popover-menu-sub"><ul class="treeview-menu">';

                                            $.each(ForchildNodes, function (i) {

                                                var ForchildNodesRow = ForchildNodes[i];

                                                _itemHtml += '<li> <a class="menuItem menuiframe" data-id="' + ForchildNodesRow.MODULE_ID + '" href="' + ForchildNodesRow.URL + '"><i class="' + ForchildNodesRow.ICON + ' firstIcon"></i>' + ForchildNodesRow.FULLNAME + '</a></li>';

                                            });

                                            _itemHtml += '</ul></div></li>';

                                        }

                                        else {

                                            _itemHtml += '<li><a class="menuItem menuiframe" data-id="' + subchildNodesrow.MODULE_ID + '" href="' + subchildNodesrow.URL + '"><i class="' + subchildNodesrow.ICON + ' firstIcon"></i>' + subchildNodesrow.FULLNAME + '</a></li>';

                                        }

                                        //第四层遍历结束

                                    });

                                    _itemHtml += '</ul></div>';

                                } else {

                                    _itemHtml += '<a class="menuItem menuiframe" data-id="' + subrow.MODULE_ID + '" href="' + subrow.URL + '"><i class="' + subrow.ICON + ' firstIcon"></i>' + subrow.FULLNAME + '</a>';

                                }

                                _itemHtml += '</li>';

                            });

                            _itemHtml += '</ul></div>';

                        }

                        _itemHtml += '</li>';

                        menuWidth += 88;

                        if (menuWidth > topMenuWidth) {

                            _html2 += _itemHtml;

                        }

                        else if ((menuWidth + 88) > topMenuWidth) {

                            _html1 = _itemHtml;

                        }

                        else {

                            _html += _itemHtml;

                        }

                    }

                });

            }

            if (menuWidth > topMenuWidth) {

                _html2 = _html1 + _html2;

                _html += ' <li class="treeview" id="moreMenu"><a ><i class="fa fa-reorder"></i><span>更多应用</span></a></li>';

                flag = true;

            }

            else {

                _html += _html1;

            }

            

            if (isInit || flag) {

                $("#top-menu").html(_html);

                if (flag) {

                    $('#moreMenu').append('<div class="popover-moreMenu"><div class="arrow"><em></em><span></span></div><div class="title">更多应用</div><div class="moresubmenu"></div></div>');

                    $('.moresubmenu').html(_html2);

                    //更多应用菜单点击事件

                    $('.moresubmenu > .treeview > a').unbind();

                    $('.moresubmenu > .treeview > a').on('click', function () {

                        $('.moresubmenu > .treeview > a.active').parent().find('.popover-menu').hide();

                        $('.moresubmenu > .treeview > a.active').removeClass('active');

                        var $li = $(this);

                        $li.addClass('active');

                        $li.parent().find('.popover-menu').show();

                    });

                }

                $("#top-menu>.treeview").unbind();

                $('.popover-menu>ul>li').unbind();

                $("#top-menu>.treeview").hover(

                    function () {

                        var $li = $(this);

 

                        var $moreMenuPopover = $li.find('.popover-moreMenu');

                        $li.addClass('active');

                        if ($moreMenuPopover.length > 0) {

                            $moreMenuPopover.slideDown(150);

                            $($moreMenuPopover.find('.treeview>a')[0]).trigger('click');

                        }

                        else {

                            var $popover = $li.find('.popover-menu');

                            $popover.slideDown(150);

                        }

                    },

                    function () {

                        var $li = $(this);

                        var $popover = $li.find('.popover-menu');

                        var $moreMenuPopover = $li.find('.popover-moreMenu');

                        if ($moreMenuPopover.length == 0) {

                            $popover.slideUp(50);

                        }

                        else {

                            $moreMenuPopover.hide();

                        }

                        $li.removeClass('active');

                    });

                $('.popover-menu>ul>li').hover(

                    function () {

                        var $li = $(this);

                        if ($li.parents('.moresubmenu').length == 0) {

                            var windowWidth = $(window).width();

                            var windowHeight = $(window).height();

                            var $popover = $li.find('.popover-menu-sub');

                            var subHeight = $popover.height();

                            if ((windowWidth - $li.offset().left - 154) < 152) {

                                $popover.css("left", "-156px");

                            }

                            if ((subHeight - 10 + $li.offset().top) > windowHeight) {

                                var marginTop = subHeight - 10 + $li.offset().top - windowHeight + 46;

                                $popover.css('margin-top', '-' + marginTop + 'px');

                            }

                            $li.addClass('active');

                            $popover.slideDown(150);

                        }

                    },

                    function () {

                        var $li = $(this);

                        if ($li.parents('.moresubmenu').length == 0) {

                            var $popover = $li.find('.popover-menu-sub');

                            $li.removeClass('active');

                            $popover.css('margin-top', '-46px');

                            $popover.slideUp(50);

                        }

                    });

                $('.menuiframe').unbind();

                $('.menuiframe').on('click', $.learuntab.addTab);

                $('.moresubmenu .menuTreeItem ').unbind();

                $('.menuTreeItem ').on('click', function () {

                    $('.moresubmenu .popover-menu-sub').slideUp(300);

                    var $this = $(this);

                    if (!$this.hasClass('active')) {

                        var $sub = $(this).parent().find('.popover-menu-sub');

                        $this.addClass('active');

                        $sub.slideDown(300);

                    }

                    else {

                        $this.removeClass('active');

                    }

                });

            }

        },

        indexOut: function () {

            dialogConfirm("注：您确定要安全退出本次登录吗？", function (r) {

                if (r) {

                    Loading(true, "正在安全退出...");

                    window.setTimeout(function () {

                        $.ajax({

                            url: contentPath + "/Login/OutLogin",

                            type: "post",

                            dataType: "json",

                            success: function (data) {

                                window.location.href = contentPath + "/Login/Index";

                            }

                        });

                    }, 500);

                }

            });

        }

    };

    $(function () {

        $.learunindex.loadMenu(true);

        $.learuntab.init();

        $.learunindex.load();

    });

})(jQuery);

//安全退出

function IndexOut() {

    dialogConfirm("注：您确定要安全退出本次登录吗？", function (r) {

        if (r) {

            Loading(true, "正在安全退出...");

            window.setTimeout(function () {

                $.ajax({

                    url: contentPath + "/Login/OutLogin",

                    type: "post",

                    dataType: "json",

                    success: function (data) {

                        window.location.href = contentPath + "/Login/Index";

                    }

                });

            }, 500);

        }

    });

}