<a-tab-pane key="{{ctrl.name}}" forceRender>
    <{{ctrl.psAppDataEntity.codeName}}{{ctrl.codeName}}TabViewPanel
    name="{{ctrl.name}}"    
    :context="store.context"
    :viewParams="store.viewParams"
    @ctrl-init="(name: string, ability: any) => { handleCtrlInit(controller, name, ability) }"
    @ctrl-action="(name: string, action: any, data: any) => { handleCtrlAction(controller, name, action, data) }"
    @ctrl-destroy="(name: string, data: any) => { handleCtrlDestroy(controller, name, data) }"
    ></{{ctrl.psAppDataEntity.codeName}}{{ctrl.codeName}}TabViewPanel>
    <template #tab>
        <AppIconText text="{{ctrl.caption}}" {{#if ctrl.capPSLanguageRes}}textPSLanguageRes="{{ctrl.capPSLanguageRes.lanResTag}}" {{/if}}{{#if ctrl.psSysImage.cssClass}}iconClass="{{ctrl.psSysImage.cssClass}}" {{/if}}{{#if ctrl.psSysImage.imagePath}}imgPath="{{ctrl.psSysImage.imagePath}}"{{/if}} v-badge="store.counterData?.['{{ctrl.counterId}}']"></AppIconText>
    </template>
</a-tab-pane>
