vr-shopxo-source/public/static/admin/default/js/index.js

$(function()
{
    /**
     * url加载
     */
    $(document).on('click', '.common-left-menu li a, .common-nav-top li a, .menu-mini-container-popup ul li a', function()
    {
        var link = $(this).data('url');
        var type = $(this).data('type');
        if(link != undefined)
        {
        	// 打开url地址
            $('#ifcontent').attr('src', link);

            // 顶部菜单事件，关闭弹层
            if(type == 'nav')
            {
            	if($(document).width() < 641)
            	{
            		$('.header-nav-submit').trigger('click');
            	} else {
            		$(this).parents('.common-nav-top').trigger('click');
            	}
            }

            // 关闭左侧弹层
            if(type == 'menu')
            {
                $('#admin-offcanvas').offCanvas('close');
            }
        } else {
        	// 左侧菜单剪头方向处理
        	if(type == 'menu')
        	{
    	    	if($(this).find('i').length > 0)
    	    	{
    	    		$(this).find('i').toggleClass('left-menu-more-ico-rotate');
    	    	}
        	}
        }
    });

    /**
     * 菜单选择
     */
    $('.common-left-menu li a').on('click', function()
    {
        $('.common-left-menu a').removeClass('common-left-menu-active');
        $(this).addClass('common-left-menu-active');
    });

    /**
     * mini伸缩开关
     */
    $('.menu-scaling-submit').on('click', function()
    {
        var status = $(this).attr('data-status') || 0;
        $('#admin-offcanvas ul').css('opacity', 0.1);
        $('.menu-mini-container-popup').hide();
        $('.menu-mini-container-tips').hide();
        if(status == 0)
        {
            $(this).animate({left: "59px"}, 300);
            $(this).removeClass('am-icon-angle-double-left').addClass('am-icon-angle-double-right');
            $('#admin-offcanvas').addClass('menu-mini').addClass('menu-mini-event');
            $('#admin-offcanvas').animate({width: "55px"}, 300);
            $('#ifcontent').animate({paddingLeft: "55px"}, 300);
            $('header.admin-header').animate({left: "54px"}, 300);
        } else {
            $(this).animate({left: "174px"}, 300);
            $(this).removeClass('am-icon-angle-double-right').addClass('am-icon-angle-double-left');
            $('#admin-offcanvas').animate({width: "170px"}, 300);
            $('#ifcontent').animate({paddingLeft: "170px"}, 300);
            $('header.admin-header').animate({left: "169px"}, 300);
            $('#admin-offcanvas').removeClass('menu-mini-event');
            setTimeout(function() {
                $('#admin-offcanvas').removeClass('menu-mini');
            }, 300);
        }
        $('#admin-offcanvas ul').animate({opacity: 1}, 300);
        $(this).attr('data-status', status == 0 ? 1 : 0);
    });

    /**
     * mini菜单操作
     */
    var timer_menu = null;
    $(document).on('mouseenter', '.menu-mini-event li', function()
    {
        clearTimeout(timer_menu);
        var html = $(this).find('ul.admin-sidebar-sub').html() || null;
        var top = $(this).offset().top;
        var win_height = $(window).height();
        if(html == null)
        {
            $('.menu-mini-container-popup').hide();
            $('.menu-mini-container-tips').show();
            $('.menu-mini-container-tips span').text($(this).find('span.nav-name').text());
            $('.menu-mini-container-tips').css('top', top);
        } else {
            $('.menu-mini-container-popup ul').html(html);
            $('.menu-mini-container-tips').hide();
            $('.menu-mini-container-popup').show();
            
            // 容器是否超出底部
            var h = $('.menu-mini-container-popup').height();
            if(h+top > win_height)
            {
                var t = win_height-h;
                $('.menu-mini-container-popup').css('top', t);
                $('.menu-mini-container-popup .mui-mbar-tab-tip').css('top', top-t+12);
            } else {
                $('.menu-mini-container-popup').css('top', top);
                $('.menu-mini-container-popup .mui-mbar-tab-tip').css('top', '10px');
            }

        }
    });
    $(document).on('mouseleave', '.menu-mini-event li', function()
    {
        $('.menu-mini-container-tips').hide();
        clearTimeout(timer_menu);
        timer_menu = setTimeout(function()
        {
            $('.menu-mini-container-tips').hide();
            if(($('.menu-mini-container-popup').attr('data-is-leave') || 0) == 0)
            {
                $('.menu-mini-container-popup').hide();
            }
        }, 3000);
    });
    $(document).on('mouseenter', '.menu-mini-container-popup', function()
    {
        $(this).attr('data-is-leave', 1);
    });
    $(document).on('mouseleave', '.menu-mini-container-popup', function()
    {
        $(this).attr('data-is-leave', 0);
        $(this).hide();
    });

    /**
     * mini菜单选择
     */
    $(document).on('click', '.menu-mini-container-popup ul li a', function()
    {
        $('.admin-sidebar-list li a').removeClass('common-left-menu-active');
        $('.menu-mini-container-popup ul li a').removeClass('common-left-menu-active');

        var parent_id = $(this).data('parent-id') || 0;
        if(parent_id != 0)
        {
            $('.menu-parent-items-'+parent_id).addClass('common-left-menu-active');
        }
        $(this).addClass('common-left-menu-active');
    });

    // 浏览器窗口实时事件
    $(window).resize(function()
    {
        // 小屏幕关闭mini导航
        if($(document).width() <= 640)
        {
            $('.menu-scaling-submit').attr('data-status', 0);
            $('.menu-scaling-submit').css({"left": "174px"});
            $('.menu-scaling-submit').removeClass('am-icon-angle-double-right').addClass('am-icon-angle-double-left');
            $('#admin-offcanvas').css({"width": "inherit"});
            $('#admin-offcanvas').removeClass('menu-mini').removeClass('menu-mini-event');
            $('#ifcontent').css({"padding-left":0});
            $('header.admin-header').css({"left": 0});
        } else {
            if(($('.menu-scaling-submit').attr('data-status') || 0) == 0)
            {
                $('#admin-offcanvas').css({"width": "170px"});
                $('#ifcontent').css({"padding-left":"170px"});
                $('header.admin-header').css({"left": "169px"});
            }
        }
    });

});