<template>
    <i-form :model="this.data" class='app-form' ref='form' style="">
    <input style="display:none;" />
    <row >
            
<i-col v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group layoutType="TABLE_24COL" titleStyle="" class='' uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('cid.main_form.details.group1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false">
    
    <row>
        <i-col v-show="detailsModel.jqx.visible" :style="{'width':'220px !important'}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='jqx' :itemRules="this.rules.jqx" class='' :caption="$t('cid.main_form.details.jqx')" uiStyle="DEFAULT" :labelWidth="105" :isShowCaption="true" :error="detailsModel.jqx.error" :isEmptyCaption="false" labelPos="RIGHT">
    <div style="">
  <app-checkbox :value="this.data.jqx" @change="($event)=>{this.data.jqx = $event} " :disabled="detailsModel.jqx.disabled"></app-checkbox>
</div>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.formitemex1.visible" :style="{}"  :md="{ span: 18, offset: 0 }" :lg="{ span: 18, offset: 0 }" :xl="{ span: 18, offset: 0 }">
    <app-form-item name='formitemex1' :itemRules="this.rules.formitemex1" class='' :caption="'保险期限：'" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitemex1.error" :isEmptyCaption="false" labelPos="LEFT"> 
    <app-range-date v-model="data.formitemex1" :activeData="data" :disabled="detailsModel.formitemex1.disabled" name="formitemex1" editorType="DATEPICKEREX_NOTIME" format="YYYY-MM-DD" :refFormItem="['jqxdb','jqxde']" @formitemvaluechange="onFormItemValueChange" ></app-range-date>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.syx.visible" :style="{'width':'220px !important'}"  :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='syx' :itemRules="this.rules.syx" class='' :caption="$t('cid.main_form.details.syx')" uiStyle="DEFAULT" :labelWidth="105" :isShowCaption="true" :error="detailsModel.syx.error" :isEmptyCaption="false" labelPos="RIGHT">
    <div style="">
  <app-checkbox :value="this.data.syx" @change="($event)=>{this.data.syx = $event} " :disabled="detailsModel.syx.disabled"></app-checkbox>
</div>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.formitemex2.visible" :style="{}"  :md="{ span: 18, offset: 0 }" :lg="{ span: 18, offset: 0 }" :xl="{ span: 18, offset: 0 }">
    <app-form-item name='formitemex2' :itemRules="this.rules.formitemex2" class='' :caption="'保险期限：'" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitemex2.error" :isEmptyCaption="false" labelPos="LEFT"> 
    <app-range-date v-model="data.formitemex2" :activeData="data" :disabled="detailsModel.formitemex2.disabled" name="formitemex2" editorType="DATEPICKEREX_NOTIME" format="YYYY-MM-DD" :refFormItem="['syxdb','syxde']" @formitemvaluechange="onFormItemValueChange" ></app-range-date>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.orgname.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='orgname' :itemRules="this.rules.orgname" class='' :caption="$t('cid.main_form.details.orgname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.orgname.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-tree-picker 
  :formState="formState" 
  :data="JSON.stringify(this.data)" 
  :context="context"
  :viewparams="viewparams"
  :ignorefieldvaluechange="ignorefieldvaluechange" 
  :value="data.orgname" 
  name="orgname" 
  :itemParam='{ }' 
  valueItem='orgid' 
  refviewname="orgusr2-pickup-view"
  @formitemvaluechange="onFormItemValueChange" 
  style="">
</app-tree-picker>

</app-form-item>

</i-col>
<i-col v-show="detailsModel.qdlx.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='qdlx' :itemRules="this.rules.qdlx" class='' :caption="$t('cid.main_form.details.qdlx')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.qdlx.error" :isEmptyCaption="false" labelPos="LEFT">
     <dropdown-list v-model="data.qdlx" :itemParam="{}" :disabled="detailsModel.qdlx.disabled"  tag='CodeList25' codelistType='STATIC' placeholder='请选择...' style=""></dropdown-list>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.ywly.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='ywly' :itemRules="this.rules.ywly" class='' :caption="$t('cid.main_form.details.ywly')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ywly.error" :isEmptyCaption="false" labelPos="LEFT">
     <dropdown-list v-model="data.ywly" :itemParam="{}" :disabled="detailsModel.ywly.disabled"  tag='CodeList43' codelistType='STATIC' placeholder='请选择...' style=""></dropdown-list>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.orgusername.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='orgusername' :itemRules="this.rules.orgusername" class='' :caption="$t('cid.main_form.details.orgusername')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.orgusername.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :itemParam='{ context:{"ORG":"%orgid%"},param:{"n_orgid_eq":"%orgid%"},parentdata:{"orgid":"%orgid%"}, }' 
  :disabled="detailsModel.orgusername.disabled"
  name='orgusername'
  deMajorField='orgusername'
  deKeyField='orguser'
  :service="service"
  :acParams="{ serviceName: 'ORGUSERService', interfaceName: 'FetchCurOrgUser'}"
  valueitem='orguserid' 
  :value="data.orgusername" 
  editortype="" 
  :pickupView="{ viewname: 'orguserpickup-view', title: '人员数据选择视图', deResParameters: [], parameters: [{ pathName: 'orgusers', parameterName: 'orguser' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</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 layoutType="TABLE_24COL" titleStyle="" class='' uiActionGroup="detailsModel.grouppanel1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('cid.main_form.details.grouppanel1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false">
    
    <row>
        <i-col v-show="detailsModel.cphm.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='cphm' :itemRules="this.rules.cphm" class='' :caption="$t('cid.main_form.details.cphm')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.cphm.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.cphm"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.cphm.disabled" type='string'  style=""></input-box>
</app-form-item>

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

</i-col>
<i-col v-show="detailsModel.formitem.visible" :style="{}"  :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('cid.main_form.details.formitem')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem.error" :isEmptyCaption="true" labelPos="LEFT">
    <app-span style="" :data="data.formitem" ></app-span>
</app-form-item>

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

</i-col>
<i-col v-show="detailsModel.cdrq.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='cdrq' :itemRules="this.rules.cdrq" class='' :caption="$t('cid.main_form.details.cdrq')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.cdrq.error" :isEmptyCaption="false" labelPos="LEFT">
    <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.cdrq" :disabled="detailsModel.cdrq.disabled" style="min-width: 150px; width:100px;" @on-change="(val1, val2) => { this.data.cdrq = val1 }"></date-picker>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.hpzl.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='hpzl' :itemRules="this.rules.hpzl" class='' :caption="$t('cid.main_form.details.hpzl')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.hpzl.error" :isEmptyCaption="false" labelPos="LEFT">
     <dropdown-list v-model="data.hpzl" :itemParam="{}" :disabled="detailsModel.hpzl.disabled"  tag='CodeList44' codelistType='STATIC' placeholder='请选择...' style=""></dropdown-list>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.cldl.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='cldl' :itemRules="this.rules.cldl" class='' :caption="$t('cid.main_form.details.cldl')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.cldl.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-picker  
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :itemParam='{ }' 
  :disabled="detailsModel.cldl.disabled"
  name='cldl' 
  deMajorField='sjzdxname'
  deKeyField='sjzdx'
  :service="service"
  :acParams="{ serviceName: 'SJZDXService', interfaceName: 'FetchCLDL'}"
  valueitem='' 
  :value="data.cldl" 
  editortype="dropdown" 
  style="" 
  @formitemvaluechange="onFormItemValueChange">
</app-picker>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.clzl.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='clzl' :itemRules="this.rules.clzl" class='' :caption="$t('cid.main_form.details.clzl')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.clzl.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-picker  
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :itemParam='{ parentdata:{"code":"%cldl%"}, }' 
  :disabled="detailsModel.clzl.disabled"
  name='clzl' 
  deMajorField='sjzdxname'
  deKeyField='sjzdx'
  :service="service"
  :acParams="{ serviceName: 'SJZDXService', interfaceName: 'FetchCLZL'}"
  valueitem='' 
  :value="data.clzl" 
  editortype="dropdown" 
  style="" 
  @formitemvaluechange="onFormItemValueChange">
</app-picker>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.syxz.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='syxz' :itemRules="this.rules.syxz" class='' :caption="$t('cid.main_form.details.syxz')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.syxz.error" :isEmptyCaption="false" labelPos="LEFT">
     <dropdown-list v-model="data.syxz" :itemParam="{}" :disabled="detailsModel.syxz.disabled"  tag='CodeList119' codelistType='STATIC' placeholder='请选择...' style=""></dropdown-list>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.cpxhname.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='cpxhname' :itemRules="this.rules.cpxhname" class='' :caption="$t('cid.main_form.details.cpxhname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.cpxhname.error" :isEmptyCaption="false" labelPos="LEFT">
    <app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :itemParam='{ }' 
  :disabled="detailsModel.cpxhname.disabled"
  name='cpxhname'
  deMajorField='cpxhname'
  deKeyField='cpxh'
  :service="service"
  :acParams="{ serviceName: 'CPXHService', interfaceName: 'FetchDefault'}"
  valueitem='cpxhid' 
  :value="data.cpxhname" 
  editortype="" 
  :pickupView="{ viewname: 'cpxhpickup-view', title: '厂牌型号数据选择视图', deResParameters: [], parameters: [{ pathName: 'cpxhs', parameterName: 'cpxh' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

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

</i-col>
<i-col v-show="detailsModel.cllxms.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='cllxms' :itemRules="this.rules.cllxms" class='' :caption="$t('cid.main_form.details.cllxms')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.cllxms.error" :isEmptyCaption="false" labelPos="LEFT">
     <dropdown-list v-model="data.cllxms" :itemParam="{}" :disabled="detailsModel.cllxms.disabled"  tag='CodeList121' codelistType='STATIC' placeholder='请选择...' style=""></dropdown-list>
</app-form-item>

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

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

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

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

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

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

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

</i-col>
<i-col v-show="detailsModel.hpds.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='hpds' :itemRules="this.rules.hpds" class='' :caption="$t('cid.main_form.details.hpds')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.hpds.error" :isEmptyCaption="false" labelPos="LEFT">
     <dropdown-list v-model="data.hpds" :itemParam="{}" :disabled="detailsModel.hpds.disabled"  tag='CodeList122' codelistType='STATIC' placeholder='请选择...' style=""></dropdown-list>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.abl.visible" :style="{}"  :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }">
    <app-form-item name='abl' :itemRules="this.rules.abl" class='' :caption="$t('cid.main_form.details.abl')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.abl.error" :isEmptyCaption="false" labelPos="LEFT">
     <dropdown-list v-model="data.abl" :itemParam="{}" :disabled="detailsModel.abl.disabled"  tag='CodeList123' codelistType='STATIC' placeholder='请选择...' style=""></dropdown-list>
</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 layoutType="TABLE_24COL" titleStyle="" class='' uiActionGroup="detailsModel.grouppanel2.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('cid.main_form.details.grouppanel2')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false">
    
    <row>
        <i-col v-show="detailsModel.druipart1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-druipart
    
    :formState="formState"
    paramItem='cid' 
    :parentdata='{"srfparentdefname":"CIDID","srfparentdename":"CID","SRFPARENTTYPE":"DER1N","srfparentmode":"DER1N_CUSTOMER_CID_CIDID","SRFDER1NID":"DER1N_CUSTOMER_CID_CIDID"}'
    :parameters="[
        { pathName: 'cids', parameterName: 'cid' },
    ]"
    :viewParam="context"
    parameterName='cid'  
    refviewtype='DEMEDITVIEW9' 
    refreshitems='' 
    :ignorefieldvaluechange="ignorefieldvaluechange"
    viewname='customermedit-view9' 
    :data="JSON.stringify(this.data)" 
    @drdatasaved="drdatasaved($event)"
    style=";overflow: auto;">
</app-form-druipart>

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

</i-col>
<i-col v-show="detailsModel.grouppanel3.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group layoutType="TABLE_24COL" titleStyle="" class='' uiActionGroup="detailsModel.grouppanel3.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('cid.main_form.details.grouppanel3')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false">
    
    <row>
        <i-col v-show="detailsModel.grouppanel5.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group layoutType="TABLE_24COL" titleStyle="" class='' uiActionGroup="detailsModel.grouppanel5.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('cid.main_form.details.grouppanel5')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false">
    
    <row>
        <i-col v-show="detailsModel.jqxdqfs.visible" :style="{}"  :lg="{ span: 24, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='jqxdqfs' :itemRules="this.rules.jqxdqfs" class='' :caption="$t('cid.main_form.details.jqxdqfs')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.jqxdqfs.error" :isEmptyCaption="false" labelPos="LEFT">
     <dropdown-list v-model="data.jqxdqfs" :itemParam="{}" :disabled="detailsModel.jqxdqfs.disabled"  tag='CodeList2' codelistType='STATIC' placeholder='请选择...' style=""></dropdown-list>
</app-form-item>

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

</i-col>
<i-col v-show="detailsModel.druipart4.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-druipart
    
    :formState="formState"
    paramItem='cid' 
    :parentdata='{"srfparentdefname":"CIDID","srfparentdename":"CID","SRFPARENTTYPE":"DER1N","srfparentmode":"DER1N_JQXXX_CID_CIDID","SRFDER1NID":"DER1N_JQXXX_CID_CIDID"}'
    :parameters="[
        { pathName: 'cids', parameterName: 'cid' },
    ]"
    :viewParam="context"
    parameterName='cid'  
    refviewtype='DEGRIDVIEW9' 
    refreshitems='jsbfbj' 
    :ignorefieldvaluechange="ignorefieldvaluechange"
    viewname='jqxxxgrid-view9' 
    :data="JSON.stringify(this.data)" 
    @drdatasaved="drdatasaved($event)"
    style=";overflow: auto;">
