<template>
    <i-form :model="this.data" class='app-form' ref='form'  id='ibizsample0001_main4' style="" @on-validate="formItemValidate">
    <input style="display:none;" />
    <row >
            <i-col v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.group1.manageContainerStatus"  :isManageContainer="detailsModel.group1.isManageContainer" @managecontainerclick="manageContainerClick('group1')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <row>
        <i-col v-show="detailsModel.grouppanel7.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel7.manageContainerStatus"  :isManageContainer="detailsModel.grouppanel7.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel7')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel7.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel7')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <row>
        <i-col v-show="detailsModel.f1.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='f1' :itemRules="this.rules().f1" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f1')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f1.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.f1"  
    @enter="onEnter($event)"  
      
    :disabled="detailsModel.f1.disabled" 
    type='text' 
    placeholder="占位提示-文本框"
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.field2.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='field2' :itemRules="this.rules().field2" class='' :caption="$t('entities.ibizsample0001.main4_form.details.field2')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.field2.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
  v-model="data.field2"  
  @enter="onEnter($event)"  
  
  :disabled="detailsModel.field2.disabled" 
  type='number' 
  :precision="2"
   
  style="">
</input-box>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f2.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='f2' :itemRules="this.rules().f2" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f2')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f2.error" :isEmptyCaption="false" labelPos="LEFT">
    <i-input type="password" v-model="data.f2" placeholder="占位提示-密码框" :disabled="detailsModel.f2.disabled" style=""></i-input>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.formitem1.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='formitem1' :itemRules="this.rules().formitem1" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem1')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem1.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-stepper name='formitem1' :value="this.data.formitem1" @change="onFormItemValueChange" :disabled="detailsModel.formitem1.disabled" style=""></app-stepper>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.formitem2.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='formitem2' :itemRules="this.rules().formitem2" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem2')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem2.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-switch name='formitem2' :value="this.data.formitem2" @change="($event)=>{this.data.formitem2 = $event} " :disabled="detailsModel.formitem2.disabled" style=""></app-switch>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.formitem3.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='formitem3' :itemRules="this.rules().formitem3" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem3')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem3.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-slider name='formitem3' :value="this.data.formitem3" @change="onFormItemValueChange" :disabled="detailsModel.formitem3.disabled" style=""></app-slider>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.formitem4.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='formitem4' :itemRules="this.rules().formitem4" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem4')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem4.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-rate 
    name='formitem4' 
    :value="this.data.formitem4" 
    @change="($event)=>{this.data.formitem4 = $event} " 
    :disabled="detailsModel.formitem4.disabled" 
    style="">
</app-rate>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f5.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='f5' :itemRules="this.rules().f5" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f5')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f5.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-input-ip
    v-model="data.f5" 
    :context="context"
    :formState="formState"
    :viewparams="viewparams"
    :disabled="detailsModel.f5.disabled"
    @enter="onEnter($event)">
</app-input-ip>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f6.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f6' :itemRules="this.rules().f6" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f6')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f6.error" :isEmptyCaption="false" labelPos="LEFT">
    <div style="">{{data.f6}}</div>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f8.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f8' :itemRules="this.rules().f8" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f8')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f8.error" :isEmptyCaption="false" labelPos="LEFT">
    <i-input v-model="data.f8" placeholder="占位提示-标签（旧）" readonly disabled style=""></i-input>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f7.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f7' :itemRules="this.rules().f7" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f7')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f7.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-span name='f7' :value="data.f7" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  style="">  
</app-span>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f3.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='f3' :itemRules="this.rules().f3" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f3')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f3.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.f3"  :disabled="detailsModel.f3.disabled" type='textarea' style=""  placeholder="占位提示-多行输入框"></input-box>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f4.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='f4' :itemRules="this.rules().f4" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f4')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f4.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.f4" :textareaId="this.$util.createUUID()"  :disabled="detailsModel.f4.disabled" type='textarea' textareaStyle="height:200px;"  placeholder="占位提示-多行输入框（10行）"></input-box>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f34.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='f34' :itemRules="this.rules().f34" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f34')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f34.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-rich-text-editor :formState="formState" :value="data.f34" @change="(val) =>{this.data.f34 =val}" :disabled="detailsModel.f34.disabled" :data="JSON.stringify(this.data)"  name="f34" :uploadparams='{}' :exportparams='{}'  style=""></app-rich-text-editor>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col v-show="detailsModel.grouppanel3.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel3.manageContainerStatus"  :isManageContainer="detailsModel.grouppanel3.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel3')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel3.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel3')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <row>
        <i-col v-show="detailsModel.f9.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f9' :itemRules="this.rules().f9" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f9')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f9.error" :isEmptyCaption="false" labelPos="LEFT">
    
 <dropdown-list 
    v-model="data.f9" 
    :data="data" 
    :context="context"
    :viewparams="viewparams"
    :formState="formState" 
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.f9.disabled" 
    tag='SCODELIST_TEXT' 
    codelistType='STATIC'
    placeholder='占位提示-下拉列表框' style="">
 </dropdown-list>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f10.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f10' :itemRules="this.rules().f10" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f10')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f10.error" :isEmptyCaption="false" labelPos="LEFT">
    
 <dropdown-list 
  v-model="data.f10" 
  :data="data" 
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.f10.disabled" 
  style="width:100px;width: 100px;" 
  tag='SCODELIST_TEXT' 
  codelistType='STATIC'
  placeholder='占位提示-下拉列表框（100宽度）'>
 </dropdown-list>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f11.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f11' :itemRules="this.rules().f11" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f11')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f11.error" :isEmptyCaption="false" labelPos="LEFT">
    <div style="">
  <app-checkbox :value="this.data.f11" @change="($event)=>{this.data.f11 = $event} " :disabled="detailsModel.f11.disabled"></app-checkbox>
</div>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f12.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f12' :itemRules="this.rules().f12" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f12')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f12.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-radio-group 
  v-model="data.f12"
  :data="data" 
  :context="context"
  :viewparams="viewparams"   
  :disabled="detailsModel.f12.disabled"  
  name="f12" 
  :localContext ='{ }' 
  :localParam ='{ }' 
  tag='SCODELIST_TEXT' 
  codelistType='STATIC' 
  style="">
</app-radio-group>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f13.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f13' :itemRules="this.rules().f13" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f13')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f13.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-checkbox-list 
  v-model="data.f13" 
  :data="data" 
  :context="context"
  :viewparams="viewparams" 
  :disabled="detailsModel.f13.disabled" 
  :localContext ='{ }' 
  :localParam ='{ }' 
  tag='SCODELIST_TEXT' 
  codelistType='STATIC' 
  mode=""
  name="f13" 
  style="">
</app-checkbox-list>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f14.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f14' :itemRules="this.rules().f14" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f14')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f14.error" :isEmptyCaption="false" labelPos="LEFT">
    
</app-form-item>

</i-col>
<i-col v-show="detailsModel.f15.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f15' :itemRules="this.rules().f15" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f15')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f15.error" :isEmptyCaption="false" labelPos="LEFT">
    
