自定义页面加载动画

FR.HtmlLoader.loadingEffect = function (cfg) {
    var el = cfg.el;
    var config = $.extend({
        show : false,
        overflow : false
    }, cfg || {});
    var $indicator = el.data('indicator');
    if (!$indicator) {
        $indicator = $("<div class='load-indicator'></div>");
        $("<div class='loading-ec-indicator'></div>").appendTo($indicator);
        $("<div class ='text-indicator' style='font-size:11pt'>" + FR.i18nText("FR-Basic_Loading") + "</div>").appendTo($indicator);
        var o = {
            position: 'fixed',
            margin: 'auto',
            left: '0px',
            right: '0px',
            top: '0px',
            bottom: '0px',
            height: '64px',
            width: '64px'
        };
        $indicator.css(o);
        el.data('indicator', $indicator);
    }

    if (!config.show) {
        $indicator.detach();
        //加载完再auto
        el.css('overflow', 'auto');
        el.css('overflow', config.overflow || 'auto');
    } else if (config.show && !$indicator.is(':visible')) {
        el.append($indicator);
        //如果加载动画的高度宽度小于当前报表块的展示区域, 会出现滚动条, 所以要hidden
        el.css('overflow', 'hidden');
    }
};