DEBUG_VIEW_HTML.ftl 15.8 KB
Newer Older
yanshaowei's avatar
yanshaowei committed
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 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>${view.getTitle()} -- ${app.getName()}</title>
    <style type="text/css">
        html, body, #app {
            height: 100%;
            margin: 0;
        }
    </style>
    <link rel="icon" type="image/png" href="../../../packages/assets/img/logo.png?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}">

    <link rel="stylesheet" type="text/css" href="../../../packages/assets/plugins/font-awesome/4.3.0/css/font-awesome.min.css?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"/>
    <link rel="stylesheet" type="text/css" href="../../../packages/assets/plugins/iview/styles/iview.css?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"/>
    <link rel="stylesheet" type="text/css" href="../../../packages/assets/plugins/element-ui/element-ui.css?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"/>
    <!-- 日历插件 begin -->
    <link rel="stylesheet" type="text/css" href="../../../packages/assets/plugins/fullcalendar-4.2.0/packages/core/main.css?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}">
    <link rel="stylesheet" type="text/css" href="../../../packages/assets/plugins/fullcalendar-4.2.0/packages/daygrid/main.css?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}">
    <!-- 日历插件 end -->
    <link rel="stylesheet" type="text/css" href="../../../packages/ibizsys/dist/css/ibizsys.css?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"/>
    <link rel="stylesheet" type="text/css" href="../../../expand-plugins/expand-plugins.css?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}">
    <link rel="stylesheet" type="text/css" href="../../../theme/ibiz-theme.css?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}">
    <link rel="stylesheet" type="text/css" href="../../../user/user.css?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}">


    <script type="text/javascript" src="../../../packages/assets/dist/assets.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../../packages/assets/plugins/tinymce/tinymce.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../../packages/assets/plugins/tinymce/langs/zh_CN.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    
</head>

