CONTROL-BASE.vue#PANEL.ftl

<#ibizinclude>
../../@VIEW/@MACRO/VIEW_LAYOUTPANEL/VIEW_LAYOUTPANEL_RENDER.ftl
</#ibizinclude>
<#if ctrl.render??>
${ctrl.render.code}
<#else>
<#if ctrl.getLayoutMode()?? && ctrl.getLayoutMode() == "FLEX">
    <div class="app-layoutpanel ${ctrl.getCodeName()}<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>" v-loading="isLayoutLoadding" :style="{width: <#if ctrl.getWidth()?? && ctrl.getWidth() gt 0>'${ctrl.getWidth()?c}px'<#else>'100%'</#if>, height: <#if ctrl.getHeight() gt 0>'${ctrl.getHeight()?c}px'<#else>'100%'</#if>, 'display': 'flex', 'flex-direction': 'column'}">
<#else>
    <div class="app-layoutpanel ${ctrl.getCodeName()}<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>" v-loading="isLayoutLoadding" :style="{width: <#if ctrl.getWidth()?? && ctrl.getWidth() gt 0>'${ctrl.getWidth()?c}px'<#else>'100%'</#if>, height: <#if ctrl.getHeight() gt 0>'${ctrl.getHeight()?c}px'<#else>'100%'</#if>,  overflow: 'auto'}">
    <#if ctrl.getRootPSPanelItems()??>
        <div v-show="!isLayoutLoadding" :style="{height: '100%', width: '100%'}">
        <#list ctrl.getRootPSPanelItems() as panelDetail>
        <@renderByDetailType panelDetail ctrl false/>
        </#list>
        </div>
    </#if>
    </div>
</#if>
</#if>