<#ibizinclude> ../@MACRO/CONTROL/LANGBASE.tsx.ftl </#ibizinclude> <app-form-group layoutType="<#if item.getPSLayoutPos()??>${item.getPSLayoutPos().getLayout()}</#if>" class='<#if item.getPSSysCss?? && item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>' uiActionGroup={this.detailsModel.${item.name}.uiActionGroup} on-groupuiactionclick={($event:any) => this.groupUIActionClick($event)} caption={<#if langbase??>this.$t('${langbase}.details.${item.name}')<#else>'${item.getCaption()}'</#if>} isShowCaption={${item.isShowCaption()?c}} uiStyle={'${item.getDetailStyle()}'} titleBarCloseMode={${item.getTitleBarCloseMode()}} isInfoGroupMode={${item.isInfoGroupMode()?c}}> <#assign content> <#list item.getPSDEFormDetails() as formmenber> <#if !(formmenber.isHidden?? && formmenber.isHidden())> <#ibizinclude> ../@MACRO/CONTROL/FORM_MEMBER_LAYOUT.tsx.ftl </#ibizinclude> </#if> </#list> </#assign> <#if item.getPSLayout()?? && item.getPSLayout().getLayout() == "FLEX"> <#assign pageLayout = item.getPSLayout()> <div style="height: 100%;display: flex;<#if pageLayout.getDir()!="">flex-direction: ${pageLayout.getDir()};</#if><#if pageLayout.getAlign()!="">justify-content: ${pageLayout.getAlign()};</#if><#if pageLayout.getVAlign()!="">align-items: ${pageLayout.getVAlign()};</#if>"> ${content} </div> <#else> <row> ${content} </row> </#if> </app-form-group>