diff --git a/component/pear/module/frame.js b/component/pear/module/frame.js index b6f5d2dacad91b2a2b7bf489b0cf85a76600383b..9e593a9bbc7be8af97c7b7b5bfc42528588c7fcb 100644 --- a/component/pear/module/frame.js +++ b/component/pear/module/frame.js @@ -1,80 +1,78 @@ -layui.define(['table', 'jquery', 'element'], function (exports) { - "use strict"; +layui.define(['jquery', 'element'], function (exports) { + "use strict"; - var MOD_NAME = 'frame', - $ = layui.jquery, - element = layui.element; - - var pearFrame = function (opt) { - this.option = opt; - }; + var $ = layui.jquery; - pearFrame.prototype.render = function (opt) { + var pearFrame = function (opt) { + this.option = opt; + }; + + pearFrame.prototype.render = function (opt) { var option = { - elem:opt.elem, - url:opt.url, - title:opt.title, - width:opt.width, - height:opt.height, - done:opt.done ? opt.done: function(){ console.log("菜单渲染成功");} + elem: opt.elem, + url: opt.url, + title: opt.title, + width: opt.width, + height: opt.height, + done: opt.done ? opt.done : function () { console.log("菜单渲染成功"); } } - createFrameHTML(option); - $("#"+option.elem).width(option.width); - $("#"+option.elem).height(option.height); + createFrameHTML(option); + $("#" + option.elem).width(option.width); + $("#" + option.elem).height(option.height); return new pearFrame(option); - } - - pearFrame.prototype.changePage = function(url,loading){ - if(loading){ - var loading = $("#"+this.option.elem).find(".pear-frame-loading"); - loading.css({display:'block'}); + } + + pearFrame.prototype.changePage = function (url, loading) { + if (loading) { + var loading = $("#" + this.option.elem).find(".pear-frame-loading"); + loading.css({ display: 'block' }); } - $("#"+this.option.elem+" iframe").attr("src",url); - if(loading){ - var loading = $("#"+this.option.elem).find(".pear-frame-loading"); - setTimeout(function(){ + $("#" + this.option.elem + " iframe").attr("src", url); + if (loading) { + var loading = $("#" + this.option.elem).find(".pear-frame-loading"); + setTimeout(function () { loading.fadeOut(500); - },800) - } + }, 800) + } } - - pearFrame.prototype.changePageByElement = function(elem,url,title,loading){ - if(loading){ - var loading = $("#"+elem).find(".pear-frame-loading"); - loading.css({display:'block'}); + + pearFrame.prototype.changePageByElement = function (elem, url, title, loading) { + if (loading) { + var loading = $("#" + elem).find(".pear-frame-loading"); + loading.css({ display: 'block' }); + } + $("#" + elem + " iframe").attr("src", url); + $("#" + elem + " .title").html(title); + if (loading) { + var loading = $("#" + elem).find(".pear-frame-loading"); + setTimeout(function () { + loading.css({ display: 'none' }); + }, 400) } - $("#"+elem+" iframe").attr("src",url); - $("#"+elem+" .title").html(title); - if(loading){ - var loading = $("#"+elem).find(".pear-frame-loading"); - setTimeout(function(){ - loading.css({display:'none'}); - },400) - } } - + pearFrame.prototype.refresh = function (time) { - if(time!=false){ - var loading = $("#"+this.option.elem).find(".pear-frame-loading"); - loading.css({display:'block'}); - if(time!=0){ - setTimeout(function(){ + if (time != false) { + var loading = $("#" + this.option.elem).find(".pear-frame-loading"); + loading.css({ display: 'block' }); + if (time != 0) { + setTimeout(function () { loading.fadeOut(500); - },time) + }, time) } } - $("#"+this.option.elem).find("iframe")[0].contentWindow.location.reload(true); + $("#" + this.option.elem).find("iframe")[0].contentWindow.location.reload(true); } - - function createFrameHTML(option){ - var iframe = ""; - var loading = '
'+ - '
'+ - ''+ - '
'+ - '
'; - $("#"+option.elem).html("
"+ iframe + loading +"
"); + + function createFrameHTML(option) { + var iframe = ""; + var loading = '
' + + '
' + + '' + + '
' + + '
'; + $("#" + option.elem).html("
" + iframe + loading + "
"); } - - exports(MOD_NAME,new pearFrame()); -}) + + exports('frame', new pearFrame()); +});