<#ibizinclude>
../@MACRO/CONTROL/LANGBASE.vue.ftl
</#ibizinclude>
<tabs :animated="false" name='${item.getCodeName()?lower_case}' v-show="detailsModel.${item.name}.visible" class='<#if item.getPSSysCss?? && item.getPSSysCss()??>${item.getPSSysCss().getCssName()}</#if><#if item.getPSLayoutPos()?? && item.getPSLayoutPos().getLayout() == "FLEX"> app-tabpanel-flex</#if>'  
    :value="detailsModel.${item.name}.activiedPage" @on-click="detailsModel.${item.name}.clickPage($event)">
    <#list item.getPSDEFormTabPages() as formmenber>
        <tab-pane v-show="detailsModel.${formmenber.name}.visible" name='${formmenber.name}' :index="${formmenber_index}" tab='${item.getCodeName()?lower_case}' class='<#if formmenber.getPSSysCss?? && formmenber.getPSSysCss()??>${formmenber.getPSSysCss().getCssName()}</#if>'  
            :label="(h) =>{
                return h('span',{
                    class:'caption<#if formmenber.getLabelPSSysCss?? && formmenber.getLabelPSSysCss()??> ${formmenber.getLabelPSSysCss().getCssName()}</#if>'
                },[
                  <#if formmenber.getPSSysImage()??>
                    <#assign sysimage = formmenber.getPSSysImage()/>
                    <#if sysimage.getImagePath() ==  "">
                        h('i',{
                            class:'${sysimage.getCssClass()}',
                            style:{
                                'margin-right' : '2px'
                            }
                        }),
                    <#else>
                        h('img',{
                            src:'${sysimage.getImagePath()}',
                            style:{
                                'margin-right': '2px'
                            }
                        }),
                    </#if>
                  </#if>
                  <#if langbase??>$t('${langbase}.details.${formmenber.name}')<#else>'${formmenber.getCaption()}'</#if>
                ])
            }">
            ${P.getPartCode(formmenber).code}
        </tab-pane>
    </#list>
</tabs>