<template> <i-form :model="this.data" class='app-form' ref='form' id='ibizsample0001_main4' style="" @on-validate="formItemValidate"> <input style="display:none;" /> <row > <i-col v-show="detailsModel.group1.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.group1.manageContainerStatus" :isManageContainer="detailsModel.group1.isManageContainer" @managecontainerclick="manageContainerClick('group1')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" > <row> <i-col v-show="detailsModel.grouppanel7.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel7.manageContainerStatus" :isManageContainer="detailsModel.grouppanel7.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel7')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel7.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel7')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" > <row> <i-col v-show="detailsModel.f1.visible" :style="{}" :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }"> <app-form-item name='f1' :itemRules="this.rules().f1" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f1')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f1.error" :isEmptyCaption="false" labelPos="LEFT"> <input-box v-model="data.f1" @enter="onEnter($event)" :disabled="detailsModel.f1.disabled" type='text' placeholder="占位提示-文本框" style=""> </input-box> </app-form-item> </i-col> <i-col v-show="detailsModel.field2.visible" :style="{}" :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }"> <app-form-item name='field2' :itemRules="this.rules().field2" class='' :caption="$t('entities.ibizsample0001.main4_form.details.field2')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.field2.error" :isEmptyCaption="false" labelPos="LEFT"> <input-box v-model="data.field2" @enter="onEnter($event)" :disabled="detailsModel.field2.disabled" type='number' :precision="2" style=""> </input-box> </app-form-item> </i-col> <i-col v-show="detailsModel.f2.visible" :style="{}" :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }"> <app-form-item name='f2' :itemRules="this.rules().f2" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f2')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f2.error" :isEmptyCaption="false" labelPos="LEFT"> <i-input type="password" v-model="data.f2" placeholder="占位提示-密码框" :disabled="detailsModel.f2.disabled" style=""></i-input> </app-form-item> </i-col> <i-col v-show="detailsModel.formitem1.visible" :style="{}" :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }"> <app-form-item name='formitem1' :itemRules="this.rules().formitem1" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem1')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem1.error" :isEmptyCaption="false" labelPos="LEFT"> <app-stepper name='formitem1' :value="this.data.formitem1" @change="onFormItemValueChange" :disabled="detailsModel.formitem1.disabled" style=""></app-stepper> </app-form-item> </i-col> <i-col v-show="detailsModel.formitem2.visible" :style="{}" :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }"> <app-form-item name='formitem2' :itemRules="this.rules().formitem2" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem2')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem2.error" :isEmptyCaption="false" labelPos="LEFT"> <app-switch name='formitem2' :value="this.data.formitem2" @change="($event)=>{this.data.formitem2 = $event} " :disabled="detailsModel.formitem2.disabled" style=""></app-switch> </app-form-item> </i-col> <i-col v-show="detailsModel.formitem3.visible" :style="{}" :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }"> <app-form-item name='formitem3' :itemRules="this.rules().formitem3" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem3')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem3.error" :isEmptyCaption="false" labelPos="LEFT"> <app-slider name='formitem3' :value="this.data.formitem3" @change="onFormItemValueChange" :disabled="detailsModel.formitem3.disabled" style="" :step="1" :min="0" :max="100"></app-slider> </app-form-item> </i-col> <i-col v-show="detailsModel.formitem4.visible" :style="{}" :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }"> <app-form-item name='formitem4' :itemRules="this.rules().formitem4" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem4')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem4.error" :isEmptyCaption="false" labelPos="LEFT"> <app-rate name='formitem4' :value="this.data.formitem4" @change="($event)=>{this.data.formitem4 = $event} " :disabled="detailsModel.formitem4.disabled" style="" > </app-rate> </app-form-item> </i-col> <i-col v-show="detailsModel.f5.visible" :style="{}" :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }"> <app-form-item name='f5' :itemRules="this.rules().f5" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f5')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f5.error" :isEmptyCaption="false" labelPos="LEFT"> <app-input-ip v-model="data.f5" :context="context" :formState="formState" :viewparams="viewparams" :disabled="detailsModel.f5.disabled" @enter="onEnter($event)"> </app-input-ip> </app-form-item> </i-col> <i-col v-show="detailsModel.f6.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f6' :itemRules="this.rules().f6" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f6')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f6.error" :isEmptyCaption="false" labelPos="LEFT"> <div style="">{{data.f6}}</div> </app-form-item> </i-col> <i-col v-show="detailsModel.f8.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f8' :itemRules="this.rules().f8" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f8')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f8.error" :isEmptyCaption="false" labelPos="LEFT"> <i-input v-model="data.f8" placeholder="占位提示-标签(旧)" readonly disabled style=""></i-input> </app-form-item> </i-col> <i-col v-show="detailsModel.f7.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f7' :itemRules="this.rules().f7" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f7')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f7.error" :isEmptyCaption="false" labelPos="LEFT"> <app-span name='f7' :value="data.f7" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' style=""> </app-span> </app-form-item> </i-col> <i-col v-show="detailsModel.f3.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-item name='f3' :itemRules="this.rules().f3" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f3')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f3.error" :isEmptyCaption="false" labelPos="LEFT"> <input-box v-model="data.f3" :disabled="detailsModel.f3.disabled" type='textarea' style="" placeholder="占位提示-多行输入框"></input-box> </app-form-item> </i-col> <i-col v-show="detailsModel.f4.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-item name='f4' :itemRules="this.rules().f4" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f4')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f4.error" :isEmptyCaption="false" labelPos="LEFT"> <input-box v-model="data.f4" :textareaId="this.$util.createUUID()" :disabled="detailsModel.f4.disabled" type='textarea' editorType="TEXTAREA_10" textareaStyle="height:200px;" placeholder="占位提示-多行输入框(10行)"></input-box> </app-form-item> </i-col> <i-col v-show="detailsModel.f34.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-item name='f34' :itemRules="this.rules().f34" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f34')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f34.error" :isEmptyCaption="false" labelPos="LEFT"> <app-rich-text-editor :formState="formState" :value="data.f34" @change="(val) =>{this.data.f34 =val}" :disabled="detailsModel.f34.disabled" :data="JSON.stringify(this.data)" name="f34" :uploadparams='{}' :exportparams='{}' style=""></app-rich-text-editor> </app-form-item> </i-col> </row> </app-form-group> </i-col> <i-col v-show="detailsModel.grouppanel3.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel3.manageContainerStatus" :isManageContainer="detailsModel.grouppanel3.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel3')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel3.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel3')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" > <row> <i-col v-show="detailsModel.f9.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f9' :itemRules="this.rules().f9" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f9')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f9.error" :isEmptyCaption="false" labelPos="LEFT"> <dropdown-list-hidden v-model="data.f9" :data="data" :context="context" :viewparams="viewparams" :formState="formState" :localContext ='{ }' :localParam ='{ }' :disabled="detailsModel.f9.disabled" tag='ORDERENTITYDATA' codelistType='DYNAMIC' placeholder='占位提示-下拉列表框' style=""> </dropdown-list-hidden> </app-form-item> </i-col> <i-col v-show="detailsModel.f10.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f10' :itemRules="this.rules().f10" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f10')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f10.error" :isEmptyCaption="false" labelPos="LEFT"> <dropdown-list v-model="data.f10" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' :disabled="detailsModel.f10.disabled" style="width:100px;width: 100px;" tag='SCODELIST_TEXT' codelistType='STATIC' placeholder='占位提示-下拉列表框(100宽度)'> </dropdown-list> </app-form-item> </i-col> <i-col v-show="detailsModel.f11.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f11' :itemRules="this.rules().f11" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f11')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f11.error" :isEmptyCaption="false" labelPos="LEFT"> <div style=""> <app-checkbox :value="this.data.f11" @change="($event)=>{this.data.f11 = $event} " :disabled="detailsModel.f11.disabled"></app-checkbox> </div> </app-form-item> </i-col> <i-col v-show="detailsModel.f12.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f12' :itemRules="this.rules().f12" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f12')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f12.error" :isEmptyCaption="false" labelPos="LEFT"> <app-radio-group v-model="data.f12" :data="data" :context="context" :viewparams="viewparams" :disabled="detailsModel.f12.disabled" name="f12" :localContext ='{ }' :localParam ='{ }' tag='SCODELIST_TEXT' codelistType='STATIC' style=""> </app-radio-group> </app-form-item> </i-col> <i-col v-show="detailsModel.f13.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f13' :itemRules="this.rules().f13" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f13')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f13.error" :isEmptyCaption="false" labelPos="LEFT"> <app-checkbox-list v-model="data.f13" :data="data" :context="context" :viewparams="viewparams" :disabled="detailsModel.f13.disabled" :localContext ='{ }' :localParam ='{ }' tag='SCODELIST_TEXT' codelistType='STATIC' mode="" name="f13" style=""> </app-checkbox-list> </app-form-item> </i-col> <i-col v-show="detailsModel.f14.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f14' :itemRules="this.rules().f14" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f14')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f14.error" :isEmptyCaption="false" labelPos="LEFT"> </app-form-item> </i-col> <i-col v-show="detailsModel.f15.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f15' :itemRules="this.rules().f15" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f15')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f15.error" :isEmptyCaption="false" labelPos="LEFT"> </app-form-item> </i-col> </row> </app-form-group> </i-col> <i-col v-show="detailsModel.grouppanel2.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel2.manageContainerStatus" :isManageContainer="detailsModel.grouppanel2.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel2')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel2.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel2')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" > <row> <i-col v-show="detailsModel.f16.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f16' :itemRules="this.rules().f16" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f16')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f16.error" :isEmptyCaption="false" labelPos="LEFT"> <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="占位提示-时间选择控件" :value="data.f16" :disabled="detailsModel.f16.disabled" style="min-width: 150px;width:160px; " @on-change="(val1, val2) => { this.data.f16 = val1 }"></date-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f17.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f17' :itemRules="this.rules().f17" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f17')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f17.error" :isEmptyCaption="false" labelPos="LEFT"> <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="占位提示-时间选择控件_无小时" :value="data.f17" :disabled="detailsModel.f17.disabled" style="min-width: 150px; width:160px;" @on-change="(val1, val2) => { this.data.f17 = val1 }"></date-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f18.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f18' :itemRules="this.rules().f18" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f18')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f18.error" :isEmptyCaption="false" labelPos="LEFT"> <time-picker :value="data.f18" :transfer="true" :disabled="detailsModel.f18.disabled" format="HH:mm:ss" placeholder="占位提示-时间选择控件_无日期" style="min-width: 150px; width:160px;" @on-change="(val) => {this.data.f18 = val}"></time-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f19.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f19' :itemRules="this.rules().f19" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f19')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f19.error" :isEmptyCaption="false" labelPos="LEFT"> <time-picker :value="data.f19" :transfer="true" :disabled="detailsModel.f19.disabled" format="HH" placeholder="占位提示-时间选择控件_小时" style="min-width: 150px; width:160px;" @on-change="(val) => {this.data.f19 = val}"></time-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f20.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f20' :itemRules="this.rules().f20" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f20')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f20.error" :isEmptyCaption="false" labelPos="LEFT"> <time-picker :value="data.f20" :transfer="true" :disabled="detailsModel.f20.disabled" format="mm" placeholder="占位提示-时间选择控件_分钟" style="min-width: 150px; width:160px;" @on-change="(val) => {this.data.f20 = val}"></time-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f21.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f21' :itemRules="this.rules().f21" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f21')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f21.error" :isEmptyCaption="false" labelPos="LEFT"> <time-picker :value="data.f21" :transfer="true" :disabled="detailsModel.f21.disabled" format="ss" placeholder="占位提示-时间选择控件_秒钟" style="min-width: 150px; width:160px;" @on-change="(val) => {this.data.f21 = val}"></time-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f22.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f22' :itemRules="this.rules().f22" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f22')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f22.error" :isEmptyCaption="false" labelPos="LEFT"> <time-picker :value="data.f22" :transfer="true" :disabled="detailsModel.f22.disabled" format="HH:mm" placeholder="占位提示-时间选择控件_无日期无秒钟" style="min-width: 150px; width:160px;" @on-change="(val) => {this.data.f22 = val}"></time-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f23.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f23' :itemRules="this.rules().f23" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f23')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f23.error" :isEmptyCaption="false" labelPos="LEFT"> <date-picker type="datetime" :transfer="true" format="yyyy-MM-dd HH:mm:ss" placeholder="占位提示-时间选择控件(新)" :value="data.f23" :disabled="detailsModel.f23.disabled" style="min-width: 150px; width:160px;" @on-change="(val1, val2) => { this.data.f23 = val1 }"></date-picker> </app-form-item> </i-col> </row> </app-form-group> </i-col> <i-col v-show="detailsModel.grouppanel5.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel5.manageContainerStatus" :isManageContainer="detailsModel.grouppanel5.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel5')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel5.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel5')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" > <row> <i-col v-show="detailsModel.f35.visible" :style="{}" :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }"> <app-form-item name='f35' :itemRules="this.rules().f35" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f35')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f35.error" :isEmptyCaption="false" labelPos="LEFT"> <app-image-upload :multiple="false" :limit="9999" :accept="'image/*'" :formState="formState" :ignorefieldvaluechange="ignorefieldvaluechange" @formitemvaluechange="onFormItemValueChange" :data="JSON.stringify(this.data)" name='f35' :value="data.f35" :disabled="detailsModel.f35.disabled" :uploadparams='{}' :exportparams='{}'> </app-image-upload> </app-form-item> </i-col> <i-col v-show="detailsModel.f36.visible" :style="{}" :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }"> <app-form-item name='f36' :itemRules="this.rules().f36" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f36')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f36.error" :isEmptyCaption="false" labelPos="LEFT"> <app-image-upload :multiple="true" :limit="9999" :accept="'image/*'" :formState="formState" :ignorefieldvaluechange="ignorefieldvaluechange" @formitemvaluechange="onFormItemValueChange" :data="JSON.stringify(this.data)" name='f36' :value="data.f36" :disabled="detailsModel.f36.disabled" :uploadparams='{}' :exportparams='{}' style="overflow: auto;"> </app-image-upload> </app-form-item> </i-col> <i-col v-show="detailsModel.f37.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-item name='f37' :itemRules="this.rules().f37" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f37')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.f37.error" :isEmptyCaption="false" labelPos="LEFT"> <app-file-upload :limit="9999" :accept="'*'" :formState="formState" :ignorefieldvaluechange="ignorefieldvaluechange" @formitemvaluechange="onFormItemValueChange" :data="JSON.stringify(this.data)" name='f37' :value="data.f37" :disabled="detailsModel.f37.disabled" :uploadparams='{}' :exportparams='{}' :multiple='true' style="overflow: auto;"> </app-file-upload> </app-form-item> </i-col> </row> </app-form-group> </i-col> <i-col v-show="detailsModel.grouppanel1.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel1.manageContainerStatus" :isManageContainer="detailsModel.grouppanel1.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel1')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" > <row> <i-col v-show="detailsModel.f24.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f24' :itemRules="this.rules().f24" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f24')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f24.error" :isEmptyCaption="false" labelPos="LEFT"> <app-picker :formState="formState" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' :disabled="detailsModel.f24.disabled" placeholder="占位提示-数据选择" name='f24' deMajorField='ibizsample0002name' deKeyField='ibizsample0002' :service="service" :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}" valueitem='ibizsample0002id' :value="data.f24" editortype="" :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }" style="" @formitemvaluechange="onFormItemValueChange"> </app-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f25.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f25' :itemRules="this.rules().f25" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f25')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f25.error" :isEmptyCaption="false" labelPos="LEFT"> <app-picker :formState="formState" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' :disabled="detailsModel.f25.disabled" placeholder="占位提示-数据链接" name='f25' deMajorField='ibizsample0002name' deKeyField='ibizsample0002' :service="service" :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}" valueitem='ibizsample0002id' :value="data.f25" editortype="" :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }" :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 400, height: 600, placement: 'POPOVER', isRedirectView: false }" style="" @formitemvaluechange="onFormItemValueChange"> </app-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f26.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f26' :itemRules="this.rules().f26" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f26')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f26.error" :isEmptyCaption="false" labelPos="LEFT"> <app-picker :formState="formState" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' :disabled="detailsModel.f26.disabled" placeholder="占位提示-数据选择(无AC)" name='f26' deMajorField='ibizsample0002name' deKeyField='ibizsample0002' valueitem='ibizsample0002id' :value="data.f26" editortype="pickup-no-ac" :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }" style="" @formitemvaluechange="onFormItemValueChange"> </app-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f27.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f27' :itemRules="this.rules().f27" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f27')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f27.error" :isEmptyCaption="false" labelPos="LEFT"> <app-picker :formState="formState" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' :disabled="detailsModel.f27.disabled" placeholder="占位提示-数据选择(无AC、数据链接)" name='f27' deMajorField='ibizsample0002name' deKeyField='ibizsample0002' valueitem='ibizsample0002id' :value="data.f27" editortype="pickup-no-ac" :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }" :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 400, height: 600, placement: 'POPOVER', isRedirectView: false }" style="" @formitemvaluechange="onFormItemValueChange"> </app-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.formitem28.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='formitem28' :itemRules="this.rules().formitem28" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem28')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.formitem28.error" :isEmptyCaption="false" labelPos="LEFT"> <app-picker :formState="formState" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' :disabled="detailsModel.formitem28.disabled" placeholder="占位提示-数据选择(下拉)" name='formitem28' deMajorField='ibizsample0002name' deKeyField='ibizsample0002' :service="service" :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}" valueitem='f33' :value="data.formitem28" editortype="dropdown" style="" @formitemvaluechange="onFormItemValueChange"> </app-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.f29.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='f29' :itemRules="this.rules().f29" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f29')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f29.error" :isEmptyCaption="false" labelPos="LEFT"> <app-picker :formState="formState" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' :disabled="detailsModel.f29.disabled" placeholder="占位提示-数据选择(下拉、数据链接)" name='f29' deMajorField='ibizsample0002name' deKeyField='ibizsample0002' :service="service" :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}" valueitem='ibizsample0002id' :value="data.f29" editortype="" :pickupView="{ viewname: 'ibizsample0002-pickup-view', title: $t('entities.ibizsample0002.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }" :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 400, height: 600, placement: 'POPOVER', isRedirectView: false }" style="" @formitemvaluechange="onFormItemValueChange"> </app-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.formitem5.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='formitem5' :itemRules="this.rules().formitem5" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem5')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem5.error" :isEmptyCaption="false" labelPos="LEFT"> <app-picker :formState="formState" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' :disabled="detailsModel.formitem5.disabled" name='formitem5' deMajorField='ibizsample0002name' deKeyField='ibizsample0002' valueitem='ibizsample0002id' :value="data.formitem5" editortype="linkonly" :linkview="{ viewname: 'IBIZSample0002EditView', title: $t('entities.ibizsample0002.views.editview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'editview', parameterName: 'editview' } ], width: 400, height: 600, placement: 'POPOVER', isRedirectView: false }" style="" @formitemvaluechange="onFormItemValueChange"> </app-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.formitem6.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='formitem6' :itemRules="this.rules().formitem6" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem6')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem6.error" :isEmptyCaption="false" labelPos="LEFT"> <app-mpicker :activeData="data" :disabled="detailsModel.formitem6.disabled" :curvalue="data.formitem6" name="formitem6" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' :service="service" valueitem='' :acParams="{ }" :pickupView="{ viewname: 'ibizsample0002-mpickup-view', title: $t('entities.ibizsample0002.views.mpickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'mpickupview', parameterName: 'mpickupview' } ], placement:'' }" @formitemvaluechange="onFormItemValueChange" style=""> </app-mpicker> </app-form-item> </i-col> <i-col v-show="detailsModel.formitem.visible" :style="{}" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" :xl="{ span: 8, offset: 0 }"> <app-form-item name='formitem' :itemRules="this.rules().formitem" class='' :caption="$t('entities.ibizsample0001.main4_form.details.formitem')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.formitem.error" :isEmptyCaption="false" labelPos="LEFT"> <app-mpicker :activeData="data" :disabled="detailsModel.formitem.disabled" :curvalue="data.formitem" name="formitem" :context="context" :viewparams="viewparams" :localContext ='{ }' :localParam ='{ }' :service="service" valueitem='' deMajorField='ibizsample0002name' deKeyField='ibizsample0002' :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}" :pickupView="{ viewname: 'ibizsample0002-mpickup-view', title: $t('entities.ibizsample0002.views.mpickupview.title'), deResParameters: [], parameters: [{ pathName: 'ibizsample0002s', parameterName: 'ibizsample0002' }, { pathName: 'mpickupview', parameterName: 'mpickupview' } ], placement:'' }" @formitemvaluechange="onFormItemValueChange" style=""> </app-mpicker> </app-form-item> </i-col> </row> </app-form-group> </i-col> <i-col v-show="detailsModel.grouppanel4.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-group :uiService="appUIService" :data="transformData(data)" :manageContainerStatus="detailsModel.grouppanel4.manageContainerStatus" :isManageContainer="detailsModel.grouppanel4.isManageContainer" @managecontainerclick="manageContainerClick('grouppanel4')" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel4.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.ibizsample0001.main4_form.details.grouppanel4')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" > <row> <i-col v-show="detailsModel.f30.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-item name='f30' :itemRules="this.rules().f30" class='' :caption="$t('entities.ibizsample0001.main4_form.details.f30')" uiStyle="DEFAULT" :labelWidth="200" :isShowCaption="true" :error="detailsModel.f30.error" :isEmptyCaption="false" labelPos="LEFT"> <app-autocomplete :data="data" :disabled="detailsModel.f30.disabled" placeholder="占位提示-自动填充" name='f30' :context="context" :viewparams="viewparams" deMajorField='ibizsample0002name' deKeyField='ibizsample0002' :localContext ='{ }' :localParam ='{ }' :service="service" :acParams="{ serviceName: 'IBIZSample0002Service', interfaceName: 'FetchDefault'}" valueitem='' :value="data.f30" @formitemvaluechange="onFormItemValueChange" style=""> </app-autocomplete> </app-form-item> </i-col> </row> </app-form-group> </i-col> </row> </app-form-group> </i-col> </row> </i-form> </template> <script lang='tsx'> import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator'; import { CreateElement } from 'vue'; import { Subject, Subscription } from 'rxjs'; import { ControlInterface } from '@/interface/control'; import { UIActionTool,Util,ViewTool } from '@/utils'; import NavDataService from '@/service/app/navdata-service'; import AppCenterService from "@service/app/app-center-service"; import IBIZSample0001EntityService from '@/service/ibizsample0001/ibizsample0001-service'; import Main4Service from './main4-form-service'; import IBIZSample0001UIService from '@/uiservice/ibizsample0001/ibizsample0001-ui-service'; import { FormButtonModel, FormPageModel, FormItemModel, FormDRUIPartModel, FormPartModel, FormGroupPanelModel, FormIFrameModel, FormRowItemModel, FormTabPageModel, FormTabPanelModel, FormUserControlModel } from '@/model/form-detail'; import { debounceTime, distinctUntilChanged } from 'rxjs/operators'; import schema from 'async-validator'; import { Environment } from '@/environments/environment'; @Component({ components: { } }) export default class Main4Base extends Vue implements ControlInterface { /** * 名称 * * @type {string} * @memberof Main4Base */ @Prop() public name?: string; /** * 视图通讯对象 * * @type {Subject<ViewState>} * @memberof Main4Base */ @Prop() public viewState!: Subject<ViewState>; /** * 应用上下文 * * @type {*} * @memberof Main4Base */ @Prop() public context!: any; /** * 视图参数 * * @type {*} * @memberof Main4Base */ @Prop() public viewparams!: any; /** * 视图操作参数(父级) * * @type {*} * @memberof Main4Base */ @Prop() public pViewCtx!: any; /** * 视图操作参数 * * @type {*} * @memberof Main4Base */ public viewCtx: any = {}; /** * 监听视图操作参数变化 * * @type {*} * @memberof Main4Base */ @Watch('pViewCtx', { immediate: true }) public onViewCtxChange(newVal: any, oldVal: any) { Object.assign(this.viewCtx, newVal, { xData: this, ctrl: this }); } /** * 视图状态事件 * * @public * @type {(Subscription | undefined)} * @memberof Main4Base */ public viewStateEvent: Subscription | undefined; /** * 获取部件类型 * * @returns {string} * @memberof Main4Base */ public getControlType(): string { return 'FORM' } /** * 计数器服务对象集合 * * @type {Array<*>} * @memberof Main4Base */ public counterServiceArray:Array<any> = []; /** * 建构部件服务对象 * * @type {Main4Service} * @memberof Main4Base */ public service: Main4Service = new Main4Service({ $store: this.$store }); /** * 实体服务对象 * * @type {IBIZSample0001Service} * @memberof Main4Base */ public appEntityService: IBIZSample0001EntityService = new IBIZSample0001EntityService({ $store: this.$store }); /** * 转化数据 * * @param {any} args * @memberof Main4Base */ public transformData(args: any) { let _this: any = this; if(_this.service && _this.service.handleRequestData instanceof Function && _this.service.handleRequestData('transform',_this.context,args)){ return _this.service.handleRequestData('transform',_this.context,args)['data']; } } /** * 关闭视图 * * @param {any} args * @memberof Main4Base */ public closeView(args: any): void { let _this: any = this; _this.$emit('closeview', [args]); } /** * 计数器刷新 * * @memberof Main4Base */ public counterRefresh(){ const _this:any =this; if(_this.counterServiceArray && _this.counterServiceArray.length >0){ _this.counterServiceArray.forEach((item:any) =>{ if(item.refreshData && item.refreshData instanceof Function){ item.refreshData(); } }) } } /** * 处理部件事件 * * @memberof Main4Base */ public async handleCtrlEvents(eventName: string, args: any = {}): Promise<boolean> { const actionData = { data: this.getData() || {}, context: Util.deepCopy(this.context), viewparams: Util.deepCopy(this.viewparams), xData: this } let result: boolean = true; Object.assign(actionData, args); if (!result) { return false; } this.$emit(eventName, actionData); return true; } /** * 视图默认使用 * * @type {string} * @memberof Main4Base */ @Inject({from:'navModel',default: 'tab'}) public navModel!:string; /** * 主键表单项名称 * * @protected * @type {string} * @memberof Main4Base */ public formKeyItemName: string = ''; /** * 是否自动加载 * * @type {boolean} * @memberof Main4Base */ @Prop({default:false}) public isautoload?:boolean; /** * 界面UI服务对象 * * @type {IBIZSample0001UIService} * @memberof Main4Base */ public appUIService:IBIZSample0001UIService = new IBIZSample0001UIService(); /** * 工作流审批意见控件绑定值 * * @memberof Main4Base */ public srfwfmemo:string = ""; /** * 获取多项数据 * * @returns {any[]} * @memberof Main4Base */ public getDatas(): any[] { return [this.data]; } /** * 获取单项树 * * @returns {*} * @memberof Main4Base */ public getData(): any { return this.data; } /** * 是否默认保存 * * @type {boolean} * @memberof Main4Base */ @Prop({ default: false }) public autosave?: boolean; /** * 显示处理提示 * * @type {boolean} * @memberof Main4Base */ @Prop({ default: true }) public showBusyIndicator?: boolean; /** * 部件行为--submit * * @type {string} * @memberof Main4Base */ @Prop() public WFSubmitAction!: string; /** * 部件行为--start * * @type {string} * @memberof Main4Base */ @Prop() public WFStartAction!: string; /** * 部件行为--update * * @type {string} * @memberof Main4Base */ @Prop() public updateAction!: string; /** * 部件行为--remove * * @type {string} * @memberof Main4Base */ @Prop() public removeAction!: string; /** * 部件行为--loaddraft * * @type {string} * @memberof Main4Base */ @Prop() public loaddraftAction!: string; /** * 部件行为--load * * @type {string} * @memberof Main4Base */ @Prop() public loadAction!: string; /** * 部件行为--create * * @type {string} * @memberof Main4Base */ @Prop() public createAction!: string; /** * 部件行为--create * * @type {string} * @memberof Main4Base */ @Prop() public searchAction!: string; /** * 视图标识 * * @type {string} * @memberof Main4Base */ @Prop() public viewtag!: string; /** * 表单状态 * * @type {Subject<any>} * @memberof Main4Base */ public formState: Subject<any> = new Subject(); /** * 忽略表单项值变化 * * @type {boolean} * @memberof Main4Base */ public ignorefieldvaluechange: boolean = false; /** * 数据变化 * * @public * @type {Subject<any>} * @memberof Main4Base */ public dataChang: Subject<any> = new Subject(); /** * 视图状态事件 * * @public * @type {(Subscription | undefined)} * @memberof Main4Base */ public dataChangEvent: Subscription | undefined; /** * 原始数据 * * @public * @type {*} * @memberof Main4Base */ public oldData: any = {}; /** * 混入表单数据对象 * * @type {*} * @memberof Main4Base */ public mixinData:any = {}; /** * 表单项校验错误提示信息 * * @memberof Main4Base */ public errorMessages: Array<any> = []; /** * 应用状态事件 * * @public * @type {(Subscription | undefined)} * @memberof Main4Base */ public appStateEvent: Subscription | undefined; /** * 设置表单项错误提示信息 * * @param {*} prop 表单项字段名 * @param {*} status 校验状态 * @param {*} error 错误信息 * @memberof Main4Base */ public formItemValidate(prop: string,status: boolean, error: string){ error = error ? error : ''; if(this.errorMessages && this.errorMessages.length > 0){ const index = this.errorMessages.findIndex((errorMessage:any) => Object.is(errorMessage.prop,prop)); if(index != -1){ this.errorMessages[index].error = error; }else{ this.errorMessages.push({prop: prop,error: error}); } }else{ this.errorMessages.push({prop: prop,error: error}); } } /** * 表单数据对象 * * @type {*} * @memberof Main4Base */ public data: any = { srfupdatedate: null, srforikey: null, srfkey: null, srfmajortext: null, srftempmode: null, srfuf: null, srfdeid: null, srfsourcekey: null, f1: null, field2: null, f2: null, formitem1: null, formitem2: null, formitem3: null, formitem4: null, f5: null, f6: null, f8: null, f7: null, f3: null, f4: null, f34: null, f9: null, f10: null, f11: null, f12: null, f13: null, f14: null, f15: null, f16: null, f17: null, f18: null, f19: null, f20: null, f21: null, f22: null, f23: null, f35: null, f36: null, f37: null, f24: null, f25: null, f26: null, f27: null, formitem28: null, f29: null, formitem5: null, formitem6: null, formitem: null, ibizsample0002id: null, f30: null, f31: null, f32: null, f33: null, ibizsample0001id: null, ibizsample0001:null, }; /** * 当前执行的行为逻辑 * * @type {string} * @memberof Main4Base */ public currentAction: string = ""; /** * 关系界面计数器 * * @type {number} * @memberof Main4Base */ public drcounter: number = 0; /** * 需要等待关系界面保存时,第一次调用save参数的备份 * * @type {number} * @memberof Main4Base */ public drsaveopt: any = {}; /** * 表单保存回调存储对象 * * @type {any} * @memberof Main4Base */ public saveState:any ; /** * 主信息属性映射表单项名称 * * @type {string} * @memberof Main4Base */ public majorMessageField: string = ""; /** * 值规则 * * @type {*} * @memberof Main4Base */ public rules() :any { return { f1: [ { required: this.detailsModel.f1.required, type: 'string', message: '文本框 值不能为空', trigger: 'change' }, { required: this.detailsModel.f1.required, type: 'string', message: '文本框 值不能为空', trigger: 'blur' }, ], field2: [ { required: this.detailsModel.field2.required, type: 'number', message: '数值框 值不能为空', trigger: 'change' }, { required: this.detailsModel.field2.required, type: 'number', message: '数值框 值不能为空', trigger: 'blur' }, ], f2: [ { required: this.detailsModel.f2.required, type: 'string', message: '密码框 值不能为空', trigger: 'change' }, { required: this.detailsModel.f2.required, type: 'string', message: '密码框 值不能为空', trigger: 'blur' }, ], formitem1: [ { required: this.detailsModel.formitem1.required, type: 'string', message: '步进器 值不能为空', trigger: 'change' }, { required: this.detailsModel.formitem1.required, type: 'string', message: '步进器 值不能为空', trigger: 'blur' }, ], formitem2: [ { required: this.detailsModel.formitem2.required, type: 'string', message: '开关控件 值不能为空', trigger: 'change' }, { required: this.detailsModel.formitem2.required, type: 'string', message: '开关控件 值不能为空', trigger: 'blur' }, ], formitem3: [ { required: this.detailsModel.formitem3.required, type: 'string', message: '滑动输入条 值不能为空', trigger: 'change' }, { required: this.detailsModel.formitem3.required, type: 'string', message: '滑动输入条 值不能为空', trigger: 'blur' }, ], formitem4: [ { required: this.detailsModel.formitem4.required, type: 'string', message: '评分器 值不能为空', trigger: 'change' }, { required: this.detailsModel.formitem4.required, type: 'string', message: '评分器 值不能为空', trigger: 'blur' }, ], f5: [ { required: this.detailsModel.f5.required, type: 'string', message: 'IP地址输入框 值不能为空', trigger: 'change' }, { required: this.detailsModel.f5.required, type: 'string', message: 'IP地址输入框 值不能为空', trigger: 'blur' }, ], f6: [ { required: this.detailsModel.f6.required, type: 'string', message: '直接内容 值不能为空', trigger: 'change' }, { required: this.detailsModel.f6.required, type: 'string', message: '直接内容 值不能为空', trigger: 'blur' }, ], f8: [ { required: this.detailsModel.f8.required, type: 'string', message: '标签(旧) 值不能为空', trigger: 'change' }, { required: this.detailsModel.f8.required, type: 'string', message: '标签(旧) 值不能为空', trigger: 'blur' }, ], f7: [ { required: this.detailsModel.f7.required, type: 'string', message: '标签 值不能为空', trigger: 'change' }, { required: this.detailsModel.f7.required, type: 'string', message: '标签 值不能为空', trigger: 'blur' }, ], f3: [ { required: this.detailsModel.f3.required, type: 'string', message: '多行输入框 值不能为空', trigger: 'change' }, { required: this.detailsModel.f3.required, type: 'string', message: '多行输入框 值不能为空', trigger: 'blur' }, ], f4: [ { required: this.detailsModel.f4.required, type: 'string', message: '多行输入框(10行) 值不能为空', trigger: 'change' }, { required: this.detailsModel.f4.required, type: 'string', message: '多行输入框(10行) 值不能为空', trigger: 'blur' }, ], f34: [ { required: this.detailsModel.f34.required, type: 'string', message: 'HTML编辑框 值不能为空', trigger: 'change' }, { required: this.detailsModel.f34.required, type: 'string', message: 'HTML编辑框 值不能为空', trigger: 'blur' }, ], f9: [ { required: this.detailsModel.f9.required, type: 'string', message: '下拉列表框 值不能为空', trigger: 'change' }, { required: this.detailsModel.f9.required, type: 'string', message: '下拉列表框 值不能为空', trigger: 'blur' }, ], f10: [ { required: this.detailsModel.f10.required, type: 'string', message: '下拉列表框(100宽度) 值不能为空', trigger: 'change' }, { required: this.detailsModel.f10.required, type: 'string', message: '下拉列表框(100宽度) 值不能为空', trigger: 'blur' }, ], f11: [ { required: this.detailsModel.f11.required, type: 'string', message: '选项框 值不能为空', trigger: 'change' }, { required: this.detailsModel.f11.required, type: 'string', message: '选项框 值不能为空', trigger: 'blur' }, ], f12: [ { required: this.detailsModel.f12.required, type: 'string', message: '单选项列表 值不能为空', trigger: 'change' }, { required: this.detailsModel.f12.required, type: 'string', message: '单选项列表 值不能为空', trigger: 'blur' }, ], f13: [ { required: this.detailsModel.f13.required, type: 'string', message: '选项框列表 值不能为空', trigger: 'change' }, { required: this.detailsModel.f13.required, type: 'string', message: '选项框列表 值不能为空', trigger: 'blur' }, ], f14: [ { required: this.detailsModel.f14.required, type: 'string', message: '列表框 值不能为空', trigger: 'change' }, { required: this.detailsModel.f14.required, type: 'string', message: '列表框 值不能为空', trigger: 'blur' }, ], f15: [ { required: this.detailsModel.f15.required, type: 'string', message: '列表框(选择) 值不能为空', trigger: 'change' }, { required: this.detailsModel.f15.required, type: 'string', message: '列表框(选择) 值不能为空', trigger: 'blur' }, ], f16: [ { required: this.detailsModel.f16.required, type: 'string', message: '时间选择控件 值不能为空', trigger: 'change' }, { required: this.detailsModel.f16.required, type: 'string', message: '时间选择控件 值不能为空', trigger: 'blur' }, ], f17: [ { required: this.detailsModel.f17.required, type: 'string', message: '时间选择控件_无小时 值不能为空', trigger: 'change' }, { required: this.detailsModel.f17.required, type: 'string', message: '时间选择控件_无小时 值不能为空', trigger: 'blur' }, ], f18: [ { required: this.detailsModel.f18.required, type: 'string', message: '时间选择控件_无日期 值不能为空', trigger: 'change' }, { required: this.detailsModel.f18.required, type: 'string', message: '时间选择控件_无日期 值不能为空', trigger: 'blur' }, ], f19: [ { required: this.detailsModel.f19.required, type: 'string', message: '时间选择控件_小时 值不能为空', trigger: 'change' }, { required: this.detailsModel.f19.required, type: 'string', message: '时间选择控件_小时 值不能为空', trigger: 'blur' }, ], f20: [ { required: this.detailsModel.f20.required, type: 'string', message: '时间选择控件_分钟 值不能为空', trigger: 'change' }, { required: this.detailsModel.f20.required, type: 'string', message: '时间选择控件_分钟 值不能为空', trigger: 'blur' }, ], f21: [ { required: this.detailsModel.f21.required, type: 'string', message: '时间选择控件_秒钟 值不能为空', trigger: 'change' }, { required: this.detailsModel.f21.required, type: 'string', message: '时间选择控件_秒钟 值不能为空', trigger: 'blur' }, ], f22: [ { required: this.detailsModel.f22.required, type: 'string', message: '时间选择控件_无日期无秒钟 值不能为空', trigger: 'change' }, { required: this.detailsModel.f22.required, type: 'string', message: '时间选择控件_无日期无秒钟 值不能为空', trigger: 'blur' }, ], f23: [ { required: this.detailsModel.f23.required, type: 'string', message: '时间选择器(新) 值不能为空', trigger: 'change' }, { required: this.detailsModel.f23.required, type: 'string', message: '时间选择器(新) 值不能为空', trigger: 'blur' }, ], f35: [ { required: this.detailsModel.f35.required, type: 'string', message: '图片控件(单项) 值不能为空', trigger: 'change' }, { required: this.detailsModel.f35.required, type: 'string', message: '图片控件(单项) 值不能为空', trigger: 'blur' }, ], f36: [ { required: this.detailsModel.f36.required, type: 'string', message: '图片控件 值不能为空', trigger: 'change' }, { required: this.detailsModel.f36.required, type: 'string', message: '图片控件 值不能为空', trigger: 'blur' }, ], f37: [ { required: this.detailsModel.f37.required, type: 'string', message: '文件上传控件 值不能为空', trigger: 'change' }, { required: this.detailsModel.f37.required, type: 'string', message: '文件上传控件 值不能为空', trigger: 'blur' }, ], f24: [ { required: this.detailsModel.f24.required, type: 'string', message: '数据选择 值不能为空', trigger: 'change' }, { required: this.detailsModel.f24.required, type: 'string', message: '数据选择 值不能为空', trigger: 'blur' }, ], f25: [ { required: this.detailsModel.f25.required, type: 'string', message: '数据选择(数据链接) 值不能为空', trigger: 'change' }, { required: this.detailsModel.f25.required, type: 'string', message: '数据选择(数据链接) 值不能为空', trigger: 'blur' }, ], f26: [ { required: this.detailsModel.f26.required, type: 'string', message: '数据选择(无AC) 值不能为空', trigger: 'change' }, { required: this.detailsModel.f26.required, type: 'string', message: '数据选择(无AC) 值不能为空', trigger: 'blur' }, ], f27: [ { required: this.detailsModel.f27.required, type: 'string', message: '数据选择(无AC、数据链接) 值不能为空', trigger: 'change' }, { required: this.detailsModel.f27.required, type: 'string', message: '数据选择(无AC、数据链接) 值不能为空', trigger: 'blur' }, ], formitem28: [ { required: this.detailsModel.formitem28.required, type: 'string', message: '数据选择(下拉) 值不能为空', trigger: 'change' }, { required: this.detailsModel.formitem28.required, type: 'string', message: '数据选择(下拉) 值不能为空', trigger: 'blur' }, ], f29: [ { required: this.detailsModel.f29.required, type: 'string', message: '数据选择(下拉、数据链接) 值不能为空', trigger: 'change' }, { required: this.detailsModel.f29.required, type: 'string', message: '数据选择(下拉、数据链接) 值不能为空', trigger: 'blur' }, ], formitem5: [ { required: this.detailsModel.formitem5.required, type: 'string', message: '数据链接 值不能为空', trigger: 'change' }, { required: this.detailsModel.formitem5.required, type: 'string', message: '数据链接 值不能为空', trigger: 'blur' }, ], formitem6: [ { required: this.detailsModel.formitem6.required, type: 'string', message: '地址框(支持选择、AC) 值不能为空', trigger: 'change' }, { required: this.detailsModel.formitem6.required, type: 'string', message: '地址框(支持选择、AC) 值不能为空', trigger: 'blur' }, ], formitem: [ { required: this.detailsModel.formitem.required, type: 'string', message: '地址栏(选择) 值不能为空', trigger: 'change' }, { required: this.detailsModel.formitem.required, type: 'string', message: '地址栏(选择) 值不能为空', trigger: 'blur' }, ], f30: [ { required: this.detailsModel.f30.required, type: 'string', message: '自动填充 值不能为空', trigger: 'change' }, { required: this.detailsModel.f30.required, type: 'string', message: '自动填充 值不能为空', trigger: 'blur' }, ], } } /** * 属性值规则 * * @type {*} * @memberof Main4Base */ public deRules(){ return { } } /** * 校验属性值规则 * * @public * @param {{ name: string }} { name } * @memberof Main4Base */ public verifyDeRules(name:string,rule:any = this.deRules(),op:string = "AND") :{isPast:boolean,infoMessage:string}{ let falg:any = {infoMessage:""}; if(!rule[name]){ return falg; } let opValue = op == 'AND'? true :false; let startOp = (val:boolean)=>{ if(falg.isPast){ if(opValue){ falg.isPast = falg.isPast && val; }else{ falg.isPast = falg.isPast || val; } }else{ falg.isPast = val; } } for(let i=0;i<rule[name].length;i++){ let item:any = rule[name][i]; let dataValue = item.deName?this.data[this.service.getItemNameByDeName(item.deName)]:""; item.ruleInfo = item.ruleInfo ? item.ruleInfo : this.$t('app.formpage.valuecheckex'); if((dataValue === null || dataValue === undefined || dataValue === "") && (item.type != 'GROUP')){ startOp(true); return falg; } try { // 常规规则 if(item.type == 'SIMPLE'){ startOp(!this.$verify.checkFieldSimpleRule(dataValue,item.condOP,item.paramValue,item.ruleInfo,item.paramType,this.data,item.isKeyCond)); falg.infoMessage = item.ruleInfo; if(!falg.isPast) return falg; } // 数值范围 if(item.type == 'VALUERANGE2'){ startOp( !this.$verify.checkFieldValueRangeRule(dataValue,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond)); falg.infoMessage = item.ruleInfo; if(!falg.isPast) return falg; } // 正则式 if (item.type == "REGEX") { startOp(!this.$verify.checkFieldRegExRule(dataValue,item.regExCode,item.ruleInfo,item.isKeyCond)); falg.infoMessage = item.ruleInfo; if(!falg.isPast) return falg; } // 长度 if (item.type == "STRINGLENGTH") { startOp(!this.$verify.checkFieldStringLengthRule(dataValue,item.minValue,item.isIncludeMinValue,item.maxValue,item.isIncludeMaxValue,item.ruleInfo,item.isKeyCond)); falg.infoMessage = item.ruleInfo; if(!falg.isPast) return falg; } // 系统值规则 if(item.type == "SYSVALUERULE") { startOp(!this.$verify.checkFieldSysValueRule(dataValue,item.sysRule.regExCode,item.ruleInfo,item.isKeyCond)); falg.infoMessage = item.ruleInfo; if(!falg.isPast) return falg; } } catch(error) { falg.infoMessage = item.ruleInfo; startOp(false); if(!falg.isPast) return falg; } // 分组 if(item.type == 'GROUP'){ falg = this.verifyDeRules('group',item,item.condOP?item.condOP:"AND"); if(item.isNotMode){ falg.isPast = !falg.isPast; } if(!falg.isPast) return falg; } } if(!falg.hasOwnProperty("isPast")){ falg.isPast = true; } if(!this.data[name] && this.data[name] != 0){ falg.isPast = true; } return falg; } /** * 详情模型集合 * * @type {*} * @memberof Main4Base */ public detailsModel: any = { grouppanel7: new FormGroupPanelModel({ caption: '基础类', detailType: 'GROUPPANEL', name: 'grouppanel7', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: [] }) , grouppanel3: new FormGroupPanelModel({ caption: '选择类', detailType: 'GROUPPANEL', name: 'grouppanel3', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: [] }) , grouppanel2: new FormGroupPanelModel({ caption: '时间类', detailType: 'GROUPPANEL', name: 'grouppanel2', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: [] }) , grouppanel5: new FormGroupPanelModel({ caption: '文件上传类', detailType: 'GROUPPANEL', name: 'grouppanel5', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: [] }) , grouppanel1: new FormGroupPanelModel({ caption: '数据选择类', detailType: 'GROUPPANEL', name: 'grouppanel1', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: [] }) , grouppanel4: new FormGroupPanelModel({ caption: '自动填充类', detailType: 'GROUPPANEL', name: 'grouppanel4', visible: true, isShowCaption: true, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: [] }) , group1: new FormGroupPanelModel({ caption: '编辑器', detailType: 'GROUPPANEL', name: 'group1', visible: true, isShowCaption: false, form: this, isControlledContent: false , uiActionGroup: { caption: '', langbase: 'entities.ibizsample0001.main4_form', extractMode: 'ITEM', details: [] }, isManageContainer: false, showMoreModeItems: [] }) , formpage1: new FormPageModel({ caption: '基本信息', detailType: 'FORMPAGE', name: 'formpage1', visible: true, isShowCaption: true, form: this, isControlledContent: false }) , srfupdatedate: new FormItemModel({ caption: '更新时间', detailType: 'FORMITEM', name: 'srfupdatedate', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , srforikey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srforikey', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , srfkey: new FormItemModel({ caption: 'IBIZSAMPLE0001标识', detailType: 'FORMITEM', name: 'srfkey', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , srfmajortext: new FormItemModel({ caption: '名称', detailType: 'FORMITEM', name: 'srfmajortext', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , srftempmode: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srftempmode', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , srfuf: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfuf', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , srfdeid: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfdeid', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , srfsourcekey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfsourcekey', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f1: new FormItemModel({ caption: '文本框', detailType: 'FORMITEM', name: 'f1', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , field2: new FormItemModel({ caption: '数值框', detailType: 'FORMITEM', name: 'field2', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f2: new FormItemModel({ caption: '密码框', detailType: 'FORMITEM', name: 'f2', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , formitem1: new FormItemModel({ caption: '步进器', detailType: 'FORMITEM', name: 'formitem1', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , formitem2: new FormItemModel({ caption: '开关控件', detailType: 'FORMITEM', name: 'formitem2', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , formitem3: new FormItemModel({ caption: '滑动输入条', detailType: 'FORMITEM', name: 'formitem3', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , formitem4: new FormItemModel({ caption: '评分器', detailType: 'FORMITEM', name: 'formitem4', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f5: new FormItemModel({ caption: 'IP地址输入框', detailType: 'FORMITEM', name: 'f5', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f6: new FormItemModel({ caption: '直接内容', detailType: 'FORMITEM', name: 'f6', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f8: new FormItemModel({ caption: '标签(旧)', detailType: 'FORMITEM', name: 'f8', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f7: new FormItemModel({ caption: '标签', detailType: 'FORMITEM', name: 'f7', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f3: new FormItemModel({ caption: '多行输入框', detailType: 'FORMITEM', name: 'f3', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f4: new FormItemModel({ caption: '多行输入框(10行)', detailType: 'FORMITEM', name: 'f4', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f34: new FormItemModel({ caption: 'HTML编辑框', detailType: 'FORMITEM', name: 'f34', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f9: new FormItemModel({ caption: '下拉列表框', detailType: 'FORMITEM', name: 'f9', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f10: new FormItemModel({ caption: '下拉列表框(100宽度)', detailType: 'FORMITEM', name: 'f10', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f11: new FormItemModel({ caption: '选项框', detailType: 'FORMITEM', name: 'f11', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f12: new FormItemModel({ caption: '单选项列表', detailType: 'FORMITEM', name: 'f12', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f13: new FormItemModel({ caption: '选项框列表', detailType: 'FORMITEM', name: 'f13', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f14: new FormItemModel({ caption: '列表框', detailType: 'FORMITEM', name: 'f14', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f15: new FormItemModel({ caption: '列表框(选择)', detailType: 'FORMITEM', name: 'f15', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f16: new FormItemModel({ caption: '时间选择控件', detailType: 'FORMITEM', name: 'f16', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f17: new FormItemModel({ caption: '时间选择控件_无小时', detailType: 'FORMITEM', name: 'f17', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f18: new FormItemModel({ caption: '时间选择控件_无日期', detailType: 'FORMITEM', name: 'f18', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f19: new FormItemModel({ caption: '时间选择控件_小时', detailType: 'FORMITEM', name: 'f19', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f20: new FormItemModel({ caption: '时间选择控件_分钟', detailType: 'FORMITEM', name: 'f20', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f21: new FormItemModel({ caption: '时间选择控件_秒钟', detailType: 'FORMITEM', name: 'f21', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f22: new FormItemModel({ caption: '时间选择控件_无日期无秒钟', detailType: 'FORMITEM', name: 'f22', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f23: new FormItemModel({ caption: '时间选择器(新)', detailType: 'FORMITEM', name: 'f23', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f35: new FormItemModel({ caption: '图片控件(单项)', detailType: 'FORMITEM', name: 'f35', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f36: new FormItemModel({ caption: '图片控件', detailType: 'FORMITEM', name: 'f36', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f37: new FormItemModel({ caption: '文件上传控件', detailType: 'FORMITEM', name: 'f37', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f24: new FormItemModel({ caption: '数据选择', detailType: 'FORMITEM', name: 'f24', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f25: new FormItemModel({ caption: '数据选择(数据链接)', detailType: 'FORMITEM', name: 'f25', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f26: new FormItemModel({ caption: '数据选择(无AC)', detailType: 'FORMITEM', name: 'f26', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f27: new FormItemModel({ caption: '数据选择(无AC、数据链接)', detailType: 'FORMITEM', name: 'f27', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , formitem28: new FormItemModel({ caption: '数据选择(下拉)', detailType: 'FORMITEM', name: 'formitem28', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f29: new FormItemModel({ caption: '数据选择(下拉、数据链接)', detailType: 'FORMITEM', name: 'f29', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , formitem5: new FormItemModel({ caption: '数据链接', detailType: 'FORMITEM', name: 'formitem5', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , formitem6: new FormItemModel({ caption: '地址框(支持选择、AC)', detailType: 'FORMITEM', name: 'formitem6', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , formitem: new FormItemModel({ caption: '地址栏(选择)', detailType: 'FORMITEM', name: 'formitem', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , ibizsample0002id: new FormItemModel({ caption: '值项表单项', detailType: 'FORMITEM', name: 'ibizsample0002id', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f30: new FormItemModel({ caption: '自动填充', detailType: 'FORMITEM', name: 'f30', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f31: new FormItemModel({ caption: '自动填充(只能选择)', detailType: 'FORMITEM', name: 'f31', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f32: new FormItemModel({ caption: '自动填充(无按钮)', detailType: 'FORMITEM', name: 'f32', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , f33: new FormItemModel({ caption: '自动填充(只能选择、无按钮)', detailType: 'FORMITEM', name: 'f33', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , ibizsample0001id: new FormItemModel({ caption: 'IBIZSAMPLE0001标识', detailType: 'FORMITEM', name: 'ibizsample0001id', visible: true, isShowCaption: true, form: this, isControlledContent: false , required:false, disabled: false, enableCond: 3 }) , }; /** * 监控表单属性 srfupdatedate 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.srfupdatedate') onSrfupdatedateChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfupdatedate', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srforikey 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.srforikey') onSrforikeyChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srforikey', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfkey 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.srfkey') onSrfkeyChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfkey', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfmajortext 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.srfmajortext') onSrfmajortextChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfmajortext', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srftempmode 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.srftempmode') onSrftempmodeChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srftempmode', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfuf 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.srfuf') onSrfufChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfuf', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfdeid 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.srfdeid') onSrfdeidChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfdeid', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfsourcekey 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.srfsourcekey') onSrfsourcekeyChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfsourcekey', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f1 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f1') onF1Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f1', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 field2 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.field2') onField2Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'field2', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f2 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f2') onF2Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f2', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 formitem1 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.formitem1') onFormitem1Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'formitem1', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 formitem2 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.formitem2') onFormitem2Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'formitem2', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 formitem3 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.formitem3') onFormitem3Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'formitem3', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 formitem4 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.formitem4') onFormitem4Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'formitem4', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f5 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f5') onF5Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f5', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f6 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f6') onF6Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f6', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f8 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f8') onF8Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f8', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f7 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f7') onF7Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f7', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f3 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f3') onF3Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f3', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f4 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f4') onF4Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f4', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f34 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f34') onF34Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f34', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f9 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f9') onF9Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f9', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f10 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f10') onF10Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f10', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f11 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f11') onF11Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f11', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f12 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f12') onF12Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f12', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f13 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f13') onF13Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f13', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f14 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f14') onF14Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f14', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f15 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f15') onF15Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f15', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f16 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f16') onF16Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f16', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f17 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f17') onF17Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f17', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f18 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f18') onF18Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f18', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f19 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f19') onF19Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f19', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f20 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f20') onF20Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f20', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f21 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f21') onF21Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f21', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f22 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f22') onF22Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f22', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f23 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f23') onF23Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f23', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f35 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f35') onF35Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f35', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f36 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f36') onF36Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f36', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f37 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f37') onF37Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f37', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f24 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f24') onF24Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f24', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f25 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f25') onF25Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f25', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f26 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f26') onF26Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f26', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f27 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f27') onF27Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f27', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 formitem28 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.formitem28') onFormitem28Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'formitem28', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f29 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f29') onF29Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f29', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 formitem5 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.formitem5') onFormitem5Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'formitem5', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 formitem6 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.formitem6') onFormitem6Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'formitem6', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 formitem 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.formitem') onFormitemChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'formitem', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 ibizsample0002id 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.ibizsample0002id') onIbizsample0002idChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'ibizsample0002id', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f30 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f30') onF30Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f30', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f31 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f31') onF31Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f31', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f32 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f32') onF32Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f32', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 f33 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.f33') onF33Change(newVal: any, oldVal: any) { this.formDataChange({ name: 'f33', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 ibizsample0001id 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main4Base */ @Watch('data.ibizsample0001id') onIbizsample0001idChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'ibizsample0001id', newVal: newVal, oldVal: oldVal }); } /** * 显示更多模式切换操作 * * @type {string} * @memberof Main4Base */ public manageContainerClick(name: string){ let model = this.detailsModel[name]; if(model.isManageContainer){ model.setManageContainerStatus(!model.manageContainerStatus); model.showMoreModeItems.forEach((item:any) => { if(this.detailsModel[item].isControlledContent){ this.detailsModel[item].setVisible(model.manageContainerStatus? this.detailsModel[item].oldVisible : false); } }); } } /** * 重置表单项值 * * @public * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal } * @memberof Main4Base */ public resetFormData({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void { } /** * 置空对象 * * @param {any[]} args * @memberof Main4Base */ public ResetData(_datas:any){ if(Object.keys(_datas).length >0){ Object.keys(_datas).forEach((name: string) => { if (this.data.hasOwnProperty(name)) { this.data[name] = null; } }); } } /** * 表单逻辑 * * @public * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal } * @memberof Main4Base */ public async formLogic({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }){ } /** * 表单项检查逻辑 * * @public * @param name 属性名 * @memberof Main4Base */ public checkItem(name:string):Promise<any> { return new Promise((resolve, reject) => { var validator = new schema({[name]:this.rules()[name]}); validator.validate({[name]:this.data[name]}).then(()=>{ resolve(true); }) .catch(() => { resolve(false); });; }) } /** * 表单值变化 * * @public * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal } * @returns {void} * @memberof Main4Base */ public formDataChange({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void { if (this.ignorefieldvaluechange) { return; } this.resetFormData({ name: name, newVal: newVal, oldVal: oldVal }); this.formLogic({ name: name, newVal: newVal, oldVal: oldVal }); this.dataChang.next(JSON.stringify(this.data)); } /** * 表单加载完成 * * @public * @param {*} [data={}] * @param {string} [action] * @memberof Main4Base */ public onFormLoad(data: any = {},action:string): void { if(Object.is(action,"save") || Object.is(action,"autoSave") || Object.is(action,"submit")) // 更新context的实体主键 if(data.ibizsample0001){ Object.assign(this.context,{ibizsample0001:data.ibizsample0001}) } this.setFormEnableCond(data); this.computeButtonState(data); this.fillForm(data,action); this.oldData = {}; Object.assign(this.oldData, JSON.parse(JSON.stringify(this.data))); this.$store.commit('viewaction/setViewDataChange', { viewtag: this.viewtag, viewdatachange: false }); this.formLogic({ name: '', newVal: null, oldVal: null }); } /** * 值填充 * * @param {*} [_datas={}] * @param {string} [action] * @memberof Main4Base */ public fillForm(_datas: any = {},action:string): void { this.mixinData = _datas; this.ignorefieldvaluechange = true; Object.keys(_datas).forEach((name: string) => { if (this.data.hasOwnProperty(name)) { this.data[name] = _datas[name]; } }); if(Object.is(action,'loadDraft')){ this.createDefault(); } if(Object.is(action,'load')){ this.updateDefault(); } this.$nextTick(function () { this.ignorefieldvaluechange = false; }) } /** * 设置表单项是否启用 * * @public * @param {*} data * @memberof Main4Base */ public setFormEnableCond(data: any): void { Object.values(this.detailsModel).forEach((detail: any) => { if (!Object.is(detail.detailType, 'FORMITEM')) { return; } const formItem: FormItemModel = detail; formItem.setEnableCond(data.srfuf); }); } /** * 重置草稿表单状态 * * @public * @memberof Main4Base */ public resetDraftFormStates(): void { const form: any = this.$refs.form; if (form) { form.resetFields(); } } /** * 重置校验结果 * * @memberof Main4Base */ public resetValidates(): void { Object.values(this.detailsModel).forEach((detail: any) => { if (!Object.is(detail.detailType, 'FORMITEM')) { return; } const formItem: FormItemModel = detail; formItem.setError(''); }); } /** * 填充校验结果 (后台) * * @param {any[]} fieldErrors * @memberof Main4Base */ public fillValidates(fieldErrors: any[]): void { fieldErrors.forEach((error: any) => { const formItem: FormItemModel = this.detailsModel[error.field]; if (!formItem) { return; } this.$nextTick(() => { formItem.setError(error.message); }); }); } /** * 表单校验状态 * * @returns {boolean} * @memberof Main4Base */ public formValidateStatus(): boolean { const form: any = this.$refs.form; let validatestate: boolean = true; form.validate((valid: boolean) => { validatestate = valid ? true : false; }); return validatestate } /** * 获取全部值 * * @returns {*} * @memberof Main4Base */ public getValues(): any { return this.data; } /** * 表单项值变更 * * @param {{ name: string, value: any }} $event * @returns {void} * @memberof Main4Base */ public onFormItemValueChange($event: { name: string, value: any }): void { if (!$event) { return; } if (!$event.name || Object.is($event.name, '') || !this.data.hasOwnProperty($event.name)) { return; } this.data[$event.name] = $event.value; } /** * 编辑器行为触发 * * @param {*} arg * @returns {void} * @memberof Main4Base */ public onFormItemActionClick(arg:any){ if(arg && (arg instanceof Function)) arg(); } /** * 设置数据项值 * * @param {string} name * @param {*} value * @returns {void} * @memberof Main4Base */ public setDataItemValue(name: string, value: any): void { if (!name || Object.is(name, '') || !this.data.hasOwnProperty(name)) { return; } if (Object.is(this.data[name], value)) { return; } this.data[name] = value; } /** * 计算表单按钮权限状态 * * @param {*} [data] 传入数据 * @memberof Main4Base */ public computeButtonState(data:any){ let targetData:any = this.transformData(data); if(this.detailsModel && Object.keys(this.detailsModel).length >0){ Object.keys(this.detailsModel).forEach((name:any) =>{ if(this.detailsModel[name] && this.detailsModel[name].uiaction && this.detailsModel[name].uiaction.dataaccaction && Object.is(this.detailsModel[name].detailType,"BUTTON")){ this.detailsModel[name].isPower = true; let tempUIAction:any = JSON.parse(JSON.stringify(this.detailsModel[name].uiaction)); let result: any[] = ViewTool.calcActionItemAuthState(targetData,[tempUIAction],this.appUIService); this.detailsModel[name].visible = tempUIAction.visabled; this.detailsModel[name].disabled = tempUIAction.disabled; this.detailsModel[name].isPower = result[0] === 1 ? true : false; } }) } } /** * 分组界面行为事件 * * @param {*} $event * @memberof Main4Base */ public groupUIActionClick($event: any): void { if (!$event) { return; } const item:any = $event.item; } /** * Vue声明周期(处理组件的输入属性) * * @memberof Main4Base */ public created(): void { this.afterCreated(); } /** * 执行created后的逻辑 * * @memberof Main4Base */ public afterCreated(){ if(this.isautoload){ this.autoLoad({srfkey:this.context.ibizsample0001}); } if (this.viewState) { this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => { if (!Object.is(tag, this.name)) { return; } if (Object.is('autoload', action)) { this.autoLoad(data); } if (Object.is('load', action)) { this.load(data); } if (Object.is('loaddraft', action)) { this.loadDraft(data); } if (Object.is('save', action)) { this.save(data,data.showResultInfo); } if (Object.is('remove', action)) { this.remove(data); } if (Object.is('saveandexit', action)) { this.saveAndExit(data); } if (Object.is('saveandnew', action)) { this.saveAndNew(data); } if (Object.is('removeandexit', action)) { this.removeAndExit(data); } if (Object.is('refresh', action)) { this.refresh(data); } if (Object.is('panelaction', action)) { this.panelAction(data.action,data.emitAction,data.data); } }); } this.dataChangEvent = this.dataChang .pipe( debounceTime(300), distinctUntilChanged() ).subscribe((data: any) => { if (this.autosave) { this.autoSave(); } const state = !Object.is(JSON.stringify(this.oldData), JSON.stringify(this.data)) ? true : false; this.$store.commit('viewaction/setViewDataChange', { viewtag: this.viewtag, viewdatachange: state }); }); } /** * vue 生命周期 * * @memberof Main4Base */ public destroyed() { this.afterDestroy(); } /** * 执行destroyed后的逻辑 * * @memberof Main4Base */ public afterDestroy() { if (this.viewStateEvent) { this.viewStateEvent.unsubscribe(); } if (this.dataChangEvent) { this.dataChangEvent.unsubscribe(); } if(this.appStateEvent){ this.appStateEvent.unsubscribe(); } } /** *打印 *@memberof @memberof Main4Base */ public print(){ let _this:any = this; _this.$print({id:'ibizsample0001_main4',popTitle:'默认编辑器'}); } /** * 部件刷新 * * @param {any} args * @memberof Main4Base */ public refresh(args?: any): void { let arg: any = {}; Object.assign(arg,args?args[0]:{}); if (this.data.srfkey && !Object.is(this.data.srfkey, '')) { Object.assign(arg, { srfkey: this.data.srfkey }); this.load(arg); return; } if (this.data.srfkeys && !Object.is(this.data.srfkeys, '')) { Object.assign(arg, { srfkey: this.data.srfkeys }); this.load(arg); return; } } /** * 自动加载 * * @param {*} [arg={}] * @returns {void} * @memberof Main4Base */ public autoLoad(arg: any = {}): void { if (arg.srfkey && !Object.is(arg.srfkey, '')) { Object.assign(arg, { srfkey: arg.srfkey }); this.load(arg); return; } if (arg.srfkeys && !Object.is(arg.srfkeys, '')) { Object.assign(arg, { srfkey: arg.srfkeys }); this.load(arg); return; } this.loadDraft(arg); } /** * 加载 * * @public * @param {*} [opt={}] * @memberof Main4Base */ public async load(opt: any = {}): Promise<any> { if(!this.loadAction){ this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0001SF5EditView' + (this.$t('app.formpage.notconfig.loadaction') as string) }); return; } const arg: any = { ...opt }; let viewparamResult:any = Object.assign(arg, this.viewparams); const tempContext = Util.deepCopy(this.context); if (!(await this.handleCtrlEvents('onbeforeload', { context: tempContext, viewparams: viewparamResult, data: arg }))) { return; } const response: any = await this.service.get(this.loadAction, tempContext, { viewparams: viewparamResult }, this.showBusyIndicator); try { if (response && response.status === 200) { if (!(await this.handleCtrlEvents('onloadsuccess', { data: response.data }))) { return; } const data = response.data; this.onFormLoad(data,'load'); this.$emit('load', data); this.$nextTick(() => { this.formState.next({ type: 'load', data: data }); }); } else { if (!(await this.handleCtrlEvents('onloaderror', { data: response.data }))) { return; } } return response; } catch (response: any) { if (!(await this.handleCtrlEvents('onloaderror', { context: tempContext, viewparams: viewparamResult, data: response && response.data ? response.data : arg }))) { return; } if (response && response.status && response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); return; } this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) }); } } /** * 加载草稿 * * @param {*} [opt={}] * @memberof Main4Base */ public async loadDraft(opt: any = {}): Promise<any> { if (!this.loaddraftAction) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0001SF5EditView' + (this.$t('app.formpage.notconfig.loaddraftaction') as string) }); return; } const arg: any = { ...opt } ; let viewparamResult:any = Object.assign(arg, this.viewparams); try { if (!(await this.handleCtrlEvents('onbeforeloaddraft', { data: arg }))) { return; } const response: any = this.service.loadDraft(this.loaddraftAction,JSON.parse(JSON.stringify(this.context)),{viewparams:viewparamResult}, this.showBusyIndicator); if (!response.status || response.status !== 200) { if (!(await this.handleCtrlEvents('onloaddrafterror', { data: response.data ? response.data : arg }))) { return; } if (response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); } return; } if (!(await this.handleCtrlEvents('onloaddraftsuccess', { data: response.data }))) { return; } const data = response.data; this.resetDraftFormStates(); this.onFormLoad(data,'loadDraft'); data.ibizsample0001 = null; this.$emit('load', data); this.$nextTick(() => { this.formState.next({ type: 'load', data: data }); }); setTimeout(() => { const form: any = this.$refs.form; if (form) { form.fields.forEach((field: any) => { field.validateMessage = ""; field.validateState = ""; field.validateStatus = false; }); } }); return response; } catch (response: any) { if (!(await this.handleCtrlEvents('onloaddrafterror', { data: response.data ? response.data : arg }))) { return; } if (response && response.status && response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); return response; } this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) }); } } /** * 自动保存 * * @param {*} [opt={}] * @memberof Main4Base */ public autoSave(opt: any = {}): void { if (!this.formValidateStatus()) { return; } const arg: any = { ...opt }; const data = this.getValues(); Object.assign(arg, data); Object.assign(arg,{srfmajortext:data[this.majorMessageField]}); const action: any = Object.is(data.srfuf, '1') ? this.updateAction : this.createAction; if(!action){ let actionName:any = Object.is(data.srfuf, '1')?"updateAction":"createAction"; this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0001SF5EditView' + (this.$t('app.formpage.notconfig.actionname') as string) }); return; } Object.assign(arg,{viewparams:this.viewparams}); const post: Promise<any> = this.service.add(action, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator); post.then((response: any) => { if (!response.status || response.status !== 200) { if (response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); } return; } const data = response.data; this.onFormLoad(data,'autoSave'); this.$emit('save', data); AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data}); this.$nextTick(() => { this.formState.next({ type: 'save', data: data }); }); }).catch((response: any) => { if (response && response.status && response.data) { if (response.data.errorKey) { if(Object.is(response.data.errorKey, "versionCheck")) { this.$Modal.confirm({ title: (this.$t('app.formpage.saveerror') as string), content: (this.$t('app.formpage.savecontent') as string), onOk: () => { this.refresh([]); }, onCancel: () => { } }); } else if(Object.is(response.data.errorKey, 'DupCheck')) { let errorProp: string = response.data.message.match(/\[[a-zA-Z]*\]/)[0]; let name: string = this.service.getNameByProp(errorProp.substr(1, errorProp.length-2)); if(name) { this.$Notice.error({ title: (this.$t('app.commonWords.createFailed') as string), desc: this.detailsModel[name].caption + " : " + arg[name] + (this.$t('app.commonWords.isExist') as string) + '!', }); } else { this.$Notice.error({ title: (this.$t('app.commonWords.createFailed') as string), desc: response.data.message?response.data.message:(this.$t('app.commonWords.sysException') as string), }) } }else if(Object.is(response.data.errorKey, 'DuplicateKeyException')){ this.$Notice.error({ title: (this.$t('app.commonWords.createFailed') as string), desc: this.detailsModel[this.formKeyItemName].caption + " : " + arg[this.formKeyItemName] + (this.$t('app.commonWords.isExist') as string) + '!', }); } else { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message?response.data.message:(this.$t('app.commonWords.sysException') as string) }); } } else { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message?response.data.message:(this.$t('app.commonWords.sysException') as string) }); } return; } else { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) }); } }); } /** * 保存 * * @param {*} [opt={}] * @param {boolean} [showResultInfo] * @param {boolean} [ifStateNext] formState是否下发通知 * @returns {Promise<any>} * @memberof Main4Base */ public save(opt: any = {}, showResultInfo?: boolean, ifStateNext: boolean = true): Promise<any> { return new Promise((resolve: any, reject: any) => { showResultInfo = showResultInfo === undefined ? true : false; if (!this.formValidateStatus()) { if(this.errorMessages && this.errorMessages.length > 0) { let descMessage: string = ''; this.errorMessages.forEach((message: any) => { descMessage = descMessage + '<p>' + message.error + '<p>'; }) this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: descMessage }); } else { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.formpage.valuecheckex') as string) }); } return; } const arg: any = { ...opt }; const data = this.getValues(); Object.assign(arg, this.context); Object.assign(arg, data); Object.assign(arg,{srfmajortext:data[this.majorMessageField]}); if (ifStateNext) { this.drcounter = 0; if(this.drcounter !== 0){ this.drsaveopt = opt; this.formState.next({ type: 'beforesave', data: arg });//先通知关系界面保存 this.saveState = resolve; return; } } if(this.viewparams && this.viewparams.copymode){ data.srfuf = '0'; } const action: any = Object.is(data.srfuf, '1') ? this.updateAction : this.createAction; if(!action){ let actionName:any = Object.is(data.srfuf, '1')?"updateAction":"createAction"; this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0001SF5EditView' + (this.$t('app.formpage.notconfig.actionname') as string) }); return; } Object.assign(arg, { viewparams: this.viewparams }); this.handleCtrlEvents('onbeforesave', { data: arg }).then((beforeSaveResult: boolean) => { if (!beforeSaveResult) { return; } const post: Promise<any> = Object.is(data.srfuf, '1') ? this.service.update(action, JSON.parse(JSON.stringify(this.context)), arg, this.showBusyIndicator):this.service.add(action,JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator); post.then((response: any) => { if (!response.status || response.status !== 200) { this.handleCtrlEvents('onsaverror', { data: response && response.data ? response.data : arg }).then((saveErrorResult: boolean) => { // 保存失败处理 }) if (response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); } return; } this.handleCtrlEvents('onsavesuccess', { data: response.data }).then((saveSuccessResult: boolean) => { if (!saveSuccessResult) { return; } this.viewparams.copymode = false; const data = response.data; this.onFormLoad(data,'save'); this.$emit('save', data); AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data}); this.$nextTick(() => { this.formState.next({ type: 'save', data: data }); }); if (showResultInfo) { this.$Notice.success({ title: '', desc: (data.srfmajortext ? data.srfmajortext : '') + ' '+ (this.$t('app.formpage.savesuccess') as string) }); } resolve(response); }) }).catch((response: any) => { this.handleCtrlEvents('onsaveerror', { data: response && response.data ? response.data : {} }).then((saveErrorResult: boolean) => { if (!saveErrorResult) { return; } if (response && response.status && response.data) { if (response.data.errorKey) { if(Object.is(response.data.errorKey, "versionCheck")) { this.$Modal.confirm({ title: (this.$t('app.formpage.saveerror') as string), content: (this.$t('app.formpage.savecontent') as string), onOk: () => { this.refresh([]); }, onCancel: () => { } }); } else if(Object.is(response.data.errorKey, 'DupCheck')) { let errorProp: string = response.data.message.match(/\[[a-zA-Z]*\]/)[0]; let name: string = this.service.getNameByProp(errorProp.substr(1, errorProp.length-2)); if(name) { this.$Notice.error({ title: (this.$t('app.commonWords.createFailed') as string), desc: this.detailsModel[name].caption + " : " + arg[name] + (this.$t('app.commonWords.isExist') as string) + '!', }); } else { this.$Notice.error({ title: (this.$t('app.commonWords.createFailed') as string), desc: response.data.message, }) } } else { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); } } else { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); reject(response); } return; } else { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) }); reject(response); } reject(response); }) }); }) }) } /** * 删除 * * @public * @param {*} [opt={}] * @memberof Main4Base */ public remove(opt:Array<any> = [],showResultInfo?: boolean): Promise<any> { return new Promise((resolve: any, reject: any) => { if(!this.removeAction){ this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZSample0001SF5EditView' + (this.$t('app.formpage.notconfig.removeaction') as string) }); return; } const arg: any = opt[0]; const _this: any = this; Object.assign(arg, { viewparams: this.viewparams }); this.handleCtrlEvents('onbeforeremove', { data: arg }).then((beforeRemoveResult: boolean) => { if (!beforeRemoveResult) { return; } this.service.delete(_this.removeAction, JSON.parse(JSON.stringify(this.context)), arg, showResultInfo).then((response: any) => { if (response && response.status === 200) { this.handleCtrlEvents('onremovesuccess', { data: response.data }).then((removeSuccessResult: boolean) => { 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 : '') + ' ' + (this.$t('app.formpage.deletesuccess') as string) }); AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data}); resolve(response); }) } else { this.handleCtrlEvents('onremoveerror', { data: response && response.data ? response.data : arg }); } }).catch((error: any) => { this.handleCtrlEvents('onremoveerror', { data: error && error.data ? error.data : arg }).then((removeErrorResult) => { if (!removeErrorResult) { const { data: _data } = error; this.$Notice.error({ title: _data.title, desc: _data.message }); reject(error); } }) }); }) }); } /** * 工作流启动 * * @param {*} [data={}] * @param {*} [localdata={}] * @returns {Promise<any>} * @memberof Main4Base */ public async wfstart(data: any,localdata?:any): Promise<any> { return new Promise((resolve: any, reject: any) => { const _this: any = this; const formData:any = this.getData(); const copyData:any = Util.deepCopy(formData); const post: Promise<any> = Object.is(formData.srfuf, '1')?this.service.update(this.updateAction, JSON.parse(JSON.stringify(this.context)),formData, this.showBusyIndicator,true):this.service.add(this.createAction,JSON.parse(JSON.stringify(this.context)),formData, this.showBusyIndicator,true); post.then((response:any) =>{ const responseData:any = response.data; let tempResponseData:any = Util.deepCopy(response); this.service.handleResponse('save', tempResponseData); const arg:any = tempResponseData.data; // 保存完成UI处理 this.onFormLoad(arg,'save'); this.$emit('save', arg); AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data}); this.$nextTick(() => { this.formState.next({ type: 'save', data: arg }); }); // 准备工作流数据,填充未存库数据 Object.assign(arg,copyData); // 准备提交参数 if(this.viewparams){ let copyViewParams:any = Util.deepCopy(this.viewparams); if(copyViewParams.w){ delete copyViewParams.w; } Object.assign(responseData,copyViewParams); } Object.assign(arg,{viewparams:responseData}); // 强制补充srfwfmemo if(this.srfwfmemo){ Object.assign(arg,{srfwfmemo:this.srfwfmemo}); } const result: Promise<any> = this.service.wfstart(_this.WFStartAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,localdata); result.then((response: any) => { if (!response || response.status !== 200) { if(response.data){ this.$Notice.error({ title: '', desc: (this.$t('app.formpage.workflow.starterror') as string) + ', ' + response.data.message }); } return; } this.$Notice.info({ title: '', desc: (this.$t('app.formpage.workflow.startsuccess') as string) }); resolve(response); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); reject(response); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) }); reject(response); return; } reject(response); }); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); reject(response); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) }); reject(response); return; } reject(response); }) }); } /** * 工作流提交 * * @param {*} [data={}] * @param {*} [localdata={}] * @returns {Promise<any>} * @memberof Main4Base */ public async wfsubmit(data: any,localdata?:any): Promise<any> { return new Promise((resolve: any, reject: any) => { const _this: any = this; const arg: any = data[0]; const copyData:any = Util.deepCopy(arg); Object.assign(arg,{viewparams:this.viewparams}); if (!arg.ibizsample0001 || Object.is(arg.ibizsample0001, '')) { return; } const post: Promise<any> = Object.is(arg.srfuf, '1')?this.service.update(this.updateAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,true):this.service.add(this.createAction,JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,true); post.then((response:any) =>{ const responseData:any = response.data; let tempResponseData:any = Util.deepCopy(response); this.service.handleResponse('save', tempResponseData); const arg:any = tempResponseData.data; // 保存完成UI处理 this.onFormLoad(arg,'save'); this.$emit('save', arg); AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data}); this.$nextTick(() => { this.formState.next({ type: 'save', data: arg }); }); // 准备工作流数据,填充未存库数据 Object.assign(arg,copyData); // 准备提交参数 if(this.viewparams){ Object.assign(responseData,this.viewparams); } Object.assign(arg,{viewparams:responseData}); // 强制补充srfwfmemo if(this.srfwfmemo){ Object.assign(arg,{srfwfmemo:this.srfwfmemo}); } const result: Promise<any> = this.service.wfsubmit(_this.WFSubmitAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator,localdata); result.then((response: any) => { if (!response || response.status !== 200) { if(response.data){ this.$Notice.error({ title: '', desc: (this.$t('app.formpage.workflow.submiterror') as string) + ', ' + response.data.message }); } return; } this.onFormLoad(arg,'submit'); this.$store.dispatch('viewaction/datasaved', { viewtag: this.viewtag }); this.$Notice.info({ title: '', desc: (this.$t('app.formpage.workflow.submitsuccess') as string) }); resolve(response); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); reject(response); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) }); reject(response); return; } reject(response); }); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); reject(response); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) }); reject(response); return; } reject(response); }) }) } /** * 面板行为 * * @param {string} [action] 调用的实体行为 * @param {string} [emitAction] 抛出行为 * @param {*} [data={}] 传入数据 * @param {boolean} [showloading] 是否显示加载状态 * * @memberof Main4Base */ public panelAction(action:string,emitAction:string,data:any ={},showloading?:boolean):void{ if (!action || (action && Object.is(action, ''))) { return; } const arg: any = { ...data }; const formdata = this.getValues(); Object.assign(arg, formdata); Object.assign(arg,this.viewparams); const post: Promise<any> = this.service.frontLogic(action,JSON.parse(JSON.stringify(this.context)),arg, showloading); post.then((response: any) => { if (!response.status || response.status !== 200) { if (response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); } return; } const data = response.data; this.onFormLoad(data,emitAction); this.$emit(emitAction, data); this.$nextTick(() => { this.formState.next({ type: emitAction, data: data }); }); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) }); return; } }); } /** * 表单项更新 * * @param {string} mode 界面行为名称 * @param {*} [data={}] 请求数据 * @param {string[]} updateDetails 更新项 * @param {boolean} [showloading] 是否显示加载状态 * @returns {void} * @memberof Main4Base */ public updateFormItems(mode: string, data: any = {}, updateDetails: string[], showloading?: boolean): void { if (!mode || (mode && Object.is(mode, ''))) { return; } const arg: any = { ...data }; Object.assign(arg,this.viewparams); const post: Promise<any> = this.service.frontLogic(mode,JSON.parse(JSON.stringify(this.context)),arg, showloading); post.then((response: any) => { if (!response || response.status !== 200) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.formpage.updateerror') as string) }); return; } const data = response.data; const _data: any = {}; updateDetails.forEach((name: string) => { if (!data.hasOwnProperty(name)) { return; } Object.assign(_data, { [name]: data[name] }); }); this.setFormEnableCond(_data); this.fillForm(_data,'updateFormItem'); this.formLogic({ name: '', newVal: null, oldVal: null }); this.dataChang.next(JSON.stringify(this.data)); AppCenterService.notifyMessage({name:"IBIZSample0001",action:'appRefresh',data:data}); this.$nextTick(() => { this.formState.next({ type: 'updateformitem', ufimode: arg.srfufimode, data: _data }); }); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: response.data.message }); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: (this.$t('app.commonWords.sysException') as string) }); return; } }); } /** * 回车事件 * * @param {*} $event * @memberof Main4Base */ public onEnter($event: any): void { } /** * 保存并退出 * * @param {any[]} args * @memberof Main4Base */ public saveAndExit(data:any[]):Promise<any>{ let _this = this; return new Promise((resolve: any, reject: any) =>{ let arg: any = {}; if(data && data.length > 0){ Object.assign(arg,data[0]); } _this.currentAction = "saveAndExit"; _this.save([arg]).then((res) =>{ if(res){ _this.closeView(res.data); } resolve(res); }).catch((error) =>{ reject(error); }) }) } /** * 保存并新建 * * @param {any[]} args * @memberof Main4Base */ public saveAndNew(data:any[]):Promise<any>{ let _this = this; return new Promise((resolve: any, reject: any) =>{ let arg: any = {}; if(data && data.length > 0){ Object.assign(arg,data[0]); } _this.currentAction = "saveAndNew"; _this.save([arg]).then((res) =>{ _this.ResetData(res); _this.loadDraft({}); }).catch((error) =>{ reject(error); }) }) } /** * 删除并退出 * * @param {any[]} args * @memberof Main4Base */ public removeAndExit(data:any[]):Promise<any>{ let _this = this; return new Promise((resolve: any, reject: any) =>{ let arg: any = {}; if(data && data.length > 0){ Object.assign(arg,data[0]); } _this.remove([arg]).then((res) =>{ if(res){ _this.closeView(res.data); } resolve(res); }).catch((error) =>{ reject(error); }) }) } /** * 关系界面数据保存完成 * * @param {any} $event * @memberof Main4Base */ public drdatasaved($event:any){ let _this = this; this.drcounter--; if(this.drcounter === 0){ this.save(this.drsaveopt, undefined, false).then((res) =>{ this.saveState(res); this.drsaveopt = {}; if(Object.is(_this.currentAction, "saveAndNew")){ _this.ResetData(res); _this.loadDraft({}); }else if(Object.is(_this.currentAction, "saveAndExit")){ if(res){ _this.closeView(res.data); } } }); } } /** * 新建默认值 * @memberof Main4Base */ public createDefault(){ } /** * 更新默认值 * @memberof Main4Base */ public updateDefault(){ } /** * 面板数据变化处理事件 * @param {any} item 当前列数据 * @param {any} $event 面板事件数据 * * @memberof Main4Base */ public onPanelDataChange(item:any,$event:any) { Object.assign(item, $event, {rowDataState:'update'}); } } </script> <style lang='less'> @import './main4-form.less'; </style>