</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col v-show="detailsModel.grouppanel2.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel2.manageContainerStatus"  :isManageContainer="detailsModel.grouppanel2.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel2')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel2.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel2')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <row>
        <i-col v-show="detailsModel.f16.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f16' :itemRules="this.rules().f16" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f16')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f16.error" :isEmptyCaption="false" labelPos="LEFT">
    <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="占位提示-时间选择控件" :value="data.f16" :disabled="detailsModel.f16.disabled" style="min-width: 150px;width:160px;  " @on-change="(val1, val2) => { this.data.f16 = val1 }"></date-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f17.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f17' :itemRules="this.rules().f17" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f17')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f17.error" :isEmptyCaption="false" labelPos="LEFT">
    <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="占位提示-时间选择控件_无小时" :value="data.f17" :disabled="detailsModel.f17.disabled" style="min-width: 150px; width:160px;" @on-change="(val1, val2) => { this.data.f17 = val1 }"></date-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f18.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f18' :itemRules="this.rules().f18" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f18')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f18.error" :isEmptyCaption="false" labelPos="LEFT">
     <time-picker :value="data.f18" :transfer="true" :disabled="detailsModel.f18.disabled" format="HH:mm:ss" placeholder="占位提示-时间选择控件_无日期" style="min-width: 150px; width:160px;"  @on-change="(val) => {this.data.f18 = val}"></time-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f19.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f19' :itemRules="this.rules().f19" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f19')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f19.error" :isEmptyCaption="false" labelPos="LEFT">
     <time-picker :value="data.f19" :transfer="true" :disabled="detailsModel.f19.disabled" format="HH" placeholder="占位提示-时间选择控件_小时" style="min-width: 150px; width:160px;"  @on-change="(val) => {this.data.f19 = val}"></time-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f20.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f20' :itemRules="this.rules().f20" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f20')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f20.error" :isEmptyCaption="false" labelPos="LEFT">
     <time-picker :value="data.f20" :transfer="true" :disabled="detailsModel.f20.disabled" format="mm" placeholder="占位提示-时间选择控件_分钟" style="min-width: 150px; width:160px;"  @on-change="(val) => {this.data.f20 = val}"></time-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f21.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f21' :itemRules="this.rules().f21" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f21')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f21.error" :isEmptyCaption="false" labelPos="LEFT">
     <time-picker :value="data.f21" :transfer="true" :disabled="detailsModel.f21.disabled" format="ss" placeholder="占位提示-时间选择控件_秒钟" style="min-width: 150px; width:160px;"  @on-change="(val) => {this.data.f21 = val}"></time-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f22.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f22' :itemRules="this.rules().f22" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f22')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f22.error" :isEmptyCaption="false" labelPos="LEFT">
     <time-picker :value="data.f22" :transfer="true" :disabled="detailsModel.f22.disabled" format="HH:mm" placeholder="占位提示-时间选择控件_无日期无秒钟" style="min-width: 150px; width:160px;"  @on-change="(val) => {this.data.f22 = val}"></time-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f23.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f23' :itemRules="this.rules().f23" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f23')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f23.error" :isEmptyCaption="false" labelPos="LEFT">
    <date-picker type="datetime" :transfer="true" format="yyyy-MM-dd HH:mm:ss" placeholder="占位提示-时间选择控件（新）" :value="data.f23" :disabled="detailsModel.f23.disabled" style="min-width: 150px; width:160px;" @on-change="(val1, val2) => { this.data.f23 = val1 }"></date-picker>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col v-show="detailsModel.grouppanel5.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel5.manageContainerStatus"  :isManageContainer="detailsModel.grouppanel5.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel5')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel5.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel5')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <row>
        <i-col v-show="detailsModel.f35.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='f35' :itemRules="this.rules().f35" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f35')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f35.error" :isEmptyCaption="false" labelPos="LEFT">
     <app-image-upload :multiple="false" :formState="formState" :ignorefieldvaluechange="ignorefieldvaluechange" @formitemvaluechange="onFormItemValueChange" :data="JSON.stringify(this.data)" name='f35' :value="data.f35" :disabled="detailsModel.f35.disabled" :uploadparams='{}' :exportparams='{}' ></app-image-upload>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f36.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='f36' :itemRules="this.rules().f36" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f36')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f36.error" :isEmptyCaption="false" labelPos="LEFT">
     <app-image-upload :multiple="true" :formState="formState" :ignorefieldvaluechange="ignorefieldvaluechange" @formitemvaluechange="onFormItemValueChange" :data="JSON.stringify(this.data)" name='f36' :value="data.f36" :disabled="detailsModel.f36.disabled" :uploadparams='{}' :exportparams='{}' style="overflow: auto;"></app-image-upload>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f37.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='f37' :itemRules="this.rules().f37" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f37')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f37.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-file-upload :formState="formState" :ignorefieldvaluechange="ignorefieldvaluechange" @formitemvaluechange="onFormItemValueChange" :data="JSON.stringify(this.data)" name='f37' :value="data.f37" :disabled="detailsModel.f37.disabled" :uploadparams='{}' :exportparams='{}'  style="overflow: auto;"></app-file-upload>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col v-show="detailsModel.grouppanel1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel1.manageContainerStatus"  :isManageContainer="detailsModel.grouppanel1.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel1')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <row>
        <i-col v-show="detailsModel.f24.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f24' :itemRules="this.rules().f24" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f24')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f24.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.f24.disabled"
  placeholder="占位提示-数据选择"
  name='f24'
  
  deMajorField='ibizsample0002name'
  deKeyField='ibizsample0002'
  :service="service"
  :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}"
  valueitem='ibizsample0002id' 
  :value="data.f24" 
  editortype="" 
  :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f25.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f25' :itemRules="this.rules().f25" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f25')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f25.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState" 
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.f25.disabled" 
  placeholder="占位提示-数据链接"
  name='f25'
  deMajorField='ibizsample0002name'
  deKeyField='ibizsample0002'
  :service="service"
  :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}"
  valueitem='ibizsample0002id' 
  :value="data.f25"
  editortype="" 
  :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 0, height: 0, placement: '', isRedirectView: false }"
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f26.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f26' :itemRules="this.rules().f26" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f26')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f26.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState" 
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.f26.disabled"
  placeholder="占位提示-数据选择（无AC）"
  name='f26'
  deMajorField='ibizsample0002name'
  deKeyField='ibizsample0002'
  valueitem='ibizsample0002id' 
  :value="data.f26"
  editortype="pickup-no-ac" 
  :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f27.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f27' :itemRules="this.rules().f27" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f27')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f27.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState" 
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.f27.disabled"
  placeholder="占位提示-数据选择（无AC、数据链接）"
  name='f27'
  deMajorField='ibizsample0002name'
  deKeyField='ibizsample0002'
  valueitem='ibizsample0002id' 
  :value="data.f27"
  editortype="pickup-no-ac" 
  :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 0, height: 0, placement: '', isRedirectView: false }"
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.formitem28.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='formitem28' :itemRules="this.rules().formitem28" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem28')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.formitem28.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker  
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.formitem28.disabled"
  placeholder="占位提示-数据选择（下拉）"
  name='formitem28' 
  
  deMajorField='ibizsample0002name'
  deKeyField='ibizsample0002'
  :service="service"
  :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}"
  valueitem='f33' 
  :value="data.formitem28" 
  editortype="dropdown" 
  style="" 
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.f29.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='f29' :itemRules="this.rules().f29" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f29')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f29.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState" 
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.f29.disabled" 
  placeholder="占位提示-数据选择（下拉、数据链接）"
  name='f29'
  deMajorField='ibizsample0002name'
  deKeyField='ibizsample0002'
  :service="service"
  :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}"
  valueitem='ibizsample0002id' 
  :value="data.f29"
  editortype="" 
  :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 0, height: 0, placement: '', isRedirectView: false }"
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.formitem5.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='formitem5' :itemRules="this.rules().formitem5" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem5')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem5.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.formitem5.disabled"
  name='formitem5'
  deMajorField='ibizsample0002name'
  deKeyField='ibizsample0002'
  valueitem='ibizsample0002id' 
  :value="data.formitem5"  
  editortype="linkonly" 
  :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 0, height: 0, placement: '', isRedirectView: false }" 
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.formitem6.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='formitem6' :itemRules="this.rules().formitem6" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem6')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem6.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-mpicker
    :activeData="data"
    :disabled="detailsModel.formitem6.disabled"
    :curvalue="data.formitem6"
    name="formitem6"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :service="service"
    valueitem='' 
    :acParams="{ }"
    :pickupView="{ viewname: 'ibizsample0002-mpickup-view', title: $t('entities.ibizsample0002.views.mpickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'mpickupview', parameterName: 'mpickupview' } ], placement:'' }"
    @formitemvaluechange="onFormItemValueChange" 
    style="">
</app-mpicker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.formitem.visible" :style="{}"  :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='formitem' :itemRules="this.rules().formitem" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-mpicker
    :activeData="data"
    :disabled="detailsModel.formitem.disabled"
    :curvalue="data.formitem"
    name="formitem"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :service="service"
    valueitem='' 
    deMajorField='ibizsample0002name'
    deKeyField='ibizsample0002'
    :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}"
    :pickupView="{ viewname: 'ibizsample0002-mpickup-view', title: $t('entities.ibizsample0002.views.mpickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'mpickupview', parameterName: 'mpickupview' } ], placement:'' }"
    @formitemvaluechange="onFormItemValueChange" 
    style="">
</app-mpicker>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col v-show="detailsModel.grouppanel4.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel4.manageContainerStatus"  :isManageContainer="detailsModel.grouppanel4.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel4')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel4.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel4')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <row>
        <i-col v-show="detailsModel.f30.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='f30' :itemRules="this.rules().f30" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f30')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f30.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-autocomplete 
    :data="data"
    :disabled="detailsModel.f30.disabled" 
    placeholder="占位提示-自动填充"
    name='f30'
    :context="context"
    :viewparams="viewparams"
    deMajorField='ibizsample0002name'
    deKeyField='ibizsample0002'
    :localContext ='{ }' 
    :localParam ='{ }' 
    :service="service"
    :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}"
    valueitem='' 
    :value="data.f30" 
    @formitemvaluechange="onFormItemValueChange"
    style="">
</app-autocomplete>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>
</template>

<script lang='tsx'>
import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
import { CreateElement } from 'vue';
import { Subject, Subscription } from 'rxjs';
import { ControlInterface } from '@/interface/control';
import { UIActionTool,Util,ViewTool } from '@/utils';
import NavDataService from '@/service/app/navdata-service';
import AppCenterService from "@service/app/app-center-service";
import IBIZSample0001Service from '@/service/ibizsample0001/ibizsample0001-service';
import Main4Service from './main4-form-service';
import IBIZSample0001UIService from '@/uiservice/ibizsample0001/ibizsample0001-ui-service';
import { FormButtonModel, FormPageModel, FormItemModel, FormDRUIPartModel, FormPartModel, FormGroupPanelModel, FormIFrameModel, FormRowItemModel, FormTabPageModel, FormTabPanelModel, FormUserControlModel } from '@/model/form-detail';
import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
import schema from 'async-validator';
import { Environment } from '@/environments/environment';


@Component({
    components: {
      
    }
})
export default class Main4Base extends Vue implements ControlInterface {

    /**
     * 名称
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Prop() public name?: string;

    /**
     * 视图通讯对象
     *
     * @type {Subject<ViewState>}
     * @memberof Main4Base
     */
    @Prop() public viewState!: Subject<ViewState>;

    /**
     * 应用上下文
     *
     * @type {*}
     * @memberof Main4Base
     */
    @Prop() public context!: any;

    /**
     * 视图参数
     *
     * @type {*}
     * @memberof Main4Base
     */
    @Prop() public viewparams!: any;

    /**
     * 视图状态事件
     *
     * @public
     * @type {(Subscription | undefined)}
     * @memberof Main4Base
     */
    public viewStateEvent: Subscription | undefined;

    /**
     * 获取部件类型
     *
     * @returns {string}
     * @memberof Main4Base
     */
    public getControlType(): string {
        return 'FORM'
    }



    /**
     * 计数器服务对象集合
     *
     * @type {Array<*>}
     * @memberof Main4Base
     */    
    public counterServiceArray:Array<any> = [];

    /**
     * 建构部件服务对象
     *
     * @type {Main4Service}
     * @memberof Main4Base
     */
    public service: Main4Service = new Main4Service({ $store: this.$store });

    /**
     * 实体服务对象
     *
     * @type {IBIZSample0001Service}
     * @memberof Main4Base
     */
    public appEntityService: IBIZSample0001Service = new IBIZSample0001Service({ $store: this.$store });
    


