CONTROL-BASE.vue#FORM.ftl 2.9 KB
Newer Older
1 2 3
<#ibizinclude>
../@MACRO/CONTROL/LANGBASE.vue.ftl
</#ibizinclude>
4 5 6 7
<#if ctrl.render??>
${ctrl.render.code}
<#else>
<i-form :model="this.data" class='app-search-form<#if ctrl.getPSSysCss?? && 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>">
8 9
  <input style="display:none;"/>
  <row>
10
    <i-col span="20" class="form-content">
11 12 13 14 15 16 17 18
      <row>
    <#if ctrl.isNoTabHeader()>
    <#list ctrl.getPSDEFormPages() as formmenber>
          <@ibizindent blank=10>
          ${P.getPartCode(formmenber).code}
          </@ibizindent>
    </#list>
    <#else>
tony001's avatar
tony001 committed
19
        <tabs :animated="false" name='${ctrl.getCodeName()?lower_case}' :value="detailsModel.${ctrl.name}.activiedPage" 
20 21
            @on-click="detailsModel.${ctrl.name}.clickPage($event)">
        <#list ctrl.getPSDEFormPages() as formpage>
tony001's avatar
tony001 committed
22
            <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>'  
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 52 53 54
                :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>
tony001's avatar
tony001 committed
55
    <#if ctrl.getFormStyle() != "SEARCHBAR">
56
    <i-col span="4" class="search-button">
57 58 59 60 61
      <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>
tony001's avatar
tony001 committed
62
    </#if>
63
  </row>
64 65
</i-form>
</#if>