<a-tab-pane v-show="state.detailsModel.{{item.codeName}}.visible" {{#if item.psSysCss}}class="{{item.psSysCss.cssName}}"{{/if}} key="{{item.codeName}}">
  <template #tab>
    <AppIconText {{#if item.labelPSSysCss}}class="{{item.labelPSSysCss.cssName}}" {{/if}}{{#if item.psSysImage}}{{#if item.psSysImage.cssClass}}iconClass="{{item.psSysImage.cssClass}}" {{/if}}{{#if item.psSysImage.imagePath}}imgPath="{{item.psSysImage.imagePath}}" {{/if}}{{/if}}text="{{item.caption}}"/>
  </template>
  {{#eq item.psLayout.layout "FLEX"}}
  <div class="app-form-layout-flex" style="display: flex;{{#if item.psLayout.dir}}flex-direction: {{item.psLayout.dir}};{{/if}}{{#if item.psLayout.align}}justify-content: {{item.psLayout.align}};{{/if}}{{#if item.psLayout.vAlign}}align-items: {{item.psLayout.vAlign}};{{/if}}">
    {{#each item.psDEFormDetails as | formDetail |}}
    {{>(lookup . 'formDetail.detailType') item=formDetail}}
    {{/each}}
  </div>
  {{else}}
  <a-row>
    {{#each item.psDEFormDetails as | formDetail |}}
    {{>(lookup . 'formDetail.detailType') item=formDetail}}
    {{/each}}
  </a-row>
  {{/eq}}
</a-tab-pane>