</app-form-druipart>

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

</i-col>
<i-col v-show="detailsModel.grouppanel6.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group layoutType="TABLE_24COL" titleStyle="" class='' uiActionGroup="detailsModel.grouppanel6.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('cid.main_form.details.grouppanel6')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false">
    
    <row>
        <i-col v-show="detailsModel.syxdqfs.visible" :style="{}"  :lg="{ span: 24, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='syxdqfs' :itemRules="this.rules.syxdqfs" class='' :caption="$t('cid.main_form.details.syxdqfs')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.syxdqfs.error" :isEmptyCaption="false" labelPos="RIGHT">
     <dropdown-list v-model="data.syxdqfs" :itemParam="{}" :disabled="detailsModel.syxdqfs.disabled"  tag='CodeList2' codelistType='STATIC' placeholder='请选择...' style=""></dropdown-list>
</app-form-item>

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

</i-col>
<i-col v-show="detailsModel.druipart5.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-druipart
    
    :formState="formState"
    paramItem='cid' 
    :parentdata='{"srfparentdefname":"CIDID","srfparentdename":"CID","SRFPARENTTYPE":"DER1N","srfparentmode":"DER1N_SYXXX_CID_CIDID","SRFDER1NID":"DER1N_SYXXX_CID_CIDID"}'
    :parameters="[
        { pathName: 'cids', parameterName: 'cid' },
    ]"
    :viewParam="context"
    parameterName='cid'  
    refviewtype='DEGRIDVIEW9' 
    refreshitems='jsbfbj' 
    :ignorefieldvaluechange="ignorefieldvaluechange"
    viewname='syxxxgrid-view9' 
    :data="JSON.stringify(this.data)" 
    @drdatasaved="drdatasaved($event)"
    style=";overflow: auto;">
</app-form-druipart>

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

</i-col>
<i-col v-show="detailsModel.grouppanel7.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group layoutType="TABLE_24COL" titleStyle="" class='' uiActionGroup="detailsModel.grouppanel7.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('cid.main_form.details.grouppanel7')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false">
    
            
        <div  v-show="detailsModel.button1.visible" :style="{}">
    <i-button type="primary" @click="button1_click($event)" class="jsbf-btn"
         style="">
           
        <span >{{$t('cid.main_form.details.button1')}}</span>
    </i-button>

</div>
    
    </div>
</app-form-group>

</i-col>
<i-col v-show="detailsModel.grouppanel8.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group layoutType="TABLE_24COL" titleStyle="" class=' xzxxmx' uiActionGroup="detailsModel.grouppanel8.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('cid.main_form.details.grouppanel8')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false">
    
    <row>
        <i-col v-show="detailsModel.rawitem1.visible" :style="{}"  :md="{ span: 4, offset: 0 }" :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <div class="xzxxsj-text" :style="{}">
    险种名称
</div>

</i-col>
<i-col v-show="detailsModel.rawitem2.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <div class="xzxxsj-text" :style="{}">
    税额
</div>

</i-col>
<i-col v-show="detailsModel.rawitem3.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <div class="xzxxsj-text" :style="{}">
    不含税保费
</div>

</i-col>
<i-col v-show="detailsModel.rawitem4.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <div class="xzxxsj-text" :style="{}">
    含税保费
</div>

</i-col>
<i-col v-show="detailsModel.rawitem5.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <div class="xzxxsj-text" :style="{}">
    车船税
</div>

</i-col>
<i-col v-show="detailsModel.rawitem6.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <div class="xzxxmx-right" :style="{}">
    合计
</div>

</i-col>
<i-col v-show="detailsModel.rawitem7.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <div class="xzxxsj-text" :style="{}">
    交强险
</div>