<body>
    <div id='app' v-loading="iBizHttp.isLoading">
        <router-view :class="themeClass" :style="{fontFamily: fontFamily}"></router-view>
        <template v-for="(modal, index) of modals">
            <ibiz-modal :key="index" :params="modal" :index="index" @on-close="closeModal"></ibiz-modal>
        </template>
    </div>

    <script type="text/javascript" src="../../../theme/ibiz-theme.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../../environments/ibiz-environment.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../../packages/ibizsys/dist/util/ibiz-hand-response-data.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../../packages/ibizsys/dist/ibizsys.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <#if view.getViewType() == 'APPINDEXVIEW' || view.getViewType() == 'APPPORTALVIEW'>
    <script type="text/javascript" src="../../../packages/apputil/dist/user/user.component.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../../packages/apputil/dist/theme/theme.component.js?v=20181203151022"></script>
    </#if>

    <#if (refviews?size > 0)>
    <!---   begin:路由视图   --->
    <#list refviews as refview>
    <script type="text/javascript" src="../../${filename(refview.getPSAppModule().codeName)}/${filename(refview.codeName)}/${filename(refview.codeName)}.base.js?v=<#if refview.isPSDEView()>${refview.getPSDataEntity().getVersion()?c}_</#if>${refview.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../${filename(refview.getPSAppModule().codeName)}/${filename(refview.codeName)}/${filename(refview.codeName)}.js?v=<#if refview.isPSDEView()>${refview.getPSDataEntity().getVersion()?c}_</#if>${refview.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../${filename(refview.getPSAppModule().codeName)}/${filename(refview.codeName)}/${filename(refview.codeName)}.component.js?v=<#if refview.isPSDEView()>${refview.getPSDataEntity().getVersion()?c}_</#if>${refview.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    </#list>
    <!---   end:路由视图   --->
    </#if>
    <#if (modalviews?size > 0)>
    <!---   begin:模态视图   --->
    <#list modalviews as modalview>
    <script type="text/javascript" src="../../${filename(modalview.getPSAppModule().codeName)}/${filename(modalview.codeName)}/${filename(modalview.codeName)}.base.js?v=<#if modalview.isPSDEView()>${modalview.getPSDataEntity().getVersion()?c}_</#if>${modalview.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../${filename(modalview.getPSAppModule().codeName)}/${filename(modalview.codeName)}/${filename(modalview.codeName)}.js?v=<#if modalview.isPSDEView()>${modalview.getPSDataEntity().getVersion()?c}_</#if>${modalview.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../${filename(modalview.getPSAppModule().codeName)}/${filename(modalview.codeName)}/${filename(modalview.codeName)}_modal.component.js?v=<#if modalview.isPSDEView()>${modalview.getPSDataEntity().getVersion()?c}_</#if>${modalview.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    </#list>
    <!---   end:模态视图   --->
    </#if>
    <#if (embeddedviews?size > 0)>
    <!---   begin:嵌入视图   --->
    <#list embeddedviews as embeddedview>
    <script type="text/javascript" src="../../${filename(embeddedview.getPSAppModule().codeName)}/${filename(embeddedview.codeName)}/${filename(embeddedview.codeName)}.base.js?v=<#if embeddedview.isPSDEView()>${embeddedview.getPSDataEntity().getVersion()?c}_</#if>${embeddedview.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../${filename(embeddedview.getPSAppModule().codeName)}/${filename(embeddedview.codeName)}/${filename(embeddedview.codeName)}.js?v=<#if embeddedview.isPSDEView()>${embeddedview.getPSDataEntity().getVersion()?c}_</#if>${embeddedview.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../${filename(embeddedview.getPSAppModule().codeName)}/${filename(embeddedview.codeName)}/${filename(embeddedview.codeName)}_embedded.component.js?v=<#if embeddedview.isPSDEView()>${embeddedview.getPSDataEntity().getVersion()?c}_</#if>${embeddedview.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    </#list>
    <!---   end:嵌入视图   --->
    </#if>
    <#if (modalviews2?size > 0)>
    <!---   begin:被重复引用为模态视图   --->
    <#list modalviews2 as modalview2>
    <script type="text/javascript" src="../../${filename(modalview2.getPSAppModule().codeName)}/${filename(modalview2.codeName)}/${filename(modalview2.codeName)}_modal.component.js?v=<#if modalview2.isPSDEView()>${modalview2.getPSDataEntity().getVersion()?c}_</#if>${modalview2.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    </#list>
    <!---   end:被重复引用为模态视图   --->
    </#if>
    <#if (embeddedviews2?size > 0)>
    <!---   begin:被重复引用为嵌入视图   --->
    <#list embeddedviews2 as embeddedview2>
    <script type="text/javascript" src="../../${filename(embeddedview2.getPSAppModule().codeName)}/${filename(embeddedview2.codeName)}/${filename(embeddedview2.codeName)}_embedded.component.js?v=<#if embeddedview2.isPSDEView()>${embeddedview2.getPSDataEntity().getVersion()?c}_</#if>${embeddedview2.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    </#list>
    <!---   end:被重复引用为嵌入视图   --->
    </#if>

    <script type="text/javascript" src="../../${filename(view.getPSAppModule().codeName)}/${filename(view.codeName)}/${filename(view.codeName)}.base.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../${filename(view.getPSAppModule().codeName)}/${filename(view.codeName)}/${filename(view.codeName)}.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../${filename(view.getPSAppModule().codeName)}/${filename(view.codeName)}/${filename(view.codeName)}.component.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>

    <script type="text/javascript" src="../../../expand-plugins/expand-plugins.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script type="text/javascript" src="../../../user/user.js?v=<#if view.isPSDEView()>${view.getPSDataEntity().getVersion()?c}_</#if>${view.getLastModifyTimeStr()?replace('-','')?replace(':','')?replace(' ','')}"></script>
    <script>
        var ${view.codeName}Router = new VueRouter({
            routes: [
                {
                    path: '',
                    redirect: {
                        name: '${filename(view.codeName)}'
                    }
                },
                {
                    path: '/${filename(view.codeName)}/:params?',
                    name: '${filename(view.codeName)}',
                    beforeEnter: function(to, from, next) {
                        var params = {};
                        if (to.params.params) {
                            Object.assign(params, IBizUtil.matrixURLToJson(to.params.params));
                        }
                        IBizAuthguard.getInstance().canActivate('/${app.getAppFolder()}/${view.getPSAppModule().codeName}/${view.codeName}.do', params).subscribe(function (state) {
                            next();
                        }, function (error) {
                            next();
                        });
                    },
                    component: Vue.options.components['${filename(view.codeName)}'],
                    <#if vue2states?size gt 0>
                    children: [
                        <#list vue2states as state1>
                        {
                            path: '${state1.name}/:params?',
                            name: '${state1.name}',
                            component: Vue.options.components['${filename(state1.getPSAppView().codeName)}'],
                            <#if state1.getChildStateList()?size gt 0>
                            children: [
                                <#list state1.getChildStateList() as state2>
                                {
                                    path: '${state2.name}/:params?',
                                    name: '${state2.name}',
                                    component: Vue.options.components['${filename(state2.getPSAppView().codeName)}'],
                                    <#if state2.getChildStateList()?size gt 0>
                                    children: [
                                        <#list state2.getChildStateList() as state3>
                                        {
                                            path: '${state3.name}/:params?',
                                            name: '${state3.name}',
                                            component: Vue.options.components['${filename(state3.getPSAppView().codeName)}'],
                                        },
                                        </#list>
                                    ]
                                    </#if>
                                },
                                </#list>
                            ]
                            </#if>
                        },
                        </#list>
                    ]
                    </#if>
                }
            ]
        });
        var vueObj = new Vue({
            el: '#app',
            router: ${view.codeName}Router,
            data: {
                modals: [],
                isShowMask: false,
                themeClass: '',
                fontFamily: '',
                iBizHttp: IBizHttp.getInstance(),
            },
            mounted: function() {
                var iBizApp = IBizApp.getInstance();
                if (iBizApp) {
                    this.themeClass= iBizApp.getThemeClass();
                    this.fontFamily = iBizApp.getFontFamily();
            	}
            },
            methods: {
                'addModal': function (modal) {
                    this.modals.push(modal);
                },
                'closeModal': function (index) {
                    if (index != undefined && typeof index == 'number' && index >= 0) {
                        this.modals.splice(index, 1);
                    }
                },
                'setThemeClass': function(val) {
                    this.themeClass = val;
                    var iBizApp = IBizApp.getInstance();
                    if (iBizApp) {
                        iBizApp.setThemeClass(val);
                    }
                },
                'setFontFamily': function(val) {
                    this.fontFamily = val;
                    var iBizApp = IBizApp.getInstance();
                    if (iBizApp) {
                        iBizApp.setFontFamily(val);
                    }
                }
            }
        });
    </script>
</body>

</html>