    /**
     * 转化数据
     *
     * @param {any} args
     * @memberof  Main4Base
     */
    public transformData(args: any) {
        let _this: any = this;
        if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){
            return _this.service.handleRequestData('transform',_this.context,args)['data'];
        }
    }

    /**
     * 关闭视图
     *
     * @param {any} args
     * @memberof Main4Base
     */
    public closeView(args: any): void {
        let _this: any = this;
        _this.$emit('closeview', [args]);
    }

    /**
     *  计数器刷新
     *
     * @memberof Main4Base
     */
    public counterRefresh(){
        const _this:any =this;
        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
            _this.counterServiceArray.forEach((item:any) =>{
                if(item.refreshData && item.refreshData instanceof Function){
                    item.refreshData();
                }
            })
        }
    }



    /**
     * 视图默认使用
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Inject({from:'navModel',default: 'tab'})
    public navModel!:string;

    /**
     * 主键表单项名称
     *
     * @protected
     * @type {string}
     * @memberof Main4Base
     */
    public formKeyItemName: string = '';

    /**
     * 是否自动加载
     *
     * @type {boolean}
     * @memberof Main4Base
     */
    @Prop({default:false}) public isautoload?:boolean;

    /**
     * 界面UI服务对象
     *
     * @type {IBIZSample0001UIService}
     * @memberof Main4Base
     */  
    public appUIService:IBIZSample0001UIService = new IBIZSample0001UIService(this.$store);

    /**
     * 工作流审批意见控件绑定值
     *
     * @memberof Main4Base
     */
    public srfwfmemo:string = "";
    
    /**
     * 获取多项数据
     *
     * @returns {any[]}
     * @memberof Main4Base
     */
    public getDatas(): any[] {
        return [this.data];
    }

    /**
     * 获取单项树
     *
     * @returns {*}
     * @memberof Main4Base
     */
    public getData(): any {
        return this.data;
    }

    /**
     * 是否默认保存
     *
     * @type {boolean}
     * @memberof Main4Base
     */
    @Prop({ default: false }) public autosave?: boolean;

    /**
     * 显示处理提示
     *
     * @type {boolean}
     * @memberof Main4Base
     */
    @Prop({ default: true }) public showBusyIndicator?: boolean;

    /**
     * 部件行为--submit
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Prop() public WFSubmitAction!: string;
    
    /**
     * 部件行为--start
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Prop() public WFStartAction!: string;
    
    /**
     * 部件行为--update
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Prop() public updateAction!: string;
    
    /**
     * 部件行为--remove
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Prop() public removeAction!: string;
    
    /**
     * 部件行为--loaddraft
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Prop() public loaddraftAction!: string;
    
    /**
     * 部件行为--load
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Prop() public loadAction!: string;
    
    /**
     * 部件行为--create
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Prop() public createAction!: string;

    /**
     * 部件行为--create
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Prop() public searchAction!: string;

    /**
     * 视图标识
     *
     * @type {string}
     * @memberof Main4Base
     */
    @Prop() public viewtag!: string;

    /**
     * 表单状态
     *
     * @type {Subject<any>}
     * @memberof Main4Base
     */
    public formState: Subject<any> = new Subject();

    /**
     * 忽略表单项值变化
     *
     * @type {boolean}
     * @memberof Main4Base
     */
    public ignorefieldvaluechange: boolean = false;

    /**
     * 数据变化
     *
     * @public
     * @type {Subject<any>}
     * @memberof Main4Base
     */
    public dataChang: Subject<any> = new Subject();

    /**
     * 视图状态事件
     *
     * @public
     * @type {(Subscription | undefined)}
     * @memberof Main4Base
     */
    public dataChangEvent: Subscription | undefined;

    /**
     * 原始数据
     *
     * @public
     * @type {*}
     * @memberof Main4Base
     */
    public oldData: any = {};

    /**
     * 混入表单数据对象
     *
     * @type {*}
     * @memberof Main4Base
     */
    public mixinData:any = {};

    /**
     * 表单项校验错误提示信息
     * 
     *  @memberof  Main4Base
     */
    public errorMessages: Array<any> = [];   

    /**
     * 设置表单项错误提示信息
     * 
     * @param {*} prop 表单项字段名
     * @param {*} status 校验状态
     * @param {*} error 错误信息
     * @memberof Main4Base
     */
    public formItemValidate(prop: string,status: boolean, error: string){
        error = error ? error : '';
        if(this.errorMessages && this.errorMessages.length > 0){
            const index = this.errorMessages.findIndex((errorMessage:any) => Object.is(errorMessage.prop,prop));
            if(index != -1){
                this.errorMessages[index].error = error;
            }else{
                this.errorMessages.push({prop: prop,error: error});
            }
        }else{
            this.errorMessages.push({prop: prop,error: error});
        }
    }

    /**
     * 表单数据对象
     *
     * @type {*}
     * @memberof Main4Base
     */
    public data: any = {
        srfupdatedate: null,
        srforikey: null,
        srfkey: null,
        srfmajortext: null,
        srftempmode: null,
        srfuf: null,
        srfdeid: null,
        srfsourcekey: null,
        f1: null,
        field2: null,
        f2: null,
        formitem1: null,
        formitem2: null,
        formitem3: null,
        formitem4: null,
        f5: null,
        f6: null,
        f8: null,
        f7: null,
        f3: null,
        f4: null,
        f34: null,
        f9: null,
        f10: null,
        f11: null,
        f12: null,
        f13: null,
        f14: null,
        f15: null,
        f16: null,
        f17: null,
        f18: null,
        f19: null,
        f20: null,
        f21: null,
        f22: null,
        f23: null,
        f35: null,
        f36: null,
        f37: null,
        f24: null,
        f25: null,
        f26: null,
        f27: null,
        formitem28: null,
        f29: null,
        formitem5: null,
        formitem6: null,
        formitem: null,
        ibizsample0002id: null,
        f30: null,
        f31: null,
        f32: null,
        f33: null,
        ibizsample0001id: null,
        ibizsample0001:null,
    };

    /**
      * 当前执行的行为逻辑
      *
      * @type {string}
      * @memberof Main4Base
      */
    public currentAction: string = "";

    /**
      * 关系界面计数器
      *
      * @type {number}
      * @memberof Main4Base
      */
    public drcounter: number = 0;

    /**
      * 需要等待关系界面保存时，第一次调用save参数的备份
      *
      * @type {number}
      * @memberof Main4Base
      */
    public drsaveopt: any = {};

    /**
      * 表单保存回调存储对象
      *
      * @type {any}
      * @memberof Main4Base
      */
    public saveState:any ;

    /**
     * 主信息属性映射表单项名称
     *
     * @type {string}
     * @memberof Main4Base
     */
    public majorMessageField: string = "";

    /**
     * 值规则
     *
     * @type {*}
     * @memberof Main4Base
     */
    public rules() :any {
    return {
        f1: [
            { required: this.detailsModel.f1.required, type: 'string', message: '文本框 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f1.required, type: 'string', message: '文本框 值不能为空', trigger: 'blur' },
        ],
        field2: [
            { required: this.detailsModel.field2.required, type: 'number', message: '数值框 值不能为空', trigger: 'change' },
            { required: this.detailsModel.field2.required, type: 'number', message: '数值框 值不能为空', trigger: 'blur' },
        ],
        f2: [
            { required: this.detailsModel.f2.required, type: 'string', message: '密码框 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f2.required, type: 'string', message: '密码框 值不能为空', trigger: 'blur' },
        ],
        formitem1: [
            { required: this.detailsModel.formitem1.required, type: 'string', message: '步进器 值不能为空', trigger: 'change' },
            { required: this.detailsModel.formitem1.required, type: 'string', message: '步进器 值不能为空', trigger: 'blur' },
        ],
        formitem2: [
            { required: this.detailsModel.formitem2.required, type: 'string', message: '开关控件 值不能为空', trigger: 'change' },
            { required: this.detailsModel.formitem2.required, type: 'string', message: '开关控件 值不能为空', trigger: 'blur' },
        ],
        formitem3: [
            { required: this.detailsModel.formitem3.required, type: 'string', message: '滑动输入条 值不能为空', trigger: 'change' },
            { required: this.detailsModel.formitem3.required, type: 'string', message: '滑动输入条 值不能为空', trigger: 'blur' },
        ],
        formitem4: [
            { required: this.detailsModel.formitem4.required, type: 'string', message: '评分器 值不能为空', trigger: 'change' },
            { required: this.detailsModel.formitem4.required, type: 'string', message: '评分器 值不能为空', trigger: 'blur' },
        ],
        f5: [
            { required: this.detailsModel.f5.required, type: 'string', message: 'IP地址输入框 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f5.required, type: 'string', message: 'IP地址输入框 值不能为空', trigger: 'blur' },
        ],
        f6: [
            { required: this.detailsModel.f6.required, type: 'string', message: '直接内容 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f6.required, type: 'string', message: '直接内容 值不能为空', trigger: 'blur' },
        ],
        f8: [
            { required: this.detailsModel.f8.required, type: 'string', message: '标签(旧） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f8.required, type: 'string', message: '标签(旧） 值不能为空', trigger: 'blur' },
        ],
        f7: [
            { required: this.detailsModel.f7.required, type: 'string', message: '标签 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f7.required, type: 'string', message: '标签 值不能为空', trigger: 'blur' },
        ],
        f3: [
            { required: this.detailsModel.f3.required, type: 'string', message: '多行输入框 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f3.required, type: 'string', message: '多行输入框 值不能为空', trigger: 'blur' },
        ],
        f4: [
            { required: this.detailsModel.f4.required, type: 'string', message: '多行输入框（10行） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f4.required, type: 'string', message: '多行输入框（10行） 值不能为空', trigger: 'blur' },
        ],
        f34: [
            { required: this.detailsModel.f34.required, type: 'string', message: 'HTML编辑框 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f34.required, type: 'string', message: 'HTML编辑框 值不能为空', trigger: 'blur' },
        ],
        f9: [
            { required: this.detailsModel.f9.required, type: 'string', message: '下拉列表框 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f9.required, type: 'string', message: '下拉列表框 值不能为空', trigger: 'blur' },
        ],
        f10: [
            { required: this.detailsModel.f10.required, type: 'string', message: '下拉列表框（100宽度） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f10.required, type: 'string', message: '下拉列表框（100宽度） 值不能为空', trigger: 'blur' },
        ],
        f11: [
            { required: this.detailsModel.f11.required, type: 'string', message: '选项框 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f11.required, type: 'string', message: '选项框 值不能为空', trigger: 'blur' },
        ],
        f12: [
            { required: this.detailsModel.f12.required, type: 'string', message: '单选项列表 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f12.required, type: 'string', message: '单选项列表 值不能为空', trigger: 'blur' },
        ],
        f13: [
            { required: this.detailsModel.f13.required, type: 'string', message: '选项框列表 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f13.required, type: 'string', message: '选项框列表 值不能为空', trigger: 'blur' },
        ],
        f14: [
            { required: this.detailsModel.f14.required, type: 'string', message: '列表框 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f14.required, type: 'string', message: '列表框 值不能为空', trigger: 'blur' },
        ],
        f15: [
            { required: this.detailsModel.f15.required, type: 'string', message: '列表框（选择） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f15.required, type: 'string', message: '列表框（选择） 值不能为空', trigger: 'blur' },
        ],
        f16: [
            { required: this.detailsModel.f16.required, type: 'string', message: '时间选择控件 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f16.required, type: 'string', message: '时间选择控件 值不能为空', trigger: 'blur' },
        ],
        f17: [
            { required: this.detailsModel.f17.required, type: 'string', message: '时间选择控件_无小时 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f17.required, type: 'string', message: '时间选择控件_无小时 值不能为空', trigger: 'blur' },
        ],
        f18: [
            { required: this.detailsModel.f18.required, type: 'string', message: '时间选择控件_无日期 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f18.required, type: 'string', message: '时间选择控件_无日期 值不能为空', trigger: 'blur' },
        ],
        f19: [
            { required: this.detailsModel.f19.required, type: 'string', message: '时间选择控件_小时 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f19.required, type: 'string', message: '时间选择控件_小时 值不能为空', trigger: 'blur' },
        ],
        f20: [
            { required: this.detailsModel.f20.required, type: 'string', message: '时间选择控件_分钟 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f20.required, type: 'string', message: '时间选择控件_分钟 值不能为空', trigger: 'blur' },
        ],
        f21: [
            { required: this.detailsModel.f21.required, type: 'string', message: '时间选择控件_秒钟 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f21.required, type: 'string', message: '时间选择控件_秒钟 值不能为空', trigger: 'blur' },
        ],
        f22: [
            { required: this.detailsModel.f22.required, type: 'string', message: '时间选择控件_无日期无秒钟 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f22.required, type: 'string', message: '时间选择控件_无日期无秒钟 值不能为空', trigger: 'blur' },
        ],
        f23: [
            { required: this.detailsModel.f23.required, type: 'string', message: '时间选择器(新） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f23.required, type: 'string', message: '时间选择器(新） 值不能为空', trigger: 'blur' },
        ],
        f35: [
            { required: this.detailsModel.f35.required, type: 'string', message: '图片控件（单项） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f35.required, type: 'string', message: '图片控件（单项） 值不能为空', trigger: 'blur' },
        ],
        f36: [
            { required: this.detailsModel.f36.required, type: 'string', message: '图片控件 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f36.required, type: 'string', message: '图片控件 值不能为空', trigger: 'blur' },
        ],
        f37: [
            { required: this.detailsModel.f37.required, type: 'string', message: '文件上传控件 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f37.required, type: 'string', message: '文件上传控件 值不能为空', trigger: 'blur' },
        ],
        f24: [
            { required: this.detailsModel.f24.required, type: 'string', message: '数据选择 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f24.required, type: 'string', message: '数据选择 值不能为空', trigger: 'blur' },
        ],
        f25: [
            { required: this.detailsModel.f25.required, type: 'string', message: '数据选择（数据链接） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f25.required, type: 'string', message: '数据选择（数据链接） 值不能为空', trigger: 'blur' },
        ],
        f26: [
            { required: this.detailsModel.f26.required, type: 'string', message: '数据选择（无AC） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f26.required, type: 'string', message: '数据选择（无AC） 值不能为空', trigger: 'blur' },
        ],
        f27: [
            { required: this.detailsModel.f27.required, type: 'string', message: '数据选择（无AC、数据链接） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f27.required, type: 'string', message: '数据选择（无AC、数据链接） 值不能为空', trigger: 'blur' },
        ],
        formitem28: [
            { required: this.detailsModel.formitem28.required, type: 'string', message: '数据选择（下拉） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.formitem28.required, type: 'string', message: '数据选择（下拉） 值不能为空', trigger: 'blur' },
        ],
        f29: [
            { required: this.detailsModel.f29.required, type: 'string', message: '数据选择（下拉、数据链接） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f29.required, type: 'string', message: '数据选择（下拉、数据链接） 值不能为空', trigger: 'blur' },
        ],
        formitem5: [
            { required: this.detailsModel.formitem5.required, type: 'string', message: '数据链接 值不能为空', trigger: 'change' },
            { required: this.detailsModel.formitem5.required, type: 'string', message: '数据链接 值不能为空', trigger: 'blur' },
        ],
        formitem6: [
            { required: this.detailsModel.formitem6.required, type: 'string', message: '地址框（支持选择、AC） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.formitem6.required, type: 'string', message: '地址框（支持选择、AC） 值不能为空', trigger: 'blur' },
        ],
        formitem: [
            { required: this.detailsModel.formitem.required, type: 'string', message: '地址栏（选择） 值不能为空', trigger: 'change' },
            { required: this.detailsModel.formitem.required, type: 'string', message: '地址栏（选择） 值不能为空', trigger: 'blur' },
        ],
        f30: [
            { required: this.detailsModel.f30.required, type: 'string', message: '自动填充 值不能为空', trigger: 'change' },
            { required: this.detailsModel.f30.required, type: 'string', message: '自动填充 值不能为空', trigger: 'blur' },
        ],
        }
    }

    /**
     * 属性值规则
     *
     * @type {*}
     * @memberof Main4Base
     */
    public deRules:any = {
    };

    /**
     * 校验属性值规则
     *
     * @public
     * @param {{ name: string }} { name }
     * @memberof Main4Base
     */
    public verifyDeRules(name:string,rule:any = this.deRules,op:string = "AND") :{isPast:boolean,infoMessage:string}{
        let falg:any = {infoMessage:""};
        if(!rule[name]){
            return falg;
        }
        let opValue = op == 'AND'? true :false;
        let startOp = (val:boolean)=>{
            if(falg.isPast){
                if(opValue){
                    falg.isPast = falg.isPast && val;
                }else{
                    falg.isPast = falg.isPast || val;
                }
            }else{
                falg.isPast = val;
            }
        }
        for(let i=0;i<rule[name].length;i++){
            let item:any = rule[name][i];
            let dataValue = item.deName?this.data[this.service.getItemNameByDeName(item.deName)]:"";
            item.ruleInfo = item.ruleInfo ? item.ruleInfo : this.$t('app.formpage.valuecheckex');
            if((dataValue === null || dataValue === undefined || dataValue === "") && (item.type != 'GROUP')){
                startOp(true);
                return falg;
            }
           try {
                // 常规规则
                if(item.type == 'SIMPLE'){
                    startOp(!this.$verify.checkFieldSimpleRule(dataValue,item.condOP,item.paramValue,item.ruleInfo,item.paramType,this.data,item.isKeyCond));
                    falg.infoMessage = item.ruleInfo;
                    if(!falg.isPast) return falg;
                }
                // 数值范围
                if(item.type == 'VALUERANGE2'){
                    startOp( !this.$verify.checkFieldValueRangeRule(dataValue,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond));
                    falg.infoMessage = item.ruleInfo;
                    if(!falg.isPast) return falg;
                }
                // 正则式
                if (item.type == "REGEX") {
                    startOp(!this.$verify.checkFieldRegExRule(dataValue,item.regExCode,item.ruleInfo,item.isKeyCond));
                    falg.infoMessage = item.ruleInfo;
                    if(!falg.isPast) return falg;
                }
                // 长度
                if (item.type == "STRINGLENGTH") {
                    startOp(!this.$verify.checkFieldStringLengthRule(dataValue,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond)); 
                    falg.infoMessage = item.ruleInfo;
                    if(!falg.isPast) return falg;
                }
                // 系统值规则
                if(item.type == "SYSVALUERULE") {
                    startOp(!this.$verify.checkFieldSysValueRule(dataValue,item.sysRule.regExCode,item.ruleInfo,item.isKeyCond));
                    falg.infoMessage = item.ruleInfo;
                    if(!falg.isPast) return falg;
                }
            } catch(error) {
                falg.infoMessage = item.ruleInfo;
                startOp(false);
                if(!falg.isPast) return falg;
            }
            // 分组
            if(item.type == 'GROUP'){
                falg = this.verifyDeRules('group',item,item.condOP?item.condOP:"AND");
                if(item.isNotMode){
                   falg.isPast = !falg.isPast;
                }
                if(!falg.isPast) return falg;
            }   
        }
        if(!falg.hasOwnProperty("isPast")){
            falg.isPast = true;
        }
        if(!this.data[name] && this.data[name] != 0){
           falg.isPast = true;
        }
        return falg;
    }

    /**
     * 详情模型集合
     *
     * @type {*}
     * @memberof Main4Base
     */
    public detailsModel: any = {
        grouppanel7: new FormGroupPanelModel({ caption: '基础类', detailType: 'GROUPPANEL', name: 'grouppanel7', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
, 
        grouppanel3: new FormGroupPanelModel({ caption: '选择类', detailType: 'GROUPPANEL', name: 'grouppanel3', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
, 
        grouppanel2: new FormGroupPanelModel({ caption: '时间类', detailType: 'GROUPPANEL', name: 'grouppanel2', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
, 
        grouppanel5: new FormGroupPanelModel({ caption: '文件上传类', detailType: 'GROUPPANEL', name: 'grouppanel5', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
, 
        grouppanel1: new FormGroupPanelModel({ caption: '数据选择类', detailType: 'GROUPPANEL', name: 'grouppanel1', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
, 
        grouppanel4: new FormGroupPanelModel({ caption: '自动填充类', detailType: 'GROUPPANEL', name: 'grouppanel4', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
, 
        group1: new FormGroupPanelModel({ caption: '编辑器', detailType: 'GROUPPANEL', name: 'group1', visible: true, isShowCaption: false, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: []  })
, 
        formpage1: new FormPageModel({ caption: '基本信息', detailType: 'FORMPAGE', name: 'formpage1', visible: true, isShowCaption: true, form: this, isControlledContent: false  })
, 
        srfupdatedate: new FormItemModel({ caption: '更新时间', detailType: 'FORMITEM', name: 'srfupdatedate', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        srforikey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srforikey', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        srfkey: new FormItemModel({ caption: 'IBIZSAMPLE0001标识', detailType: 'FORMITEM', name: 'srfkey', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        srfmajortext: new FormItemModel({ caption: '名称', detailType: 'FORMITEM', name: 'srfmajortext', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        srftempmode: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srftempmode', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        srfuf: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfuf', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        srfdeid: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfdeid', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        srfsourcekey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfsourcekey', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f1: new FormItemModel({ caption: '文本框', detailType: 'FORMITEM', name: 'f1', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        field2: new FormItemModel({ caption: '数值框', detailType: 'FORMITEM', name: 'field2', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f2: new FormItemModel({ caption: '密码框', detailType: 'FORMITEM', name: 'f2', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        formitem1: new FormItemModel({ caption: '步进器', detailType: 'FORMITEM', name: 'formitem1', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        formitem2: new FormItemModel({ caption: '开关控件', detailType: 'FORMITEM', name: 'formitem2', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        formitem3: new FormItemModel({ caption: '滑动输入条', detailType: 'FORMITEM', name: 'formitem3', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        formitem4: new FormItemModel({ caption: '评分器', detailType: 'FORMITEM', name: 'formitem4', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f5: new FormItemModel({ caption: 'IP地址输入框', detailType: 'FORMITEM', name: 'f5', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f6: new FormItemModel({ caption: '直接内容', detailType: 'FORMITEM', name: 'f6', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f8: new FormItemModel({ caption: '标签(旧）', detailType: 'FORMITEM', name: 'f8', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f7: new FormItemModel({ caption: '标签', detailType: 'FORMITEM', name: 'f7', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f3: new FormItemModel({ caption: '多行输入框', detailType: 'FORMITEM', name: 'f3', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f4: new FormItemModel({ caption: '多行输入框（10行）', detailType: 'FORMITEM', name: 'f4', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f34: new FormItemModel({ caption: 'HTML编辑框', detailType: 'FORMITEM', name: 'f34', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f9: new FormItemModel({ caption: '下拉列表框', detailType: 'FORMITEM', name: 'f9', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f10: new FormItemModel({ caption: '下拉列表框（100宽度）', detailType: 'FORMITEM', name: 'f10', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f11: new FormItemModel({ caption: '选项框', detailType: 'FORMITEM', name: 'f11', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f12: new FormItemModel({ caption: '单选项列表', detailType: 'FORMITEM', name: 'f12', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f13: new FormItemModel({ caption: '选项框列表', detailType: 'FORMITEM', name: 'f13', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f14: new FormItemModel({ caption: '列表框', detailType: 'FORMITEM', name: 'f14', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f15: new FormItemModel({ caption: '列表框（选择）', detailType: 'FORMITEM', name: 'f15', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f16: new FormItemModel({ caption: '时间选择控件', detailType: 'FORMITEM', name: 'f16', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f17: new FormItemModel({ caption: '时间选择控件_无小时', detailType: 'FORMITEM', name: 'f17', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f18: new FormItemModel({ caption: '时间选择控件_无日期', detailType: 'FORMITEM', name: 'f18', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f19: new FormItemModel({ caption: '时间选择控件_小时', detailType: 'FORMITEM', name: 'f19', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f20: new FormItemModel({ caption: '时间选择控件_分钟', detailType: 'FORMITEM', name: 'f20', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f21: new FormItemModel({ caption: '时间选择控件_秒钟', detailType: 'FORMITEM', name: 'f21', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f22: new FormItemModel({ caption: '时间选择控件_无日期无秒钟', detailType: 'FORMITEM', name: 'f22', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f23: new FormItemModel({ caption: '时间选择器(新）', detailType: 'FORMITEM', name: 'f23', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f35: new FormItemModel({ caption: '图片控件（单项）', detailType: 'FORMITEM', name: 'f35', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f36: new FormItemModel({ caption: '图片控件', detailType: 'FORMITEM', name: 'f36', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f37: new FormItemModel({ caption: '文件上传控件', detailType: 'FORMITEM', name: 'f37', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f24: new FormItemModel({ caption: '数据选择', detailType: 'FORMITEM', name: 'f24', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f25: new FormItemModel({ caption: '数据选择（数据链接）', detailType: 'FORMITEM', name: 'f25', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f26: new FormItemModel({ caption: '数据选择（无AC）', detailType: 'FORMITEM', name: 'f26', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f27: new FormItemModel({ caption: '数据选择（无AC、数据链接）', detailType: 'FORMITEM', name: 'f27', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        formitem28: new FormItemModel({ caption: '数据选择（下拉）', detailType: 'FORMITEM', name: 'formitem28', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f29: new FormItemModel({ caption: '数据选择（下拉、数据链接）', detailType: 'FORMITEM', name: 'f29', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        formitem5: new FormItemModel({ caption: '数据链接', detailType: 'FORMITEM', name: 'formitem5', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        formitem6: new FormItemModel({ caption: '地址框（支持选择、AC）', detailType: 'FORMITEM', name: 'formitem6', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        formitem: new FormItemModel({ caption: '地址栏（选择）', detailType: 'FORMITEM', name: 'formitem', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        ibizsample0002id: new FormItemModel({ caption: '值项表单项', detailType: 'FORMITEM', name: 'ibizsample0002id', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f30: new FormItemModel({ caption: '自动填充', detailType: 'FORMITEM', name: 'f30', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f31: new FormItemModel({ caption: '自动填充（只能选择）', detailType: 'FORMITEM', name: 'f31', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f32: new FormItemModel({ caption: '自动填充（无按钮）', detailType: 'FORMITEM', name: 'f32', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        f33: new FormItemModel({ caption: '自动填充（只能选择、无按钮）', detailType: 'FORMITEM', name: 'f33', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
        ibizsample0001id: new FormItemModel({ caption: 'IBIZSAMPLE0001标识', detailType: 'FORMITEM', name: 'ibizsample0001id', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 })
, 
    };

    /**
     * 监控表单属性 srfupdatedate 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.srfupdatedate')
    onSrfupdatedateChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'srfupdatedate', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 srforikey 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.srforikey')
    onSrforikeyChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'srforikey', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 srfkey 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.srfkey')
    onSrfkeyChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'srfkey', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 srfmajortext 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.srfmajortext')
    onSrfmajortextChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'srfmajortext', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 srftempmode 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.srftempmode')
    onSrftempmodeChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'srftempmode', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 srfuf 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.srfuf')
    onSrfufChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'srfuf', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 srfdeid 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.srfdeid')
    onSrfdeidChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'srfdeid', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 srfsourcekey 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.srfsourcekey')
    onSrfsourcekeyChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'srfsourcekey', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f1 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f1')
    onF1Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f1', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 field2 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.field2')
    onField2Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'field2', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f2 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f2')
    onF2Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f2', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 formitem1 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.formitem1')
    onFormitem1Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'formitem1', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 formitem2 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.formitem2')
    onFormitem2Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'formitem2', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 formitem3 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.formitem3')
    onFormitem3Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'formitem3', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 formitem4 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.formitem4')
    onFormitem4Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'formitem4', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f5 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f5')
    onF5Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f5', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f6 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f6')
    onF6Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f6', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f8 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f8')
    onF8Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f8', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f7 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f7')
    onF7Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f7', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f3 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f3')
    onF3Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f3', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f4 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f4')
    onF4Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f4', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f34 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f34')
    onF34Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f34', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f9 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f9')
    onF9Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f9', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f10 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f10')
    onF10Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f10', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f11 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f11')
    onF11Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f11', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f12 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f12')
    onF12Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f12', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f13 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f13')
    onF13Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f13', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f14 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f14')
    onF14Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f14', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f15 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f15')
    onF15Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f15', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f16 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f16')
    onF16Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f16', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f17 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f17')
    onF17Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f17', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f18 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f18')
    onF18Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f18', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f19 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f19')
    onF19Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f19', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f20 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f20')
    onF20Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f20', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f21 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f21')
    onF21Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f21', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f22 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f22')
    onF22Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f22', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f23 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f23')
    onF23Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f23', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f35 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f35')
    onF35Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f35', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f36 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f36')
    onF36Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f36', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f37 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f37')
    onF37Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f37', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f24 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f24')
    onF24Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f24', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f25 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f25')
    onF25Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f25', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f26 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f26')
    onF26Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f26', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f27 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f27')
    onF27Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f27', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 formitem28 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.formitem28')
    onFormitem28Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'formitem28', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f29 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f29')
    onF29Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f29', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 formitem5 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.formitem5')
    onFormitem5Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'formitem5', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 formitem6 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.formitem6')
    onFormitem6Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'formitem6', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 formitem 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.formitem')
    onFormitemChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'formitem', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 ibizsample0002id 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.ibizsample0002id')
    onIbizsample0002idChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'ibizsample0002id', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f30 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f30')
    onF30Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f30', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f31 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f31')
    onF31Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f31', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f32 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f32')
    onF32Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f32', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 f33 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.f33')
    onF33Change(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'f33', newVal: newVal, oldVal: oldVal });
    }

    /**
     * 监控表单属性 ibizsample0001id 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main4Base
     */
    @Watch('data.ibizsample0001id')
    onIbizsample0001idChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'ibizsample0001id', newVal: newVal, oldVal: oldVal });
    }


    /**
     * 显示更多模式切换操作
     *
     * @type {string}
     * @memberof Main4Base
     */
    public manageContainerClick(name: string){
        let model = this.detailsModel[name];
        if(model.isManageContainer){
            model.setManageContainerStatus(!model.manageContainerStatus);
            model.showMoreModeItems.forEach((item:any) => {
                if(this.detailsModel[item].isControlledContent){
                    this.detailsModel[item].setVisible(model.manageContainerStatus? this.detailsModel[item].oldVisible : false);
                }
            });
        }
    }

    /**
     * 重置表单项值
     *
     * @public
     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
     * @memberof Main4Base
     */
    public resetFormData({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
    }

    /**
      * 置空对象
      *
      * @param {any[]} args
     * @memberof Main4Base
      */
    public ResetData(_datas:any){
        if(Object.keys(_datas).length >0){
            Object.keys(_datas).forEach((name: string) => {
                if (this.data.hasOwnProperty(name)) {
                    this.data[name] = null;
                }
            });
        }
    }

    /**
     * 表单逻辑
     *
     * @public
     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
     * @memberof Main4Base
     */
    public async formLogic({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }){
                































































    }

    /**
     * 表单项检查逻辑
     *
     * @public
     * @param name 属性名
     * @memberof Main4Base
     */
    public checkItem(name:string):Promise<any> {
        return new Promise((resolve, reject) => {
                var validator = new schema({[name]:this.rules()[name]});
                validator.validate({[name]:this.data[name]}).then(()=>{
                    resolve(true);
                })
                .catch(() => {
                    resolve(false);
                });;
        })
    }

    /**
     * 表单值变化
     *
     * @public
     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
     * @returns {void}
     * @memberof Main4Base
     */
    public formDataChange({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
        if (this.ignorefieldvaluechange) {
            return;
        }
        this.resetFormData({ name: name, newVal: newVal, oldVal: oldVal });
        this.formLogic({ name: name, newVal: newVal, oldVal: oldVal });
        this.dataChang.next(JSON.stringify(this.data));
    }

    /**
     * 表单加载完成
     *
     * @public
     * @param {*} [data={}]
     * @param {string} [action]
     * @memberof Main4Base
     */
    public onFormLoad(data: any = {},action:string): void {
        if(Object.is(action,"save") || Object.is(action,"autoSave") || Object.is(action,"submit"))
        // 更新context的实体主键
        if(data.ibizsample0001){
            Object.assign(this.context,{ibizsample0001:data.ibizsample0001})
        }
        this.setFormEnableCond(data);
        this.computeButtonState(data);
        this.fillForm(data,action);
        this.oldData = {};
        Object.assign(this.oldData, JSON.parse(JSON.stringify(this.data)));
        this.$store.commit('viewaction/setViewDataChange', { viewtag: this.viewtag, viewdatachange: false });
        this.formLogic({ name: '', newVal: null, oldVal: null });
    }

    /**
     * 值填充
     *
     * @param {*} [_datas={}]
     * @param {string} [action]
     * @memberof Main4Base
     */
    public fillForm(_datas: any = {},action:string): void {
        this.mixinData = _datas;
        this.ignorefieldvaluechange = true;
        Object.keys(_datas).forEach((name: string) => {
            if (this.data.hasOwnProperty(name)) {
                this.data[name] = _datas[name];
            }
        });
        if(Object.is(action,'loadDraft')){
            this.createDefault();
        }
        if(Object.is(action,'load')){
            this.updateDefault();
        }
        this.$nextTick(function () {
            this.ignorefieldvaluechange = false;
        })
    }

    /**
     * 设置表单项是否启用
     *
     * @public
     * @param {*} data
     * @memberof Main4Base
     */
    public setFormEnableCond(data: any): void {
        Object.values(this.detailsModel).forEach((detail: any) => {
            if (!Object.is(detail.detailType, 'FORMITEM')) {
                return;
            }
            const formItem: FormItemModel = detail;
            formItem.setEnableCond(data.srfuf);
        });
    }

    /**
     * 重置草稿表单状态
     *
     * @public
     * @memberof Main4Base
     */
    public resetDraftFormStates(): void {
        const form: any = this.$refs.form;
        if (form) {
            form.resetFields();
        }
    }

    /**
     * 重置校验结果
     *
     * @memberof Main4Base
     */
    public resetValidates(): void {
        Object.values(this.detailsModel).forEach((detail: any) => {
            if (!Object.is(detail.detailType, 'FORMITEM')) {
                return;
            }
            const formItem: FormItemModel = detail;
            formItem.setError('');
        });
    }

    /**
     * 填充校验结果 （后台）
     *
     * @param {any[]} fieldErrors
     * @memberof Main4Base
     */
    public fillValidates(fieldErrors: any[]): void {
        fieldErrors.forEach((error: any) => {
            const formItem: FormItemModel = this.detailsModel[error.field];
            if (!formItem) {
                return;
            }
            this.$nextTick(() => {
                formItem.setError(error.message);
            });
        });
    }

    /**
     * 表单校验状态
     *
     * @returns {boolean} 
     * @memberof Main4Base
     */
    public formValidateStatus(): boolean {
        const form: any = this.$refs.form;
        let validatestate: boolean = true;
        form.validate((valid: boolean) => {
            validatestate = valid ? true : false;
        });
        return validatestate
    }

    /**
     * 获取全部值
     *
     * @returns {*}
     * @memberof Main4Base
     */
    public getValues(): any {
        return this.data;
    }

    /**
     * 表单项值变更
     *
     * @param {{ name: string, value: any }} $event
     * @returns {void}
     * @memberof Main4Base
     */
    public onFormItemValueChange($event: { name: string, value: any }): void {
        if (!$event) {
            return;
        }
        if (!$event.name || Object.is($event.name, '') || !this.data.hasOwnProperty($event.name)) {
            return;
        }
        this.data[$event.name] = $event.value;
    }

    /**
     * 编辑器行为触发
     *
     * @param {*} arg
     * @returns {void}
     * @memberof Main4Base
     */
    public onFormItemActionClick(arg:any){
        if(arg && (arg instanceof Function)) arg();
    }

    /**
     * 设置数据项值
     *
     * @param {string} name
     * @param {*} value
     * @returns {void}
     * @memberof Main4Base
     */
    public setDataItemValue(name: string, value: any): void {
        if (!name || Object.is(name, '') || !this.data.hasOwnProperty(name)) {
            return;
        }
        if (Object.is(this.data[name], value)) {
            return;
        }
        this.data[name] = value;
    }

    /**
     * 计算表单按钮权限状态
     *
     * @param {*} [data] 传入数据
     * @memberof Main4Base
     */
    public computeButtonState(data:any){
        let targetData:any = this.transformData(data);
        if(this.detailsModel && Object.keys(this.detailsModel).length >0){
            Object.keys(this.detailsModel).forEach((name:any) =>{
                if(this.detailsModel[name] && this.detailsModel[name].uiaction && this.detailsModel[name].uiaction.dataaccaction && Object.is(this.detailsModel[name].detailType,"BUTTON")){
                    this.detailsModel[name].isPower = true;
                    let tempUIAction:any = JSON.parse(JSON.stringify(this.detailsModel[name].uiaction));
                    let result: any[] = ViewTool.calcActionItemAuthState(targetData,[tempUIAction],this.appUIService);
                    this.detailsModel[name].visible = tempUIAction.visabled;
                    this.detailsModel[name].disabled = tempUIAction.disabled;
                    this.detailsModel[name].isPower = result[0] === 1 ? true : false;
                }
            })
        }
    }



    /**
     * 分组界面行为事件
     *
     * @param {*} $event
     * @memberof Main4Base
     */
    public groupUIActionClick($event: any): void {
        if (!$event) {
            return;
        }
        const item:any = $event.item;
    }

    /**
     * Vue声明周期(处理组件的输入属性)
     *
     * @memberof Main4Base
     */
    public created(): void {
        this.afterCreated();
    }

    /**
     * 执行created后的逻辑
     *
     *  @memberof Main4Base
     */    
    public afterCreated(){
        if(this.isautoload){
            this.autoLoad({srfkey:this.context.documentcenter});
        }
        if (this.viewState) {
            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
                if (!Object.is(tag, this.name)) {
                    return;
                }
                if (Object.is('autoload', action)) {
                    this.autoLoad(data);
                }
                if (Object.is('load', action)) {
                    this.load(data);
                }
                if (Object.is('loaddraft', action)) {
                    this.loadDraft(data);
                }
                if (Object.is('save', action)) {
                    this.save(data,data.showResultInfo);
                }
                if (Object.is('remove', action)) {
                    this.remove(data);
                }
                if (Object.is('saveandexit', action)) {
                    this.saveAndExit(data);
                }
                if (Object.is('saveandnew', action)) {
                    this.saveAndNew(data);
                }
                if (Object.is('removeandexit', action)) {
                    this.removeAndExit(data);
                }
                if (Object.is('refresh', action)) {
                    this.refresh(data);
                }
                if (Object.is('panelaction', action)) {
                    this.panelAction(data.action,data.emitAction,data.data);
                }
            });
        }
        this.dataChang
            .pipe(
                debounceTime(300),
                distinctUntilChanged()
            ).subscribe((data: any) => {
                if (this.autosave) {
                    this.autoSave();
                }
                const state = !Object.is(JSON.stringify(this.oldData), JSON.stringify(this.data)) ? true : false;
                this.$store.commit('viewaction/setViewDataChange', { viewtag: this.viewtag, viewdatachange: state });
            });
    }

    /**
     * vue 生命周期
     *
     * @memberof Main4Base
     */
    public destroyed() {
        this.afterDestroy();
    }

    /**
     * 执行destroyed后的逻辑
     *
     * @memberof Main4Base
     */
    public afterDestroy() {
        if (this.viewStateEvent) {
            this.viewStateEvent.unsubscribe();
        }
        if (this.dataChangEvent) {
            this.dataChangEvent.unsubscribe();
        }
    }

    /**
     *打印
     *@memberof @memberof Main4Base
     */
    public print(){
        let _this:any = this;
        _this.$print({id:'ibizsample0001_main4',popTitle:'默认编辑器'});
    }

    /**
     * 部件刷新
     *
     * @param {any} args
     * @memberof Main4Base
     */
    public refresh(args?: any): void {
        let arg: any = {};
        Object.assign(arg,args?args[0]:{});
        if (this.data.srfkey && !Object.is(this.data.srfkey, '')) {
            Object.assign(arg, { srfkey: this.data.srfkey });
            this.load(arg);
            return;
        }
        if (this.data.srfkeys && !Object.is(this.data.srfkeys, '')) {
            Object.assign(arg, { srfkey: this.data.srfkeys });
            this.load(arg);
            return;
        }
    }

    /**
     * 自动加载
     *
     * @param {*} [arg={}]
     * @returns {void}
     * @memberof Main4Base
     */
    public autoLoad(arg: any = {}): void {
        if (arg.srfkey && !Object.is(arg.srfkey, '')) {
            Object.assign(arg, { srfkey: arg.srfkey });
            this.load(arg);
            return;
        }
        if (arg.srfkeys && !Object.is(arg.srfkeys, '')) {
            Object.assign(arg, { srfkey: arg.srfkeys });
            this.load(arg);
            return;
        }
        this.loadDraft(arg);
    }

    /**
     * 加载
     *
     * @public
     * @param {*} [opt={}]
     * @memberof Main4Base
     */
    public load(opt: any = {}): void {
        if(!this.loadAction){
            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0001SF5EditView' + (this.$t('app.formpage.notconfig.loadaction') as string) });
            return;
        }
        const arg: any = { ...opt };
        let viewparamResult:any = Object.assign(arg,this.viewparams);
        const get: Promise<any> = this.service.get(this.loadAction,JSON.parse(JSON.stringify(this.context)),{viewparams:viewparamResult}, this.showBusyIndicator);
        get.then((response: any) => {
            if (response && response.status === 200) {
                const data = response.data;
                this.onFormLoad(data,'load');
                this.$emit('load', data);
                this.$nextTick(() => {
                    this.formState.next({ type: 'load', data: data });
                });
            }
        }).catch((response: any) => {
            if (response && response.status && response.data) {
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                return;
            }
            if (!response || !response.status || !response.data) {
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
                return;
            }
        });
    }

    /**
     * 加载草稿
     *
     * @param {*} [opt={}]
     * @memberof Main4Base
     */
    public loadDraft(opt: any = {}): void {
        if(!this.loaddraftAction){
            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0001SF5EditView' + (this.$t('app.formpage.notconfig.loaddraftaction') as string) });
            return;
        }
        const arg: any = { ...opt } ;
        let viewparamResult:any = Object.assign(arg,this.viewparams);
        let post: Promise<any> = this.service.loadDraft(this.loaddraftAction,JSON.parse(JSON.stringify(this.context)),{viewparams:viewparamResult}, this.showBusyIndicator);
        post.then((response: any) => {
            if (!response.status || response.status !== 200) {
                if (response.data) {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                }
                return;
            }

            const data = response.data;
            this.resetDraftFormStates();
            this.onFormLoad(data,'loadDraft');
            data.ibizsample0001 = null;
            this.$emit('load', data);
            this.$nextTick(() => {
                this.formState.next({ type: 'load', data: data });
            });
            setTimeout(() => {
                const form: any = this.$refs.form;
                if (form) {
                    form.fields.forEach((field: any) => {
                        field.validateMessage = "";
                        field.validateState = "";
                        field.validateStatus = false;
                    });
                }
            });
        }).catch((response: any) => {
            if (response && response.status  && response.data) {
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                return;
            }
            if (!response || !response.status || !response.data) {
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
                return;
            }
        });
    }

    /**
     * 自动保存
     *
     * @param {*} [opt={}]
     * @memberof Main4Base
     */
    public autoSave(opt: any = {}): void {
        if (!this.formValidateStatus()) {
            return;
        }
        const arg: any = { ...opt };
        const data = this.getValues();
        Object.assign(arg, data);
        Object.assign(arg,{srfmajortext:data[this.majorMessageField]});
        const action: any = Object.is(data.srfuf, '1') ? this.updateAction : this.createAction;
        if(!action){
            let actionName:any = Object.is(data.srfuf, '1')?"updateAction":"createAction";
            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0001SF5EditView' + (this.$t('app.formpage.notconfig.actionname') as string) });
            return;
        }
        Object.assign(arg,{viewparams:this.viewparams});
        const post: Promise<any> = this.service.add(action, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator);
        post.then((response: any) => {
            if (!response.status || response.status !== 200) {
                if (response.data) {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                }
                return;
            }

            const data = response.data;
            this.onFormLoad(data,'autoSave');
            this.$emit('save', data);
            AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data});
            this.$nextTick(() => {
                this.formState.next({ type: 'save', data: data });
            });
        }).catch((response: any) => {
            if (response && response.status && response.data) {
                    if (response.data.errorKey) {
                        if(Object.is(response.data.errorKey, "versionCheck")) {
                            this.$Modal.confirm({
                                title: (this.$t('app.formpage.saveerror') as string),
                                content: (this.$t('app.formpage.savecontent') as string),
                                onOk: () => {
                                    this.refresh([]);
                                },
                                onCancel: () => { }
                            });
                        } else if(Object.is(response.data.errorKey, 'DupCheck')) {
                            let errorProp: string = response.data.message.match(/\[[a-zA-Z]*\]/)[0];
                            let name: string = this.service.getNameByProp(errorProp.substr(1, errorProp.length-2));
                            if(name) {
                                this.$Notice.error({
                                    title: (this.$t('app.commonWords.createFailed') as string),
                                    desc: this.detailsModel[name].caption + " : " + arg[name] + (this.$t('app.commonWords.isExist') as string) + '!',
                                });
                            } else {
                                this.$Notice.error({
                                    title: (this.$t('app.commonWords.createFailed') as string),
                                    desc: response.data.message?response.data.message:(this.$t('app.commonWords.sysException') as string),
                                })
                            }
                        }else if(Object.is(response.data.errorKey, 'DuplicateKeyException')){
                            this.$Notice.error({
                                title: (this.$t('app.commonWords.createFailed') as string),
                                desc: this.detailsModel[this.formKeyItemName].caption + " : " + arg[this.formKeyItemName] + (this.$t('app.commonWords.isExist') as string) + '!',
                            });
                        } else {
                            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message?response.data.message:(this.$t('app.commonWords.sysException') as string) });
                        }
                    } else {
                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message?response.data.message:(this.$t('app.commonWords.sysException') as string) });
                    }
                    return;
                } else {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
                }
        });
    }

    /**
     * 保存
     *
     * @param {*} [opt={}]
     * @param {boolean} [showResultInfo] 
     * @param {boolean} [ifStateNext] formState是否下发通知
     * @returns {Promise<any>}
     * @memberof Main4Base
     */
    public async save(opt: any = {}, showResultInfo?: boolean, ifStateNext: boolean = true): Promise<any> {
        return new Promise((resolve: any, reject: any) => {
            showResultInfo = showResultInfo === undefined ? true : false;
            if (!this.formValidateStatus()) {
                if(this.errorMessages && this.errorMessages.length > 0) {
                    let descMessage: string = '';
                    this.errorMessages.forEach((message: any) => {
                        descMessage = descMessage + '<p>' + message.error + '<p>';
                    })
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: descMessage });
                } else {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.formpage.valuecheckex') as string) });
                }
                return;
            }
            const arg: any = { ...opt };
            const data = this.getValues();
            Object.assign(arg, this.context);
            Object.assign(arg, data);
            Object.assign(arg,{srfmajortext:data[this.majorMessageField]});
            if (ifStateNext) {
                this.drcounter = 0;
                if(this.drcounter !== 0){
                    this.drsaveopt = opt;
                    this.formState.next({ type: 'beforesave', data: arg });//先通知关系界面保存
                    this.saveState = resolve;
                    return;
                }
            }
            if(this.viewparams && this.viewparams.copymode){
                data.srfuf = '0';
            }
            const action: any = Object.is(data.srfuf, '1') ? this.updateAction : this.createAction;
            if(!action){
                let actionName:any = Object.is(data.srfuf, '1')?"updateAction":"createAction";
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0001SF5EditView' + (this.$t('app.formpage.notconfig.actionname') as string) });
                return;
            }
            Object.assign(arg,{viewparams:this.viewparams});
            const post: Promise<any> = Object.is(data.srfuf, '1')?this.service.update(action, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator):this.service.add(action,JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator);
            post.then((response: any) => {
                if (!response.status || response.status !== 200) {
                    if (response.data) {
                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                    }
                    return;
                }
                this.viewparams.copymode = false;
                const data = response.data;
                this.onFormLoad(data,'save');
                this.$emit('save', data);
                AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data});
                this.$nextTick(() => {
                    this.formState.next({ type: 'save', data: data });
                });
                if (showResultInfo) {
                    this.$Notice.success({ title: '', desc: (data.srfmajortext ? data.srfmajortext : '') + '&nbsp;'+ (this.$t('app.formpage.savesuccess') as string) });
                }
                resolve(response);
            }).catch((response: any) => {
                if (response && response.status && response.data) {
                    if (response.data.errorKey) {
                        if(Object.is(response.data.errorKey, "versionCheck")) {
                            this.$Modal.confirm({
                                title: (this.$t('app.formpage.saveerror') as string),
                                content: (this.$t('app.formpage.savecontent') as string),
                                onOk: () => {
                                    this.refresh([]);
                                },
                                onCancel: () => { }
                            });
                        } else if(Object.is(response.data.errorKey, 'DupCheck')) {
                            let errorProp: string = response.data.message.match(/\[[a-zA-Z]*\]/)[0];
                            let name: string = this.service.getNameByProp(errorProp.substr(1, errorProp.length-2));
                            if(name) {
                                this.$Notice.error({
                                    title: (this.$t('app.commonWords.createFailed') as string),
                                    desc: this.detailsModel[name].caption + " : " + arg[name] + (this.$t('app.commonWords.isExist') as string) + '!',
                                });
                            } else {
                                this.$Notice.error({
                                    title: (this.$t('app.commonWords.createFailed') as string),
                                    desc: response.data.message,
                                })
                            }
                        } else {
                            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                        }
                    } else {
                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                        reject(response);
                    }
                    return;
                } else {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
                    reject(response);
                }    
                reject(response);
            });
        })
    }

    /**
    * 删除
    *
    * @public
    * @param {*} [opt={}]
    * @memberof Main4Base
    */
    public remove(opt:Array<any> = [],showResultInfo?: boolean): Promise<any> {
        return new Promise((resolve: any, reject: any) => {
            if(!this.removeAction){
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0001SF5EditView' + (this.$t('app.formpage.notconfig.removeaction') as string) });
                return;
            }
            const arg: any = opt[0];
            const _this: any = this;
            Object.assign(arg,{viewparams:this.viewparams});
            this.service.delete(_this.removeAction, JSON.parse(JSON.stringify(this.context)),arg, showResultInfo).then((response: any) => {
                if (response) {
                    const data = response.data;
                    this.$emit('remove',data);
                    this.formState.next({ type: 'remove', data: data });
                    this.data.ismodify = false;
                    this.$Notice.success({ title: '', desc: (data.srfmajortext ? data.srfmajortext : '') + '&nbsp;' + (this.$t('app.formpage.deletesuccess') as string) });
                    AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data});
                    resolve(response);
                }
            }).catch((error: any) => {
                const { data: _data } = error;
                this.$Notice.error({ title: _data.title, desc: _data.message });
                reject(error);
            });
        });
    }

    /**
     * 工作流启动
     *
     * @param {*} [data={}]
     * @param {*} [localdata={}]
     * @returns {Promise<any>}
     * @memberof Main4Base
     */
    public async wfstart(data: any,localdata?:any): Promise<any> {
        return new Promise((resolve: any, reject: any) => {
            const _this: any = this;
            const formData:any = this.getData();
            const copyData:any = Util.deepCopy(formData);
            const post: Promise<any> =  Object.is(formData.srfuf, '1')?this.service.update(this.updateAction, JSON.parse(JSON.stringify(this.context)),formData, this.showBusyIndicator,true):this.service.add(this.createAction,JSON.parse(JSON.stringify(this.context)),formData, this.showBusyIndicator,true);
            post.then((response:any) =>{
                const responseData:any = response.data;
                let tempResponseData:any = Util.deepCopy(response);
                this.service.handleResponse('save', tempResponseData);
                const arg:any = tempResponseData.data;
                // 保存完成UI处理
                this.onFormLoad(arg,'save');
                this.$emit('save', arg);
                AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data});
                this.$nextTick(() => {
                    this.formState.next({ type: 'save', data: arg });
                });
                // 准备工作流数据,填充未存库数据
                Object.assign(arg,copyData);
                // 准备提交参数
                if(this.viewparams){
                    let copyViewParams:any = Util.deepCopy(this.viewparams);
                    if(copyViewParams.w){
                        delete copyViewParams.w;
                    }
                    Object.assign(responseData,copyViewParams);
                }
                Object.assign(arg,{viewparams:responseData});
                // 强制补充srfwfmemo
                if(this.srfwfmemo){
                    Object.assign(arg,{srfwfmemo:this.srfwfmemo});
                }
                const result: Promise<any> = this.service.wfstart(_this.WFStartAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,localdata);
                result.then((response: any) => {
                    if (!response || response.status !== 200) {
                        if(response.data){
                            this.$Notice.error({ title: '', desc: (this.$t('app.formpage.workflow.starterror') as string) + ', ' + response.data.message });
                        }
                        return;
                    }
                    this.$Notice.info({ title: '', desc: (this.$t('app.formpage.workflow.startsuccess') as string) });
                    resolve(response);
            }).catch((response: any) => {
                if (response && response.status && response.data) {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                    reject(response);
                    return;
                }
                if (!response || !response.status || !response.data) {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
                    reject(response);
                    return;
                }
                reject(response);
            });
            }).catch((response: any) => {
                    if (response && response.status && response.data) {
                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                        reject(response);
                        return;
                    }
                    if (!response || !response.status || !response.data) {
                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
                        reject(response);
                        return;
                    }
                    reject(response);
            })
        });
    }

    /**
     * 工作流提交
     *
     * @param {*} [data={}]
     * @param {*} [localdata={}]
     * @returns {Promise<any>}
     * @memberof Main4Base
     */
    public async wfsubmit(data: any,localdata?:any): Promise<any> {
        return new Promise((resolve: any, reject: any) => {
        const _this: any = this;
        const arg: any = data[0];
        const copyData:any = Util.deepCopy(arg);
        Object.assign(arg,{viewparams:this.viewparams});
        if (!arg.ibizsample0001 || Object.is(arg.ibizsample0001, '')) {
            return;
        }
        const post: Promise<any> = Object.is(arg.srfuf, '1')?this.service.update(this.updateAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,true):this.service.add(this.createAction,JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,true);
        post.then((response:any) =>{
                const responseData:any = response.data;
                let tempResponseData:any = Util.deepCopy(response);
                this.service.handleResponse('save', tempResponseData);
                const arg:any = tempResponseData.data;
                // 保存完成UI处理
                this.onFormLoad(arg,'save');
                this.$emit('save', arg);
                AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data});
                this.$nextTick(() => {
                    this.formState.next({ type: 'save', data: arg });
                });
                // 准备工作流数据,填充未存库数据
                Object.assign(arg,copyData);
                // 准备提交参数
                if(this.viewparams){
                    Object.assign(responseData,this.viewparams);
                }
                Object.assign(arg,{viewparams:responseData});
                // 强制补充srfwfmemo
                if(this.srfwfmemo){
                    Object.assign(arg,{srfwfmemo:this.srfwfmemo});
                }
                const result: Promise<any> = this.service.wfsubmit(_this.WFSubmitAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,localdata);
                result.then((response: any) => {
                    if (!response || response.status !== 200) {
                        if(response.data){
                            this.$Notice.error({ title: '', desc: (this.$t('app.formpage.workflow.submiterror') as string) + ', ' + response.data.message });
                        }
                        return;
                    }
                    this.onFormLoad(arg,'submit');
                    this.$store.dispatch('viewaction/datasaved', { viewtag: this.viewtag });
                    this.$Notice.info({ title: '', desc: (this.$t('app.formpage.workflow.submitsuccess') as string) });
                    resolve(response);
            }).catch((response: any) => {
                if (response && response.status && response.data) {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                    reject(response);
                    return;
                }
                if (!response || !response.status || !response.data) {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
                    reject(response);
                    return;
                }
                reject(response);
            });
            }).catch((response: any) => {
                    if (response && response.status && response.data) {
                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                        reject(response);
                        return;
                    }
                    if (!response || !response.status || !response.data) {
                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
                        reject(response);
                        return;
                    }
                    reject(response);
            })
        })
    }

    /**
     * 面板行为
     *
     * @param {string} [action] 调用的实体行为
     * @param {string} [emitAction] 抛出行为
     * @param {*} [data={}] 传入数据
     * @param {boolean} [showloading] 是否显示加载状态
     * 
     * @memberof Main4Base
     */
    public panelAction(action:string,emitAction:string,data:any ={},showloading?:boolean):void{
        if (!action || (action && Object.is(action, ''))) {
            return;
        }
        const arg: any = { ...data };
        const formdata = this.getValues();
        Object.assign(arg, formdata);
        Object.assign(arg,this.viewparams);
        const post: Promise<any> = this.service.frontLogic(action,JSON.parse(JSON.stringify(this.context)),arg, showloading);
        post.then((response: any) => {
            if (!response.status || response.status !== 200) {
                if (response.data) {
                    this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                }
                return;
            }
            const data = response.data;
            this.onFormLoad(data,emitAction);
            this.$emit(emitAction, data);
            this.$nextTick(() => {
                this.formState.next({ type: emitAction, data: data });
            });
        }).catch((response: any) => {
            if (response && response.status && response.data) {
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                return;
            }
            if (!response || !response.status || !response.data) {
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
                return;
            }
        });
    }

    /**
     * 表单项更新
     *
     * @param {string} mode 界面行为名称
     * @param {*} [data={}] 请求数据
     * @param {string[]} updateDetails 更新项
     * @param {boolean} [showloading] 是否显示加载状态
     * @returns {void}
     * @memberof Main4Base
     */
    public updateFormItems(mode: string, data: any = {}, updateDetails: string[], showloading?: boolean): void {
        if (!mode || (mode && Object.is(mode, ''))) {
            return;
        }
        const arg: any = { ...data };
        Object.assign(arg,this.viewparams);
        const post: Promise<any> = this.service.frontLogic(mode,JSON.parse(JSON.stringify(this.context)),arg, showloading);
        post.then((response: any) => {
            if (!response || response.status !== 200) {
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.formpage.updateerror') as string) });
                return;
            }
            const data = response.data;
            const _data: any = {};
            updateDetails.forEach((name: string) => {
                if (!data.hasOwnProperty(name)) {
                    return;
                }
                Object.assign(_data, { [name]: data[name] });
            });
            this.setFormEnableCond(_data);
            this.fillForm(_data,'updateFormItem');
            this.formLogic({ name: '', newVal: null, oldVal: null });
            this.dataChang.next(JSON.stringify(this.data));
            AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data});
            this.$nextTick(() => {
                this.formState.next({ type: 'updateformitem', ufimode: arg.srfufimode, data: _data });
            });
        }).catch((response: any) => {
            if (response && response.status && response.data) {
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message });
                return;
            }
            if (!response || !response.status || !response.data) {
                this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) });
                return;
            }
        });
    }

    /**
     * 回车事件
     *
     * @param {*} $event
     * @memberof Main4Base
     */
    public onEnter($event: any): void {
    }

    /**
     * 保存并退出
     *
     * @param {any[]} args
     * @memberof Main4Base
     */
    public saveAndExit(data:any[]):Promise<any>{
        let _this = this;
        return new Promise((resolve: any, reject: any) =>{
            let arg: any = {};
            if(data && data.length > 0){
                Object.assign(arg,data[0]);
            }
            _this.currentAction = "saveAndExit";
            _this.save([arg]).then((res) =>{
                if(res){
                    _this.closeView(res.data);
                }
                resolve(res);
            }).catch((error) =>{
                reject(error);
            })
        })
    }

    /**
     * 保存并新建
     *
     * @param {any[]} args
     * @memberof Main4Base
     */
    public saveAndNew(data:any[]):Promise<any>{
        let _this = this;
        return new Promise((resolve: any, reject: any) =>{
            let arg: any = {};
            if(data && data.length > 0){
                Object.assign(arg,data[0]);
            }
            _this.currentAction = "saveAndNew";
            _this.save([arg]).then((res) =>{
                _this.ResetData(res);
                _this.loadDraft({});
            }).catch((error) =>{
                reject(error);
            })
        })
    }

    /**
     * 删除并退出
     *
     * @param {any[]} args
     * @memberof Main4Base
     */
    public removeAndExit(data:any[]):Promise<any>{
        let _this = this;
        return new Promise((resolve: any, reject: any) =>{
            let arg: any = {};
            if(data && data.length > 0){
                Object.assign(arg,data[0]);
            }
            _this.remove([arg]).then((res) =>{
                if(res){
                  _this.closeView(res.data);
                }
                resolve(res);
            }).catch((error) =>{
                reject(error);
            })
        })
    }

    /**
    * 关系界面数据保存完成
    *
    * @param {any} $event
    * @memberof Main4Base
    */
    public drdatasaved($event:any){
        let _this = this;
        this.drcounter--;
        if(this.drcounter === 0){
            this.save(this.drsaveopt, undefined, false).then((res) =>{
                this.saveState(res);
                this.drsaveopt = {};
                if(Object.is(_this.currentAction, "saveAndNew")){
                    _this.ResetData(res);
                    _this.loadDraft({});
                }else if(Object.is(_this.currentAction, "saveAndExit")){
                    if(res){
                        _this.closeView(res.data);
                    }
                }
            });
        }
    }

    /**
     * 新建默认值
     * @memberof Main4Base
     */
    public createDefault(){                    
    }

    /**
     * 更新默认值
     * @memberof Main4Base
     */
    public updateDefault(){                    
    }


    /**
     * 面板数据变化处理事件
     * @param {any} item 当前列数据
     * @param {any} $event 面板事件数据
     *
     * @memberof Main4Base
     */
    public onPanelDataChange(item:any,$event:any) {
        Object.assign(item, $event, {rowDataState:'update'});
    }
    
}
</script>

<style lang='less'>
@import './main4-form.less';
</style>