CONTROL.tsx#FORM.ftl

<#ibizinclude>
../@MACRO/CONTROL/LANGBASE.tsx.ftl
</#ibizinclude>
<i-form props={{ model: this.data }} class='app-form<#if ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if><#if ctrl.isInfoFormMode?? && ctrl.isInfoFormMode()> info-form-mode</#if>' ref='${ctrl.name}' style="<#if ctrl.getFormWidth() gt 1>width: ${ctrl.getFormWidth()?c}px;</#if>">
    <input style={{ display: 'none' }}></input>
    <row >
    <#if ctrl.isNoTabHeader()>
    <#list ctrl.getPSDEFormPages() as formmenber>
        ${P.getPartCode(formmenber).code}
    </#list>
    <#else>
    <tabs animated={false} name='${ctrl.name}' value={this.detailsModel.${ctrl.name}.activiedPage} 
        on-on-click={($event: any) => this.detailsModel.${ctrl.name}.clickPage($event)}>
        <#list ctrl.getPSDEFormPages() as formpage>
        {
            this.detailsModel.${formpage.name}.visible ?
            <tab-pane name='${formpage.name}' index={${formpage_index}} tab='${ctrl.name}' class='<#if formpage.getPSSysCss?? && formpage.getPSSysCss()??>${formpage.getPSSysCss().getCssName()}</#if>'  
                label={
                    (h: any) => {
                        return (
                            <span class='caption<#if formpage.getLabelPSSysCss?? && formpage.getLabelPSSysCss()??> ${formpage.getLabelPSSysCss().getCssName()}</#if>'>
                                <#if formpage.getPSSysImage()??>
                                <span>
                                <#assign sysimage = formpage.getPSSysImage()/>
                                <#if sysimage.getImagePath() ==  "">
                                    <i class='${sysimage.getCssClass()}'></i>&nbsp;
                                <#else>
                                    <img src='${sysimage.getImagePath()}'/>&nbsp;
                                </#if>
                                </span>
                                </#if>
                                {<#if langbase??>this.$t('${langbase}.details.${formpage.name}')<#else>'${formpage.getCaption()}'</#if>}
                            </span>
                        );
                    }
                }>
                ${P.getPartCode(formpage).code}
            </tab-pane> 
            : ''
        }
        </#list>
    </tabs>
    </#if>
    </row>
</i-form>