</i-col>
<i-col v-show="detailsModel.se_jqx.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <app-form-item name='se_jqx' :itemRules="this.rules.se_jqx" class='xzxxmx-input' :caption="$t('cid.main_form.details.se_jqx')" uiStyle="DEFAULT" :labelWidth="0" :isShowCaption="false" :error="detailsModel.se_jqx.error" :isEmptyCaption="false" labelPos="NONE">
    <input-box v-model="data.se_jqx"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.se_jqx.disabled" type='number'  style=""></input-box>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.bhsbf_jqx.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <app-form-item name='bhsbf_jqx' :itemRules="this.rules.bhsbf_jqx" class='xzxxmx-input' :caption="$t('cid.main_form.details.bhsbf_jqx')" uiStyle="DEFAULT" :labelWidth="0" :isShowCaption="false" :error="detailsModel.bhsbf_jqx.error" :isEmptyCaption="false" labelPos="NONE">
    <input-box v-model="data.bhsbf_jqx"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.bhsbf_jqx.disabled" type='number'  style=""></input-box>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.hsbf_jqx.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <app-form-item name='hsbf_jqx' :itemRules="this.rules.hsbf_jqx" class='xzxxmx-input' :caption="$t('cid.main_form.details.hsbf_jqx')" uiStyle="DEFAULT" :labelWidth="0" :isShowCaption="false" :error="detailsModel.hsbf_jqx.error" :isEmptyCaption="false" labelPos="NONE">
    <input-box v-model="data.hsbf_jqx"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.hsbf_jqx.disabled" type='number'  style=""></input-box>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.ccs_jqx.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <app-form-item name='ccs_jqx' :itemRules="this.rules.ccs_jqx" class='xzxxmx-hb' :caption="$t('cid.main_form.details.ccs_jqx')" uiStyle="DEFAULT" :labelWidth="0" :isShowCaption="false" :error="detailsModel.ccs_jqx.error" :isEmptyCaption="false" labelPos="NONE">
    <input-box v-model="data.ccs_jqx"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.ccs_jqx.disabled" type='number'  style=""></input-box>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.hj.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <app-form-item name='hj' :itemRules="this.rules.hj" class='xzxxmx-sum' :caption="$t('cid.main_form.details.hj')" uiStyle="DEFAULT" :labelWidth="0" :isShowCaption="false" :error="detailsModel.hj.error" :isEmptyCaption="false" labelPos="NONE">
    <input-box v-model="data.hj"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.hj.disabled" type='number'  style=""></input-box>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.rawitem8.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <div class="xzxxsj-text" :style="{}">
    商业险
</div>

</i-col>
<i-col v-show="detailsModel.se_syx.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <app-form-item name='se_syx' :itemRules="this.rules.se_syx" class='xzxxmx-input' :caption="$t('cid.main_form.details.se_syx')" uiStyle="DEFAULT" :labelWidth="0" :isShowCaption="false" :error="detailsModel.se_syx.error" :isEmptyCaption="false" labelPos="NONE">
    <input-box v-model="data.se_syx"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.se_syx.disabled" type='number'  style=""></input-box>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.bhsbf_syx.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <app-form-item name='bhsbf_syx' :itemRules="this.rules.bhsbf_syx" class='xzxxmx-input' :caption="$t('cid.main_form.details.bhsbf_syx')" uiStyle="DEFAULT" :labelWidth="0" :isShowCaption="false" :error="detailsModel.bhsbf_syx.error" :isEmptyCaption="false" labelPos="NONE">
    <input-box v-model="data.bhsbf_syx"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.bhsbf_syx.disabled" type='number'  style=""></input-box>
</app-form-item>

</i-col>
<i-col v-show="detailsModel.hsbf_syx.visible" :style="{}"  :lg="{ span: 4, offset: 0 }" :xl="{ span: 4, offset: 0 }">
    <app-form-item name='hsbf_syx' :itemRules="this.rules.hsbf_syx" class='xzxxmx-input' :caption="$t('cid.main_form.details.hsbf_syx')" uiStyle="DEFAULT" :labelWidth="0" :isShowCaption="false" :error="detailsModel.hsbf_syx.error" :isEmptyCaption="false" labelPos="NONE">
    <input-box v-model="data.hsbf_syx"  @enter="onEnter($event)"   unit=""  :disabled="detailsModel.hsbf_syx.disabled" type='number'  style=""></input-box>
</app-form-item>

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

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

</i-col>
<i-col v-show="detailsModel.grouppanel4.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group layoutType="TABLE_24COL" titleStyle="" class='' uiActionGroup="detailsModel.grouppanel4.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('cid.main_form.details.grouppanel4')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false">
    
    <row>
        <i-col v-show="detailsModel.druipart2.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-druipart
    
    :formState="formState"
    paramItem='cid' 
    :parentdata='{"srfparentdefname":"CIDID","srfparentdename":"CID","SRFPARENTTYPE":"DER1N","srfparentmode":"DER1N_JQXTBYD_CID_CIDID","SRFDER1NID":"DER1N_JQXTBYD_CID_CIDID"}'
    :parameters="[
        { pathName: 'cids', parameterName: 'cid' },
    ]"
    :viewParam="context"
    parameterName='cid'  
    refviewtype='DEGRIDVIEW9' 
    refreshitems='' 
    :ignorefieldvaluechange="ignorefieldvaluechange"
    viewname='jqxtbydgrid-view9' 
    :data="JSON.stringify(this.data)" 
    @drdatasaved="drdatasaved($event)"
    style=";overflow: auto;">
</app-form-druipart>

</i-col>
<i-col v-show="detailsModel.druipart3.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-druipart
    
    :formState="formState"
    paramItem='cid' 
    :parentdata='{"srfparentdefname":"CIDID","srfparentdename":"CID","SRFPARENTTYPE":"DER1N","srfparentmode":"DER1N_SYXTBYD_CID_CIDID","SRFDER1NID":"DER1N_SYXTBYD_CID_CIDID"}'
    :parameters="[
        { pathName: 'cids', parameterName: 'cid' },
    ]"
    :viewParam="context"
    parameterName='cid'  
    refviewtype='DEGRIDVIEW9' 
    refreshitems='' 
    :ignorefieldvaluechange="ignorefieldvaluechange"
    viewname='syxtbydgrid-view9' 
    :data="JSON.stringify(this.data)" 
    @drdatasaved="drdatasaved($event)"
    style=";overflow: auto;">
</app-form-druipart>

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

</i-col>


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

<script lang='ts'>
import { Vue, Component, Prop, Provide, Emit, Watch, Model } from 'vue-property-decorator';
import { CreateElement } from 'vue';
import { Subject, Subscription } from 'rxjs';
import { ControlInterface } from '@/interface/control';
import { UICounter,UIActionTool } from '@/utils';
import CIDService from '@/service/cid/cid-service';
import MainService from './main-form-service';

