CONTROL-BASE.vue#FORM.ftl 2.9 KB
Newer Older
1 2 3 4 5 6
<#ibizinclude>
../@MACRO/CONTROL/LANGBASE.vue.ftl
</#ibizinclude>
<i-form :model="this.data" class='app-search-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;"/>
  <row>
7
    <i-col span="20" class="form-content">
8 9 10 11 12 13 14 15
      <row>
    <#if ctrl.isNoTabHeader()>
    <#list ctrl.getPSDEFormPages() as formmenber>
          <@ibizindent blank=10>
          ${P.getPartCode(formmenber).code}
          </@ibizindent>
    </#list>
    <#else>
16
        <tabs :animated="false" name='${ctrl.getCodeName()?lower_case}' :value="detailsModel.${ctrl.name}.activiedPage" 
17 18
            @on-click="detailsModel.${ctrl.name}.clickPage($event)">
        <#list ctrl.getPSDEFormPages() as formpage>
19
            <tab-pane v-show="detailsModel.${formpage.name}.visible" name='${formpage.name}' :index="${formpage_index}" tab='${ctrl.getCodeName()?lower_case}' class='<#if formpage.getPSSysCss?? && formpage.getPSSysCss()??>${formpage.getPSSysCss().getCssName()}</#if>'  
20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51
                :label="(h) =>{
                    return h('span',{
                        class:'caption<#if formpage.getLabelPSSysCss?? && formpage.getLabelPSSysCss()??> ${formpage.getLabelPSSysCss().getCssName()}</#if>'
                    },[
                    <#if formpage.getPSSysImage()??>
                    <#assign sysimage = formpage.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.${formpage.name}')<#else>'${formpage.getCaption()}'</#if>
                    ])
                }">
                ${P.getPartCode(formpage).code}
            </tab-pane> 
        </#list>
        </tabs>
    </#if>
      </row>
    </i-col>
52
    <#if ctrl.getFormStyle() != "SEARCHBAR">
53
    <i-col span="4" class="search-button">
54 55 56 57 58
      <row v-show="Object.keys(data).length>0">
        <i-button class='search_reset'  size="default" type="primary"  @click="onSearch">{{$t('app.searchButton.search')}}</i-button>
        <i-button class='search_reset'  size="default"  @click="onReset">{{this.$t('app.searchButton.reset')}}</i-button>
      </row>
    </i-col>
59
    </#if>
60 61
  </row>
</i-form>