init

cy

2022-06-21 129904537f66509f97b285e7eb4f42b3dc349dd0

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<#ftl>
<#--应用举例 -->
<#--<@tabs [{"title":"外加工单信息","url":"WjgdInfo.html"},{"title":"原材料出库信息","url":"YclckInfo.html","default":true}]/> -->
<#-- 如果需要传递参数 -->
<#-- <@tabs [{"title":"外加工单信息","url":"WjgdInfo.html?id="+param.id},{"title":"原材料出库信息","url":"YclckInfo.html","default":true}]/> -->
<#--V1.0 -->
<#macro tabs data tools="false" showDivID="showDiv"   width="100%" tabPosition="top">
<script type="text/javascript">
 
    var map = $.HashMap();
     <#assign index = 0 />
<#list data as tab>
     <#if tab.enable != "false">
        map.put("tab_${index}_url","${tab.url}");
        <#assign index=index+1 />
    </#if>
 </#list>
 
function setEmployees(id,name){
    getFrame().contentWindow.setEmployees(id,name);
}
 
function getFrame(){
    var tab = $('#tabsDIV').tabs('getSelected');
    var index = $('#tabsDIV').tabs('getTabIndex',tab);
    var iframe = document.getElementById("tabsFrame_"+index);
    return iframe;
}
 
//刷新当前选项卡
function refreshTab(){
    var tab = $('#tabsDIV').tabs('getSelected');
    var index = $('#tabsDIV').tabs('getTabIndex',tab);
    var iframe = document.getElementById("tabsFrame_"+index);
    iframe.src = $.http.replaceParameter("random",Math.random(),map.get("tab_"+index+"_url"));
}
$(document).ready(function(){
    $('#tabsDIV').tabs({
        onSelect : function(title,index){
            var iframe = document.getElementById("tabsFrame_"+index);
            iframe.src =$.http.replaceParameter("random",Math.random(),map.get("tab_"+index+"_url"));
        }
    });
    document.getElementById("tabsFrame_0").src = map.get("tab_0_url");
});
function onFrameLoad(frame){
 
}
function showPanel(showType){
    if(showType == 1){
        $("#${showDivID}").slideUp();
        $("#hideBtn").show();
        $("#showBtn").hide();
    }
    if(showType == 2){
        $("#${showDivID}").slideDown();
        $("#showBtn").show();
        $("#hideBtn").hide();
    }
}
</script>
 
<div id="tabsDIV" class="easyui-tabs" data-options="<#if tools=="true">tools:'#tab-tools',</#if>border:false,fit:true,tabPosition:'${tabPosition}'">  
 <#assign index = 0 />
 <#list data as tab>
     <#if tab.enable != "false">
    <div title="${tab.title}" style="padding:10px;" id="tabsFrame_${index}_div">
        <iframe onload="onFrameLoad(this);"  name="tabsFrame_${index}" id="tabsFrame_${index}" frameborder="false" scrolling="auto" frameborder="0"   src="" style="border:none; margin:0px;width:100%;height:100%;" allowtransparency="true"></iframe>
    </div>
        <#assign index=index+1 />
    </#if>
 </#list>
</div>
<div id="tab-tools">
        <a href="javascript:void(0)" id="showBtn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'" onclick="showPanel(1);"></a>
        <a href="javascript:void(0)" id="hideBtn" class="easyui-linkbutton" style="display:none;" data-options="plain:true,iconCls:'icon-remove'" onclick="showPanel(2);"></a>
</div>
</#macro>