import { FormButtonModel, FormPageModel, FormItemModel, FormDRUIPartModel, FormPartModel, FormGroupPanelModel, FormIFrameModel, FormRowItemModel, FormTabPageModel, FormTabPanelModel, FormUserControlModel } from '@/model/form-detail';
import { debounceTime, distinctUntilChanged } from 'rxjs/operators';


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

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

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

    /**
     * 应用上下文
     *
     * @type {*}
     * @memberof Main
     */
    @Prop() protected context: any;

    /**
     * 视图参数
     *
     * @type {*}
     * @memberof Main
     */
    @Prop() protected viewparams: any;

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

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

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

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


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


    
    /**
     * 获取多项数据
     *
     * @returns {any[]}
     * @memberof Main
     */
    public getDatas(): any[] {
        return [this.data];
    }

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

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

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

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

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

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

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

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

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

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

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

    /**
     * 表单数据对象
     *
     * @type {*}
     * @memberof Main
     */
    protected data: any = {
        srfupdatedate: null,
        srforikey: null,
        srfkey: null,
        srfmajortext: null,
        srftempmode: null,
        srfuf: null,
        srfdeid: null,
        srfsourcekey: null,
        jqx: null,
        jqxdb: null,
        jqxde: null,
        formitemex1: null,
        syx: null,
        syxdb: null,
        syxde: null,
        formitemex2: null,
        orgname: null,
        qdlx: null,
        ywly: null,
        orgusername: null,
        orgid: null,
        cphm: null,
        cjh: null,
        formitem: null,
        fdjh: null,
        cdrq: null,
        hpzl: null,
        cldl: null,
        clzl: null,
        syxz: null,
        cpxhname: null,
        dycpxh: null,
        cllxms: null,
        xcgzj: null,
        hdzk: null,
        clsjjz: null,
        pl: null,
        gl: null,
        hdzzl: null,
        zbzl: null,
        hpds: null,
        abl: null,
        jqxdqfs: null,
        jqxdqfl: null,
        syxdqfs: null,
        syxdqfl: null,
        jsbfbj: null,
        se_jqx: null,
        bhsbf_jqx: null,
        hsbf_jqx: null,
        ccs_jqx: null,
        hj: null,
        se_syx: null,
        bhsbf_syx: null,
        hsbf_syx: null,
        orguserid: null,
        cpxhid: null,
        cidid: null,
        cid:null,
    };

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

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

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

    /**
     * 属性值规则
     *
     * @type {*}
     * @memberof Main
     */
    protected rules: any = {
        srfupdatedate: [
            { type: 'string', message: '更新时间 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '更新时间 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '更新时间 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '更新时间 值不能为空', trigger: 'blur' },
        ],
        srforikey: [
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
        ],
        srfkey: [
            { type: 'string', message: '车险单标识 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '车险单标识 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '车险单标识 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '车险单标识 值不能为空', trigger: 'blur' },
        ],
        srfmajortext: [
            { type: 'string', message: '车险单名称 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '车险单名称 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '车险单名称 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '车险单名称 值不能为空', trigger: 'blur' },
        ],
        srftempmode: [
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
        ],
        srfuf: [
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
        ],
        srfdeid: [
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
        ],
        srfsourcekey: [
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
        ],
        jqx: [
            { type: 'number', message: '交强险 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '交强险 值必须为数值类型', trigger: 'blur' },
            { required: true, type: 'number', message: '交强险 值不能为空', trigger: 'change' },
            { required: true, type: 'number', message: '交强险 值不能为空', trigger: 'blur' },
            { validator: (rule:any, value:any, callback:any) => { 
                if(rule.required && value != 1){
                   return false;
                }else{
                   return true;
                }
              }, message: '交强险 必须填写', trigger: 'change' ,required:true}
        ],
        jqxdb: [
            { type: 'string', message: '交强险生效时间 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '交强险生效时间 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '交强险生效时间 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '交强险生效时间 值不能为空', trigger: 'blur' },
        ],
        jqxde: [
            { type: 'string', message: '交强险失效时间 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '交强险失效时间 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '交强险失效时间 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '交强险失效时间 值不能为空', trigger: 'blur' },
        ],
        formitemex1: [
            { type: 'string', message: '保险期限： 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '保险期限： 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '保险期限： 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '保险期限： 值不能为空', trigger: 'blur' },
        ],
        syx: [
            { type: 'number', message: '商业险 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '商业险 值必须为数值类型', trigger: 'blur' },
            { required: true, type: 'number', message: '商业险 值不能为空', trigger: 'change' },
            { required: true, type: 'number', message: '商业险 值不能为空', trigger: 'blur' },
            { validator: (rule:any, value:any, callback:any) => { 
                if(rule.required && value != 1){
                   return false;
                }else{
                   return true;
                }
              }, message: '商业险 必须填写', trigger: 'change' ,required:true}
        ],
        syxdb: [
            { type: 'string', message: '商业险生效时间 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '商业险生效时间 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '商业险生效时间 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '商业险生效时间 值不能为空', trigger: 'blur' },
        ],
        syxde: [
            { type: 'string', message: '商业险失效时间 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '商业险失效时间 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '商业险失效时间 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '商业险失效时间 值不能为空', trigger: 'blur' },
        ],
        formitemex2: [
            { type: 'string', message: '保险期限： 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '保险期限： 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '保险期限： 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '保险期限： 值不能为空', trigger: 'blur' },
        ],
        orgname: [
            { type: 'string', message: '归属机构 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '归属机构 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '归属机构 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '归属机构 值不能为空', trigger: 'blur' },
        ],
        qdlx: [
            { type: 'string', message: '渠道类型 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '渠道类型 值必须为字符串类型', trigger: 'blur' },
            { required: true, type: 'string', message: '渠道类型 值不能为空', trigger: 'change' },
            { required: true, type: 'string', message: '渠道类型 值不能为空', trigger: 'blur' },
        ],
        ywly: [
            { type: 'string', message: '业务来源 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '业务来源 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '业务来源 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '业务来源 值不能为空', trigger: 'blur' },
        ],
        orgusername: [
            { type: 'string', message: '归属业务员 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '归属业务员 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '归属业务员 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '归属业务员 值不能为空', trigger: 'blur' },
        ],
        orgid: [
            { type: 'string', message: '机构标识 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '机构标识 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '机构标识 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '机构标识 值不能为空', trigger: 'blur' },
        ],
        cphm: [
            { type: 'string', message: '车牌号码 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '车牌号码 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '车牌号码 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '车牌号码 值不能为空', trigger: 'blur' },
            { pattern: /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/, message: '车牌号不符合规则！', trigger: 'change' },
        ],
        cjh: [
            { type: 'string', message: '车架号 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '车架号 值必须为字符串类型', trigger: 'blur' },
            { required: true, type: 'string', message: '车架号 值不能为空', trigger: 'change' },
            { required: true, type: 'string', message: '车架号 值不能为空', trigger: 'blur' },
            { validator: (rule:any, value:any, callback:any) => { if (value == null || value.length != 17) return false;
    let symbol, weight, verify, sum = 0;
    let isRepeat = true;
    if (value[8].charCodeAt() >= 48 && value[8].charCodeAt() <= 57)
        verify = value[8].charCodeAt() - 48;//0到9
    else if (value[8].charCodeAt() == 88)
        verify = 10;//X
    else
        return false;
 
    for (let i = 0; i < value.length; i++)
    {
        if (i< 7)
            weight = 8 - i;
        else if (i > 8)
            weight = 18 - i;
        else if (i == 7)
            weight = 10;
        else
            continue;
        
        if (value[i].charCodeAt() >= 48 && value[i].charCodeAt() <= 57)
            symbol = value[i].charCodeAt() - 48;//0-9
        else if (value[i].charCodeAt() >= 65 && value[i].charCodeAt() <= 72)
            symbol = value[i].charCodeAt() - 64;//A-H
        else if (value[i].charCodeAt() >= 74 && value[i].charCodeAt() <= 82 && value[i].charCodeAt() != 79 && value[i].charCodeAt() != 81)
            symbol = value[i].charCodeAt() - 73;//J-R不含O,Q
        else if (value[i].charCodeAt() >= 83 && value[i].charCodeAt() <= 90)
            symbol = value[i].charCodeAt() - 81;//S-Z
        else
            return false;
        sum += symbol * weight;
 
        if (isRepeat && i > 0) isRepeat = value[i].charCodeAt() == value[i - (i != 9 ? 1 : 2)].charCodeAt();
    }
 
    if (isRepeat) return false;
    return verify == sum % 11; }, message: '车架号不符合规则！', trigger: 'change' },
        ],
        formitem: [
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
        ],
        fdjh: [
            { type: 'string', message: '发动机号 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '发动机号 值必须为字符串类型', trigger: 'blur' },
            { required: true, type: 'string', message: '发动机号 值不能为空', trigger: 'change' },
            { required: true, type: 'string', message: '发动机号 值不能为空', trigger: 'blur' },
        ],
        cdrq: [
            { type: 'string', message: '初登日期 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '初登日期 值必须为字符串类型', trigger: 'blur' },
            { required: true, type: 'string', message: '初登日期 值不能为空', trigger: 'change' },
            { required: true, type: 'string', message: '初登日期 值不能为空', trigger: 'blur' },
            { validator: (rule:any, value:any, callback:any) => { let date = new Date(value.split("T")[0].replace(/-/,"/"));
let now = new Date();
return (date < now);
 }, message: '日期不能大于当前日期', trigger: 'change' },
        ],
        hpzl: [
            { type: 'string', message: '号牌种类 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '号牌种类 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '号牌种类 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '号牌种类 值不能为空', trigger: 'blur' },
        ],
        cldl: [
            { type: 'string', message: '车辆大类 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '车辆大类 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '车辆大类 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '车辆大类 值不能为空', trigger: 'blur' },
        ],
        clzl: [
            { type: 'string', message: '车辆种类 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '车辆种类 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '车辆种类 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '车辆种类 值不能为空', trigger: 'blur' },
        ],
        syxz: [
            { type: 'string', message: '使用性质 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '使用性质 值必须为字符串类型', trigger: 'blur' },
            { required: true, type: 'string', message: '使用性质 值不能为空', trigger: 'change' },
            { required: true, type: 'string', message: '使用性质 值不能为空', trigger: 'blur' },
        ],
        cpxhname: [
            { type: 'string', message: '厂牌型号 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '厂牌型号 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '厂牌型号 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '厂牌型号 值不能为空', trigger: 'blur' },
        ],
        dycpxh: [
            { type: 'string', message: '打印厂牌型号 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '打印厂牌型号 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '打印厂牌型号 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '打印厂牌型号 值不能为空', trigger: 'blur' },
        ],
        cllxms: [
            { type: 'string', message: '车辆类型描述 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '车辆类型描述 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '车辆类型描述 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '车辆类型描述 值不能为空', trigger: 'blur' },
        ],
        xcgzj: [
            { type: 'number', message: '新车购置价 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '新车购置价 值必须为数值类型', trigger: 'blur' },
            { required: true, type: 'number', message: '新车购置价 值不能为空', trigger: 'change' },
            { required: true, type: 'number', message: '新车购置价 值不能为空', trigger: 'blur' },
        ],
        hdzk: [
            { type: 'number', message: '核定载客 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '核定载客 值必须为数值类型', trigger: 'blur' },
            { required: true, type: 'number', message: '核定载客 值不能为空', trigger: 'change' },
            { required: true, type: 'number', message: '核定载客 值不能为空', trigger: 'blur' },
        ],
        clsjjz: [
            { type: 'number', message: '车辆实际价值 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '车辆实际价值 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '车辆实际价值 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '车辆实际价值 值不能为空', trigger: 'blur' },
        ],
        pl: [
            { type: 'number', message: '排量 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '排量 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '排量 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '排量 值不能为空', trigger: 'blur' },
        ],
        gl: [
            { type: 'number', message: '功率 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '功率 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '功率 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '功率 值不能为空', trigger: 'blur' },
        ],
        hdzzl: [
            { type: 'number', message: '核定载质量 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '核定载质量 值必须为数值类型', trigger: 'blur' },
            { required: true, type: 'number', message: '核定载质量 值不能为空', trigger: 'change' },
            { required: true, type: 'number', message: '核定载质量 值不能为空', trigger: 'blur' },
        ],
        zbzl: [
            { type: 'number', message: '整备质量 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '整备质量 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '整备质量 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '整备质量 值不能为空', trigger: 'blur' },
        ],
        hpds: [
            { type: 'string', message: '号牌底色 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '号牌底色 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '号牌底色 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '号牌底色 值不能为空', trigger: 'blur' },
        ],
        abl: [
            { type: 'string', message: 'A/B类 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: 'A/B类 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: 'A/B类 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: 'A/B类 值不能为空', trigger: 'blur' },
        ],
        jqxdqfs: [
            { type: 'string', message: '交强险短期方式 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '交强险短期方式 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '交强险短期方式 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '交强险短期方式 值不能为空', trigger: 'blur' },
        ],
        jqxdqfl: [
            { type: 'number', message: '交强险短期费率 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '交强险短期费率 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '交强险短期费率 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '交强险短期费率 值不能为空', trigger: 'blur' },
        ],
        syxdqfs: [
            { type: 'string', message: '商业险短期方式 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '商业险短期方式 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '商业险短期方式 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '商业险短期方式 值不能为空', trigger: 'blur' },
        ],
        syxdqfl: [
            { type: 'number', message: '商业险短期费率 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '商业险短期费率 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '商业险短期费率 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '商业险短期费率 值不能为空', trigger: 'blur' },
        ],
        jsbfbj: [
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' },
        ],
        se_jqx: [
            { type: 'number', message: '税额-交强险 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '税额-交强险 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '税额-交强险 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '税额-交强险 值不能为空', trigger: 'blur' },
        ],
        bhsbf_jqx: [
            { type: 'number', message: '不含税保费-交强险 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '不含税保费-交强险 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '不含税保费-交强险 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '不含税保费-交强险 值不能为空', trigger: 'blur' },
        ],
        hsbf_jqx: [
            { type: 'number', message: '含税保费-交强险 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '含税保费-交强险 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '含税保费-交强险 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '含税保费-交强险 值不能为空', trigger: 'blur' },
        ],
        ccs_jqx: [
            { type: 'number', message: '车船税-交强险 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '车船税-交强险 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '车船税-交强险 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '车船税-交强险 值不能为空', trigger: 'blur' },
        ],
        hj: [
            { type: 'number', message: '合计 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '合计 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '合计 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '合计 值不能为空', trigger: 'blur' },
        ],
        se_syx: [
            { type: 'number', message: '税额-商业险 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '税额-商业险 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '税额-商业险 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '税额-商业险 值不能为空', trigger: 'blur' },
        ],
        bhsbf_syx: [
            { type: 'number', message: '不含税保费-商业险 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '不含税保费-商业险 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '不含税保费-商业险 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '不含税保费-商业险 值不能为空', trigger: 'blur' },
        ],
        hsbf_syx: [
            { type: 'number', message: '含税保费-商业险 值必须为数值类型', trigger: 'change' },
            { type: 'number', message: '含税保费-商业险 值必须为数值类型', trigger: 'blur' },
            { required: false, type: 'number', message: '含税保费-商业险 值不能为空', trigger: 'change' },
            { required: false, type: 'number', message: '含税保费-商业险 值不能为空', trigger: 'blur' },
        ],
        orguserid: [
            { type: 'string', message: '人员标识 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '人员标识 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '人员标识 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '人员标识 值不能为空', trigger: 'blur' },
        ],
        cpxhid: [
            { type: 'string', message: '厂牌型号标识 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '厂牌型号标识 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '厂牌型号标识 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '厂牌型号标识 值不能为空', trigger: 'blur' },
        ],
        cidid: [
            { type: 'string', message: '车险单标识 值必须为字符串类型', trigger: 'change' },
            { type: 'string', message: '车险单标识 值必须为字符串类型', trigger: 'blur' },
            { required: false, type: 'string', message: '车险单标识 值不能为空', trigger: 'change' },
            { required: false, type: 'string', message: '车险单标识 值不能为空', trigger: 'blur' },
        ],
    }

    /**
     * 详情模型集合
     *
     * @type {*}
     * @memberof Main
     */
    protected detailsModel: any = {
        group1: new FormGroupPanelModel({ caption: '基本信息', detailType: 'GROUPPANEL', name: 'group1', visible: true, isShowCaption: true, form: this, uiActionGroup: { caption: '', langbase: 'cid.main_form', extractMode: 'ITEM', details: [] } })
, 
        grouppanel1: new FormGroupPanelModel({ caption: '车辆信息', detailType: 'GROUPPANEL', name: 'grouppanel1', visible: true, isShowCaption: true, form: this, uiActionGroup: { caption: '', langbase: 'cid.main_form', extractMode: 'ITEM', details: [] } })
, 
        druipart1: new FormDRUIPartModel({ caption: '', detailType: 'DRUIPART', name: 'druipart1', visible: true, isShowCaption: true, form: this })
, 
        grouppanel2: new FormGroupPanelModel({ caption: '客户信息', detailType: 'GROUPPANEL', name: 'grouppanel2', visible: true, isShowCaption: true, form: this, uiActionGroup: { caption: '', langbase: 'cid.main_form', extractMode: 'ITEM', details: [] } })
, 
        druipart4: new FormDRUIPartModel({ caption: '', detailType: 'DRUIPART', name: 'druipart4', visible: true, isShowCaption: true, form: this })
, 
        grouppanel5: new FormGroupPanelModel({ caption: '交强险', detailType: 'GROUPPANEL', name: 'grouppanel5', visible: true, isShowCaption: true, form: this, uiActionGroup: { caption: '', langbase: 'cid.main_form', extractMode: 'ITEM', details: [] } })
, 
        druipart5: new FormDRUIPartModel({ caption: '', detailType: 'DRUIPART', name: 'druipart5', visible: true, isShowCaption: true, form: this })
, 
        grouppanel6: new FormGroupPanelModel({ caption: '商业险', detailType: 'GROUPPANEL', name: 'grouppanel6', visible: true, isShowCaption: true, form: this, uiActionGroup: { caption: '', langbase: 'cid.main_form', extractMode: 'ITEM', details: [] } })
, 
        button1: new FormButtonModel({ caption: '计算保费', detailType: 'BUTTON', name: 'button1', visible: true, isShowCaption: true, form: this })
, 
        grouppanel7: new FormGroupPanelModel({ caption: '分组面板', detailType: 'GROUPPANEL', name: 'grouppanel7', visible: true, isShowCaption: false, form: this, uiActionGroup: { caption: '', langbase: 'cid.main_form', extractMode: 'ITEM', details: [] } })
, 
        rawitem1: new FormRowItemModel({ caption: '', detailType: 'RAWITEM', name: 'rawitem1', visible: true, isShowCaption: true, form: this })
, 
        rawitem2: new FormRowItemModel({ caption: '', detailType: 'RAWITEM', name: 'rawitem2', visible: true, isShowCaption: true, form: this })
, 
        rawitem3: new FormRowItemModel({ caption: '', detailType: 'RAWITEM', name: 'rawitem3', visible: true, isShowCaption: true, form: this })
, 
        rawitem4: new FormRowItemModel({ caption: '', detailType: 'RAWITEM', name: 'rawitem4', visible: true, isShowCaption: true, form: this })
, 
        rawitem5: new FormRowItemModel({ caption: '', detailType: 'RAWITEM', name: 'rawitem5', visible: true, isShowCaption: true, form: this })
, 
        rawitem6: new FormRowItemModel({ caption: '', detailType: 'RAWITEM', name: 'rawitem6', visible: true, isShowCaption: true, form: this })
, 
        rawitem7: new FormRowItemModel({ caption: '', detailType: 'RAWITEM', name: 'rawitem7', visible: true, isShowCaption: true, form: this })
, 
        rawitem8: new FormRowItemModel({ caption: '', detailType: 'RAWITEM', name: 'rawitem8', visible: true, isShowCaption: true, form: this })
, 
        grouppanel8: new FormGroupPanelModel({ caption: '分组面板', detailType: 'GROUPPANEL', name: 'grouppanel8', visible: true, isShowCaption: false, form: this, uiActionGroup: { caption: '', langbase: 'cid.main_form', extractMode: 'ITEM', details: [] } })
, 
        grouppanel3: new FormGroupPanelModel({ caption: '险种信息', detailType: 'GROUPPANEL', name: 'grouppanel3', visible: true, isShowCaption: true, form: this, uiActionGroup: { caption: '', langbase: 'cid.main_form', extractMode: 'ITEM', details: [] } })
, 
        druipart2: new FormDRUIPartModel({ caption: '', detailType: 'DRUIPART', name: 'druipart2', visible: true, isShowCaption: true, form: this })
, 
        druipart3: new FormDRUIPartModel({ caption: '', detailType: 'DRUIPART', name: 'druipart3', visible: true, isShowCaption: true, form: this })
, 
        grouppanel4: new FormGroupPanelModel({ caption: '特别约定', detailType: 'GROUPPANEL', name: 'grouppanel4', visible: true, isShowCaption: true, form: this, uiActionGroup: { caption: '', langbase: 'cid.main_form', extractMode: 'ITEM', details: [] } })
, 
        formpage1: new FormPageModel({ caption: '基本信息', detailType: 'FORMPAGE', name: 'formpage1', visible: true, isShowCaption: true, form: this })
, 
        srfupdatedate: new FormItemModel({ caption: '更新时间', detailType: 'FORMITEM', name: 'srfupdatedate', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        srforikey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srforikey', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        srfkey: new FormItemModel({ caption: '车险单标识', detailType: 'FORMITEM', name: 'srfkey', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        srfmajortext: new FormItemModel({ caption: '车险单名称', detailType: 'FORMITEM', name: 'srfmajortext', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        srftempmode: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srftempmode', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        srfuf: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfuf', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        srfdeid: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfdeid', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        srfsourcekey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfsourcekey', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        jqx: new FormItemModel({ caption: '交强险', detailType: 'FORMITEM', name: 'jqx', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        jqxdb: new FormItemModel({ caption: '交强险生效时间', detailType: 'FORMITEM', name: 'jqxdb', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        jqxde: new FormItemModel({ caption: '交强险失效时间', detailType: 'FORMITEM', name: 'jqxde', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        formitemex1: new FormItemModel({ caption: '保险期限：', detailType: 'FORMITEM', name: 'formitemex1', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        syx: new FormItemModel({ caption: '商业险', detailType: 'FORMITEM', name: 'syx', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        syxdb: new FormItemModel({ caption: '商业险生效时间', detailType: 'FORMITEM', name: 'syxdb', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        syxde: new FormItemModel({ caption: '商业险失效时间', detailType: 'FORMITEM', name: 'syxde', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        formitemex2: new FormItemModel({ caption: '保险期限：', detailType: 'FORMITEM', name: 'formitemex2', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        orgname: new FormItemModel({ caption: '归属机构', detailType: 'FORMITEM', name: 'orgname', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        qdlx: new FormItemModel({ caption: '渠道类型', detailType: 'FORMITEM', name: 'qdlx', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        ywly: new FormItemModel({ caption: '业务来源', detailType: 'FORMITEM', name: 'ywly', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        orgusername: new FormItemModel({ caption: '归属业务员', detailType: 'FORMITEM', name: 'orgusername', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        orgid: new FormItemModel({ caption: '机构标识', detailType: 'FORMITEM', name: 'orgid', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        cphm: new FormItemModel({ caption: '车牌号码', detailType: 'FORMITEM', name: 'cphm', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        cjh: new FormItemModel({ caption: '车架号', detailType: 'FORMITEM', name: 'cjh', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        formitem: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'formitem', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        fdjh: new FormItemModel({ caption: '发动机号', detailType: 'FORMITEM', name: 'fdjh', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        cdrq: new FormItemModel({ caption: '初登日期', detailType: 'FORMITEM', name: 'cdrq', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        hpzl: new FormItemModel({ caption: '号牌种类', detailType: 'FORMITEM', name: 'hpzl', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        cldl: new FormItemModel({ caption: '车辆大类', detailType: 'FORMITEM', name: 'cldl', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        clzl: new FormItemModel({ caption: '车辆种类', detailType: 'FORMITEM', name: 'clzl', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        syxz: new FormItemModel({ caption: '使用性质', detailType: 'FORMITEM', name: 'syxz', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        cpxhname: new FormItemModel({ caption: '厂牌型号', detailType: 'FORMITEM', name: 'cpxhname', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        dycpxh: new FormItemModel({ caption: '打印厂牌型号', detailType: 'FORMITEM', name: 'dycpxh', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        cllxms: new FormItemModel({ caption: '车辆类型描述', detailType: 'FORMITEM', name: 'cllxms', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        xcgzj: new FormItemModel({ caption: '新车购置价', detailType: 'FORMITEM', name: 'xcgzj', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        hdzk: new FormItemModel({ caption: '核定载客', detailType: 'FORMITEM', name: 'hdzk', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        clsjjz: new FormItemModel({ caption: '车辆实际价值', detailType: 'FORMITEM', name: 'clsjjz', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        pl: new FormItemModel({ caption: '排量', detailType: 'FORMITEM', name: 'pl', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        gl: new FormItemModel({ caption: '功率', detailType: 'FORMITEM', name: 'gl', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        hdzzl: new FormItemModel({ caption: '核定载质量', detailType: 'FORMITEM', name: 'hdzzl', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        zbzl: new FormItemModel({ caption: '整备质量', detailType: 'FORMITEM', name: 'zbzl', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        hpds: new FormItemModel({ caption: '号牌底色', detailType: 'FORMITEM', name: 'hpds', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        abl: new FormItemModel({ caption: 'A/B类', detailType: 'FORMITEM', name: 'abl', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        jqxdqfs: new FormItemModel({ caption: '交强险短期方式', detailType: 'FORMITEM', name: 'jqxdqfs', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        jqxdqfl: new FormItemModel({ caption: '交强险短期费率', detailType: 'FORMITEM', name: 'jqxdqfl', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        syxdqfs: new FormItemModel({ caption: '商业险短期方式', detailType: 'FORMITEM', name: 'syxdqfs', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        syxdqfl: new FormItemModel({ caption: '商业险短期费率', detailType: 'FORMITEM', name: 'syxdqfl', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        jsbfbj: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'jsbfbj', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        se_jqx: new FormItemModel({ caption: '税额-交强险', detailType: 'FORMITEM', name: 'se_jqx', visible: true, isShowCaption: false, form: this, disabled: false, enableCond: 3 })
, 
        bhsbf_jqx: new FormItemModel({ caption: '不含税保费-交强险', detailType: 'FORMITEM', name: 'bhsbf_jqx', visible: true, isShowCaption: false, form: this, disabled: false, enableCond: 3 })
, 
        hsbf_jqx: new FormItemModel({ caption: '含税保费-交强险', detailType: 'FORMITEM', name: 'hsbf_jqx', visible: true, isShowCaption: false, form: this, disabled: false, enableCond: 3 })
, 
        ccs_jqx: new FormItemModel({ caption: '车船税-交强险', detailType: 'FORMITEM', name: 'ccs_jqx', visible: true, isShowCaption: false, form: this, disabled: false, enableCond: 3 })
, 
        hj: new FormItemModel({ caption: '合计', detailType: 'FORMITEM', name: 'hj', visible: true, isShowCaption: false, form: this, disabled: false, enableCond: 3 })
, 
        se_syx: new FormItemModel({ caption: '税额-商业险', detailType: 'FORMITEM', name: 'se_syx', visible: true, isShowCaption: false, form: this, disabled: false, enableCond: 3 })
, 
        bhsbf_syx: new FormItemModel({ caption: '不含税保费-商业险', detailType: 'FORMITEM', name: 'bhsbf_syx', visible: true, isShowCaption: false, form: this, disabled: false, enableCond: 3 })
, 
        hsbf_syx: new FormItemModel({ caption: '含税保费-商业险', detailType: 'FORMITEM', name: 'hsbf_syx', visible: true, isShowCaption: false, form: this, disabled: false, enableCond: 3 })
, 
        orguserid: new FormItemModel({ caption: '人员标识', detailType: 'FORMITEM', name: 'orguserid', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        cpxhid: new FormItemModel({ caption: '厂牌型号标识', detailType: 'FORMITEM', name: 'cpxhid', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
        cidid: new FormItemModel({ caption: '车险单标识', detailType: 'FORMITEM', name: 'cidid', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 })
, 
    };

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

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

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

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

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

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

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

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

    /**
     * 监控表单属性 jqx 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main
     */
    @Watch('data.jqx')
    onJqxChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'jqx', newVal: newVal, oldVal: oldVal });
        if(newVal !== null){
            this.formDataChange({ name: 'jqx', newVal: newVal, oldVal: oldVal });
        }else{
            this.data.jqx = oldVal;
        }
    }

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

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

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

    /**
     * 监控表单属性 syx 值
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof Main
     */
    @Watch('data.syx')
    onSyxChange(newVal: any, oldVal: any) {
        this.formDataChange({ name: 'syx', newVal: newVal, oldVal: oldVal });
        if(newVal !== null){
            this.formDataChange({ name: 'syx', newVal: newVal, oldVal: oldVal });
        }else{
            this.data.syx = oldVal;
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


    /**
     * 重置表单项值
     *
     * @private
     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
     * @memberof Main
     */
    private resetFormData({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
        if (Object.is(name, 'orgid')) {
            this.onFormItemValueChange({ name: 'orgusername', value: null });
            this.onFormItemValueChange({ name: 'orguserid', value: null });
        }
        if (Object.is(name, 'orgid')) {
            this.onFormItemValueChange({ name: 'orguserid', value: null });
        }
    }

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

    /**
     * 表单逻辑
     *
     * @private
     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
     * @memberof Main
     */
    private formLogic({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void {
                
































        if (Object.is(name, '') || Object.is(name, 'syx')) {
            let ret = true;
            const _syx = this.data.syx;
            if (this.$verify.testCond(_syx, 'EQ', '1')) {
                ret = false;
            }
            this.rules.jqx.some((rule: any) => {
                if (rule.hasOwnProperty('required')) {
                    rule.required = ret;
                }
                return false;
            });
        }




        if (Object.is(name, '') || Object.is(name, 'jqx')) {
            let ret = true;
            const _jqx = this.data.jqx;
            if (this.$verify.testCond(_jqx, 'EQ', '1')) {
                ret = false;
            }
            this.rules.syx.some((rule: any) => {
                if (rule.hasOwnProperty('required')) {
                    rule.required = ret;
                }
                return false;
            });
        }















































        if(Object.is(name, 'cpxhname')){
            const details: string[] = ['gl', 'hdzk', 'pl', 'cllxms', 'zbzl', 'dycpxh', 'hdzzl', 'abl', 'xcgzj', 'hpds', 'clsjjz'];
            this.updateFormItems('GetCPXHXX', this.data, details, true);
        }
    }

    /**
     * 表单值变化
     *
     * @private
     * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal }
     * @returns {void}
     * @memberof Main
     */
    private 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));
    }

    /**
     * 表单加载完成
     *
     * @private
     * @param {*} [data={}]
     * @memberof Main
     */
    private onFormLoad(data: any = {}): void {
        this.setFormEnableCond(data);
        this.fillForm(data);
        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={}]
     * @memberof Main
     */
    protected fillForm(_datas: any = {}): void {
        this.ignorefieldvaluechange = true;
        Object.keys(_datas).forEach((name: string) => {
            if (this.data.hasOwnProperty(name)) {
                this.data[name] = _datas[name];
            }
        });
        this.$nextTick(function () {
            this.ignorefieldvaluechange = false;
        })
    }

    /**
     * 设置表单项是否启用
     *
     * @protected
     * @param {*} data
     * @memberof Main
     */
    protected 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);
        });
    }

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

    /**
     * 重置校验结果
     *
     * @memberof Main
     */
    protected 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 Main
     */
    protected 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 Main
     */
    protected formValidateStatus(): boolean {
        const form: any = this.$refs.form;
        let validatestate: boolean = true;
        form.validate((valid: boolean) => {
            validatestate = valid ? true : false;
        });
        return validatestate
    }

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

    /**
     * 表单项值变更
     *
     * @param {{ name: string, value: any }} $event
     * @returns {void}
     * @memberof Main
     */
    protected 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 {string} name
     * @param {*} value
     * @returns {void}
     * @memberof Main
     */
    protected 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;
    }


	/**
	 * 表单 计算保费 事件
	 *
	 * @memberof @memberof Main
	 */
    protected button1_click($event: any): void {
        const details: string[] = ['jsbfbj'];
        this.updateFormItems('JSBF', this.data, details, true);
    }


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

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

    /**
     * 执行created后的逻辑
     *
     *  @memberof Main
     */    
    protected afterCreated(){
        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);
                }
            });
        }
        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 Main
     */
    protected destroyed() {
        this.afterDestroy();
    }

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

    /**
     * 拷贝内容
     *
     * @param {*} [arg={}]
     * @memberof @memberof Main
     */
    protected copy(arg: any = {}): void {
        this.loadDraft(arg);
    }

    /**
     * 部件刷新
     *
     * @param {any[]} args
     * @memberof Main
     */
    protected refresh(args: any[]): void {
        let arg: any = {};
        Object.assign(arg,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 Main
     */
    protected 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);
    }

    /**
     * 加载
     *
     * @private
     * @param {*} [opt={}]
     * @memberof Main
     */
    private load(opt: any = {}): void {
        if(!this.loadAction){
            this.$Notice.error({ title: '错误', desc: 'CIDEditView视图表单loadAction参数未配置' });
            return;
        }
        const arg: any = { ...opt };
        const get: Promise<any> = this.service.get(this.loadAction,this.context,arg, this.showBusyIndicator);
        get.then((response: any) => {
            if (response && response.status === 200) {
                const data = response.data;
                this.onFormLoad(data);
                this.$emit('load', data);
                this.$nextTick(() => {
                    this.formState.next({ type: 'load', data: data });
                });
            }
        }).catch((response: any) => {
            if (response && response.status === 401) {
                return;
            }
            if (!response || !response.status || !response.data) {
                this.$Notice.error({ title: '错误', desc: '系统异常' });
                return;
            }

            const { data: _data } = response;
            this.$Notice.error({ title: _data.title, desc: _data.message });
        });
    }

    /**
     * 加载草稿
     *
     * @param {*} [opt={}]
     * @memberof Main
     */
    protected loadDraft(opt: any = {}): void {
        if(!this.loaddraftAction){
            this.$Notice.error({ title: '错误', desc: 'CIDEditView视图表单loaddraftAction参数未配置' });
            return;
        }
        const arg: any = { ...opt } ;
        let post: Promise<any> = this.service.loadDraft(this.loaddraftAction,this.context,arg, this.showBusyIndicator);
        post.then((response: any) => {
            if (!response.status || response.status !== 200) {
                if (response.errorMessage) {
                    this.$Notice.error({ title: '错误', desc: response.errorMessage });
                }
                return;
            }

            const data = response.data;
            if(data.cid){
                Object.assign(this.context,{cid:data.cid})
            }
            this.resetDraftFormStates();
            this.onFormLoad(data);
            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 === 401) {
                return;
            }
            if (!response || !response.status || !response.data) {
                this.$Notice.error({ title: '错误', desc: '系统异常' });
                return;
            }

            const { data: _data } = response;
            this.$Notice.error({ title: _data.title, desc: _data.message });
        });
    }

    /**
     * 自动保存
     *
     * @param {*} [opt={}]
     * @memberof Main
     */
    protected autoSave(opt: any = {}): void {
        if (!this.formValidateStatus()) {
            return;
        }
        const arg: any = { ...opt };
        const data = this.getValues();
        Object.assign(arg, data);
        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: '错误', desc: 'CIDEditView视图表单'+actionName+'参数未配置' });
            return;
        }
        Object.assign(arg,this.viewparams);
        const post: Promise<any> = this.service.add(action, this.context,arg, this.showBusyIndicator);
        post.then((response: any) => {
            if (!response.status || response.status !== 200) {
                if (response.errorMessage) {
                    this.$Notice.error({ title: '错误', desc: response.errorMessage });
                }
                return;
            }

            const data = response.data;
            this.onFormLoad(data);
            this.$emit('save', data);
            this.$store.dispatch('viewaction/datasaved', { viewtag: this.viewtag });
            this.$nextTick(() => {
                this.formState.next({ type: 'save', data: data });
            });
        }).catch((response: any) => {
            if (response && response.status === 401) {
                return;
            }
            if (!response || !response.status || !response.data) {
                this.$Notice.error({ title: '错误', desc: '系统异常' });
                return;
            }

            const { data: _data } = response;
            if (Object.is(_data.status, 'BAD_REQUEST') && _data.parameters && _data.parameters.fieldErrors) {
                this.resetValidates();
                this.fillValidates(_data.parameters.fieldErrors)
            }
            this.$Notice.error({ title: _data.title, desc: _data.message });
        });
    }

    /**
     * 保存
     *
     * @param {*} [opt={}]
     * @param {boolean} [showResultInfo] 
     * @param {boolean} [ifStateNext] formState是否下发通知
     * @returns {Promise<any>}
     * @memberof Main
     */
    protected async save(opt: any = {}, showResultInfo?: boolean, ifStateNext: boolean = true): Promise<any> {
        return new Promise((resolve: any, reject: any) => {
            showResultInfo = showResultInfo === undefined ? true : false;
            opt.saveEmit = opt.saveEmit === undefined ? true :false;
            if (!this.formValidateStatus()) {
                this.$Notice.error({ title: '错误', desc: '值规则校验异常' });
                return;
            }
            const arg: any = { ...opt };
            const data = this.getValues();
            Object.assign(arg, data);
            Object.assign(arg, this.context);
            if (ifStateNext) {
                this.drcounter = 5;
                if(this.drcounter !== 0){
                    this.formState.next({ type: 'beforesave', data: arg });//先通知关系界面保存
                    this.saveState = resolve;
                    return;
                }
            }
            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: '错误', desc: 'CIDEditView视图表单'+actionName+'参数未配置' });
                return;
            }
            Object.assign(arg,this.viewparams);
            const post: Promise<any> = Object.is(data.srfuf, '1')?this.service.update(action, this.context,arg, this.showBusyIndicator):this.service.add(action,this.context,arg, this.showBusyIndicator);
            post.then((response: any) => {
                if (!response.status || response.status !== 200) {
                    if (response.errorMessage) {
                        this.$Notice.error({ title: '错误', desc: response.errorMessage });
                    }
                    return;
                }

                const data = response.data;
                this.onFormLoad(data);
                if(!opt.saveEmit){
                    this.$emit('save', data);
                }                
                this.$store.dispatch('viewaction/datasaved', { viewtag: this.viewtag });
                this.$nextTick(() => {
                    this.formState.next({ type: 'save', data: data });
                });
                if (showResultInfo) {
                    this.$Notice.success({ title: '', desc: (data.srfmajortext ? data.srfmajortext : '') + '&nbsp;保存成功！' });
                }
                resolve(response);
            }).catch((response: any) => {
                if (response && response.status === 401) {
                    return;
                }
                if (!response || !response.status || !response.data) {
                    this.$Notice.error({ title: '错误', desc: '系统异常' });
                    reject(response);
                    return;
                }

                const { data: _data } = response;
                if (Object.is(_data.status, 'BAD_REQUEST') && _data.parameters && _data.parameters.fieldErrors) {
                    this.resetValidates();
                    this.fillValidates(_data.parameters.fieldErrors)
                }
                this.$Notice.error({ title: _data.title, desc: _data.message });
                reject(response);
            });
        })
    }

    /**
    * 删除
    *
    * @private
    * @param {*} [opt={}]
    * @memberof EditForm
    */
    private remove(opt:Array<any> = [],showResultInfo?: boolean): Promise<any> {
        return new Promise((resolve: any, reject: any) => {
            if(!this.removeAction){
                this.$Notice.error({ title: '错误', desc: 'CIDEditView视图表单removeAction参数未配置' });
                return;
            }
            const arg: any = opt[0];
            const _this: any = this;
            Object.assign(arg,this.viewparams);
            this.service.delete(_this.removeAction, 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;删除成功！' });
                    resolve(response);
                }
            }).catch((error: any) => {
                const { data: _data } = error;
                this.$Notice.error({ title: _data.title, desc: _data.message });
                reject(error);
            });
        });
    }

    /**
     * 工作流启动
     *
     * @param {*} [data={}]
     * @returns {Promise<any>}
     * @memberof Main
     */
    protected async wfstart(data: any): Promise<any> {
        return new Promise((resolve: any, reject: any) => {
            if(!this.WFStartAction){
                this.$Notice.error({ title: '错误', desc: 'WFCIDEditView视图表单WFStartAction参数未配置' });
                return;
            }
            const _this: any = this;
            const arg: any = data[0];
            const post: Promise<any> = Object.is(data.srfuf, '1')?this.service.update(this.updateAction, this.context,arg, this.showBusyIndicator):this.service.add(this.createAction,this.context,arg, this.showBusyIndicator);
            post.then((response:any) =>{
                const arg:any = response.data;
                if(this.viewparams){
                    Object.assign(arg,{viewparams:this.viewparams});
                }
                const result: Promise<any> = this.service.wfstart(_this.WFStartAction, this.context,arg, this.showBusyIndicator);
                result.then((response: any) => {
                    if (response && response.status === 401) {
                        return;
                    }
                    if (!response || response.status !== 200) {
                        this.$Notice.error({ title: '', desc: '工作流启动失败, ' + response.info });
                        return;
                    }
                    this.$Notice.info({ title: '', desc: '工作流启动成功' });
                    resolve(response);
            }).catch((response: any) => {
                if (response && response.status === 401) {
                    return;
                }
                if (!response || !response.status || !response.data) {
                    this.$Notice.error({ title: '错误', desc: '系统异常' });
                    reject(response);
                    return;
                }
                const { data: _data } = response;
                if (Object.is(_data.status, 'BAD_REQUEST') && _data.parameters && _data.parameters.fieldErrors) {
                    this.resetValidates();
                    this.fillValidates(_data.parameters.fieldErrors)
                }
                this.$Notice.error({ title: _data.title, desc: _data.message });
                reject(response);
            });
            }).catch((response: any) => {
                if (response && response.status === 401) {
                        return;
                    }
                    if (!response || !response.status || !response.data) {
                        this.$Notice.error({ title: '错误', desc: '系统异常' });
                        reject(response);
                        return;
                    }
                    const { data: _data } = response;
                    if (Object.is(_data.status, 'BAD_REQUEST') && _data.parameters && _data.parameters.fieldErrors) {
                        this.resetValidates();
                        this.fillValidates(_data.parameters.fieldErrors)
                    }
                    this.$Notice.error({ title: _data.title, desc: _data.message });
                    reject(response);
            })
        });
    }

    /**
     * 工作流提交
     *
     * @param {*} [data={}]
     * @returns {Promise<any>}
     * @memberof Main
     */
    protected async wfsubmit(data: any): Promise<any> {
        if(!this.WFSubmitAction){
            this.$Notice.error({ title: '错误', desc: 'CIDEditView视图表单WFSubmitAction参数未配置' });
            return;
        }
        const _this: any = this;
        const arg: any = data[0];
        if (!arg.cid || Object.is(arg.cid, '')) {
            return;
        }
        const post: Promise<any> = this.service.wfsubmit(_this.WFSubmitAction,this.context, arg, this.showBusyIndicator);
        return new Promise((resolve: any, reject: any) => {
            post.then((response: any) => {
                if (response && response.status === 401) {
                    return;
                }

                if (!response || response.status !== 200) {
                    this.$Notice.error({ title: '', desc: '工作流提交失败, ' + response.info });
                    return;
                }
                this.$Notice.info({ title: '', desc: '工作流提交成功' });
                resolve(response);
            }).catch((response: any) => {
                if (response && response.status === 401) {
                    return;
                }
                if (!response || !response.status || !response.data) {
                    this.$Notice.error({ title: '错误', desc: '系统异常' });
                    reject(response);
                    return;
                }

                const { data: _data } = response;
                if (Object.is(_data.status, 'BAD_REQUEST') && _data.parameters && _data.parameters.fieldErrors) {
                    this.resetValidates();
                    this.fillValidates(_data.parameters.fieldErrors)
                }
                this.$Notice.error({ title: _data.title, desc: _data.message });
                reject(response);
            });
        });
    }

    /**
     * 表单项更新
     *
     * @param {string} mode 界面行为名称
     * @param {*} [data={}] 请求数据
     * @param {string[]} updateDetails 更新项
     * @param {boolean} [showloading] 是否显示加载状态
     * @returns {void}
     * @memberof Main
     */
    protected 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,this.context,arg, showloading);
        post.then((response: any) => {
            if (!response || response.status !== 200) {
                this.$Notice.error({ title: '错误', desc: '表单项更新失败' });
                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);
            this.formLogic({ name: '', newVal: null, oldVal: null });
            this.dataChang.next(JSON.stringify(this.data));
            this.$nextTick(() => {
                this.formState.next({ type: 'updateformitem', ufimode: arg.srfufimode, data: _data });
            });
        }).catch((response: any) => {
            if (response && response.status === 401) {
                return;
            }
            if (!response || !response.status || !response.data) {
                this.$Notice.error({ title: '错误', desc: '系统异常' });
                return;
            }

            const { data: _data } = response;
            if (Object.is(_data.status, 'BAD_REQUEST') && _data.parameters && _data.parameters.fieldErrors) {
                this.resetValidates();
                this.fillValidates(_data.parameters.fieldErrors)
            }
            this.$Notice.error({ title: _data.title, desc: _data.message });
        });
    }

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

    /**
     * 保存并退出
     *
     * @param {any[]} args
     * @memberof Main
     */
    protected saveAndExit(data:any[]):Promise<any>{
        let _this = this;
        return new Promise((resolve: any, reject: any) =>{
            let arg: any = {};
            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 Main
     */
    protected saveAndNew(data:any[]):Promise<any>{
        let _this = this;
        return new Promise((resolve: any, reject: any) =>{
            let arg: any = {};
            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 Main
     */
    protected removeAndExit(data:any[]):Promise<any>{
        let _this = this;
        return new Promise((resolve: any, reject: any) =>{
            let arg: any = {};
            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 Main
    */
    protected drdatasaved($event:any){
        let _this = this;
        this.drcounter--;
        if(this.drcounter > 0){
            return;
        }
        this.save({}, undefined, false).then((res) =>{
            this.saveState(res);
            if(Object.is(_this.currentAction, "saveAndNew")){
                _this.ResetData(res);
                _this.loadDraft({});
            }else if(Object.is(_this.currentAction, "saveAndExit")){
                if(res){
                    _this.closeView(res.data);
                }
            }
        });
    }
    
}
</script>

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