CONTROL-BASE.vue#ITEM_CONTAINER.ftl 2.3 KB
Newer Older
1 2 3 4 5
<#assign layout = item.getPSLayout()/>
<#ibizinclude>
./@MACRO/PLAYOUT.vue.ftl
</#ibizinclude>
<#if layout.getLayout()=='FLEX'>
6 7 8 9
<div v-show="detailsModel.${item.name}.visible" class="app-layoutpanel-container<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>" style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if>">
  <#if item.render??>
  ${item.render.code}
  <#else>
10 11 12 13 14 15 16 17
    <#--  <#if item.isShowCaption()>
    <#if item.getLabelPSSysCss()??>
    <div class="${item.getLabelPSSysCss().getCssName()}" style="height: 50px;${item.getLabelPSSysCss().getRawCssStyle()}">${item.getCaption()}</div>
    <#else>
    <div style="height: 50px;">${item.getCaption()}</div>
    </#if>
    </#if>  -->
    <div style="height:100%;display: flex;<#if layout.getDir()!="">flex-direction: ${layout.getDir()};</#if><#if layout.getAlign()!="">justify-content: ${layout.getAlign()};</#if><#if layout.getVAlign()!="">align-items: ${layout.getVAlign()};</#if><#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>">
18 19 20 21 22 23 24
      <@ibizindent blank=8>
      <#if item.getPSPanelItems()??>
      <#list item.getPSPanelItems() as panelItem>
      ${P.getPartCode(panelItem).code}
      </#list>
      </#if>
      </@ibizindent>
25
    </div>
26
  </#if>
27 28
</div>
<#else>
29 30 31 32
<i-col v-show="detailsModel.${item.name}.visible" ${tableAttr} style="${flexAttr}<#if item.getWidth() gt 0>width: ${item.getWidth()?c}px;</#if><#if item.getHeight() gt 0>height: ${item.getHeight()?c}px;</#if>" class="app-layoutpanel-container<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
  <#if item.render??>
  ${item.render.code}
  <#else>
33 34 35 36 37 38 39 40
    <#--  <#if item.isShowCaption()>
    <#if item.getLabelPSSysCss()??>
    <div class="${item.getLabelPSSysCss().getCssName()}" style="height: 50px;${item.getLabelPSSysCss().getRawCssStyle()}">${item.getCaption()}</div>
    <#else>
    <div style="height: 50px;">${item.getCaption()}</div>
    </#if>
    </#if>  -->
    <row style="height:100%;<#if item.getPSSysCss()??>${item.getPSSysCss().getRawCssStyle()}</#if>">
41 42 43 44 45 46 47
      <@ibizindent blank=8>
      <#if item.getPSPanelItems()??>
      <#list item.getPSPanelItems() as panelItem>
      ${P.getPartCode(panelItem).code}
      </#list>
      </#if>
      </@ibizindent>
48
    </row>
49
  </#if>
50 51
</i-col>
</#if>