CONTROL-BASE.vue#ITEM_TABPAGE.ftl 1.7 KB
Newer Older
1 2 3 4 5
<#assign layout = item.getPSLayout()/>
<#ibizinclude>
./@MACRO/PLAYOUT.vue.ftl
</#ibizinclude>
<#if layout.getLayout()=='FLEX'>
6
<el-tab-pane v-show="detailsModel.${item.name}.visible" label="<#if item.getCaption()??>${item.getCaption()}<#else>分页</#if>" name="${item.getName()}" class="app-layoutpanel-tabpage<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
7 8 9
  <#if item.render??>
  ${item.render.code}
  <#else>
10
    <div style="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>width:<#if item.getWidth() gt 0>${item.getWidth()?c}px<#else>100%</#if>;height:<#if item.getHeight() gt 0>${item.getHeight()?c}px<#else>100%</#if>;">
11 12 13 14 15 16 17 18 19
      <@ibizindent blank=8>
      <#if item.getPSPanelItems()??>
      <#list item.getPSPanelItems() as panelItem>
      ${P.getPartCode(panelItem).code}
      </#list>
      </#if>
      </@ibizindent>
    </div>
  </#if>
tony001's avatar
tony001 committed
20
</el-tab-pane>
21
<#else>
22
<el-tab-pane v-show="detailsModel.${item.name}.visible" label="<#if item.getCaption()??>${item.getCaption()}<#else>分页</#if>" name="${item.getName()}" class="app-layoutpanel-tabpage<#if item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>">
23 24 25
  <#if item.render??>
  ${item.render.code}
  <#else>
26
    <row style="width:<#if item.getWidth() gt 0>${item.getWidth()?c}px<#else>100%</#if>;height:<#if item.getHeight() gt 0>${item.getHeight()?c}px<#else>100%</#if>;">
27 28 29 30 31 32 33 34 35
      <@ibizindent blank=8>
      <#if item.getPSPanelItems()??>
      <#list item.getPSPanelItems() as panelItem>
      ${P.getPartCode(panelItem).code}
      </#list>
      </#if>
      </@ibizindent>
    </row>
  </#if>
tony001's avatar
tony001 committed
36
</el-tab-pane>
37
</#if>