<template> <i-form :model="this.data" class='app-form' ref='form' id='form' style=""> <input style="display:none;" /> <row > <i-col v-show="detailsModel.group1.visible" :style="{}" :lg="{ span: 24, offset: 0 }"> <app-form-group layoutType="TABLE_24COL" titleStyle="" class='' uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.pimperson.main_form.details.group1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" > <row> <i-col v-show="detailsModel.ygbh.visible" :style="{}" :lg="{ span: 12, offset: 0 }"> <app-form-item name='ygbh' :itemRules="this.rules.ygbh" class='' :caption="$t('entities.pimperson.main_form.details.ygbh')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.ygbh.error" :isEmptyCaption="false" labelPos="LEFT"> <input-box v-model="data.ygbh" @enter="onEnter($event)" unit="" :disabled="detailsModel.ygbh.disabled" type='text' style=""></input-box> </app-form-item> </i-col> <i-col v-show="detailsModel.pimpersonname.visible" :style="{}" :lg="{ span: 12, offset: 0 }"> <app-form-item name='pimpersonname' :itemRules="this.rules.pimpersonname" class='' :caption="$t('entities.pimperson.main_form.details.pimpersonname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.pimpersonname.error" :isEmptyCaption="false" labelPos="LEFT"> <input-box v-model="data.pimpersonname" @enter="onEnter($event)" unit="" :disabled="detailsModel.pimpersonname.disabled" type='text' style=""></input-box> </app-form-item> </i-col> <i-col v-show="detailsModel.yglx.visible" :style="{}" :lg="{ span: 12, offset: 0 }"> <app-form-item name='yglx' :itemRules="this.rules.yglx" class='' :caption="$t('entities.pimperson.main_form.details.yglx')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.yglx.error" :isEmptyCaption="false" labelPos="LEFT"> <dropdown-list v-model="data.yglx" :data="data" :itemParam="{}" :disabled="detailsModel.yglx.disabled" tag='PIMCL_YGLX' codelistType='DYNAMIC' placeholder='请选择...' style=""></dropdown-list> </app-form-item> </i-col> <i-col v-show="detailsModel.zjlx.visible" :style="{}" :lg="{ span: 12, offset: 0 }"> <app-form-item name='zjlx' :itemRules="this.rules.zjlx" class='' :caption="$t('entities.pimperson.main_form.details.zjlx')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.zjlx.error" :isEmptyCaption="false" labelPos="LEFT"> <dropdown-list v-model="data.zjlx" :data="data" :itemParam="{}" :disabled="detailsModel.zjlx.disabled" tag='PIMCL_ZJLX' codelistType='DYNAMIC' placeholder='请选择...' style=""></dropdown-list> </app-form-item> </i-col> <i-col v-show="detailsModel.zjhm.visible" :style="{}" :lg="{ span: 12, offset: 0 }"> <app-form-item name='zjhm' :itemRules="this.rules.zjhm" class='' :caption="$t('entities.pimperson.main_form.details.zjhm')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.zjhm.error" :isEmptyCaption="false" labelPos="LEFT"> <input-box v-model="data.zjhm" @enter="onEnter($event)" unit="" :disabled="detailsModel.zjhm.disabled" type='text' style=""></input-box> </app-form-item> </i-col> <i-col v-show="detailsModel.dbdwsj.visible" :style="{}" :lg="{ span: 12, offset: 0 }"> <app-form-item name='dbdwsj' :itemRules="this.rules.dbdwsj" class='' :caption="$t('entities.pimperson.main_form.details.dbdwsj')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.dbdwsj.error" :isEmptyCaption="false" labelPos="LEFT"> <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.dbdwsj" :disabled="detailsModel.dbdwsj.disabled" style="min-width: 150px; width:100px;width:100%;" @on-change="(val1, val2) => { this.data.dbdwsj = val1 }"></date-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.duration.visible" :style="{}" :lg="{ span: 12, offset: 0 }"> <app-form-item name='duration' :itemRules="this.rules.duration" class='' :caption="$t('entities.pimperson.main_form.details.duration')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.duration.error" :isEmptyCaption="false" labelPos="LEFT"> <input-box v-model="data.duration" @enter="onEnter($event)" unit="" :disabled="detailsModel.duration.disabled" type='text' style=""></input-box> </app-form-item> </i-col> <i-col v-show="detailsModel.jxdq.visible" :style="{}" :lg="{ span: 12, offset: 0 }"> <app-form-item name='jxdq' :itemRules="this.rules.jxdq" class='' :caption="$t('entities.pimperson.main_form.details.jxdq')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.jxdq.error" :isEmptyCaption="false" labelPos="LEFT"> <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.jxdq" :disabled="detailsModel.jxdq.disabled" style="min-width: 150px; width:100px;width:100%;" @on-change="(val1, val2) => { this.data.jxdq = val1 }"></date-picker> </app-form-item> </i-col> <i-col v-show="detailsModel.sydq.visible" :style="{}" :lg="{ span: 12, offset: 0 }"> <app-form-item name='sydq' :itemRules="this.rules.sydq" class='' :caption="$t('entities.pimperson.main_form.details.sydq')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.sydq.error" :isEmptyCaption="false" labelPos="LEFT"> <date-picker type="date" :transfer="true" format="yyyy-MM-dd" placeholder="请选择时间..." :value="data.sydq" :disabled="detailsModel.sydq.disabled" style="min-width: 150px; width:100px;width:100%;" @on-change="(val1, val2) => { this.data.sydq = val1 }"></date-picker> </app-form-item> </i-col> </row> </app-form-group> </i-col> </row> </i-form> </template> <script lang='tsx'> import { Vue, Component, Prop, Provide, Emit, Watch, Model } from 'vue-property-decorator'; import { CreateElement } from 'vue'; import { Subject, Subscription } from 'rxjs'; import { ControlInterface } from '@/interface/control'; import { UIActionTool,Util } from '@/utils'; import PIMPERSONService from '@/service/pimperson/pimperson-service'; import MainService from './main-form-service'; import { FormButtonModel, FormPageModel, FormItemModel, FormDRUIPartModel, FormPartModel, FormGroupPanelModel, FormIFrameModel, FormRowItemModel, FormTabPageModel, FormTabPanelModel, FormUserControlModel } from '@/model/form-detail'; import { debounceTime, distinctUntilChanged } from 'rxjs/operators'; @Component({ components: { } }) export default class MainBase extends Vue implements ControlInterface { /** * 名称 * * @type {string} * @memberof Main */ @Prop() public name?: string; /** * 视图通讯对象 * * @type {Subject<ViewState>} * @memberof Main */ @Prop() public viewState!: Subject<ViewState>; /** * 应用上下文 * * @type {*} * @memberof Main */ @Prop() public context: any; /** * 视图参数 * * @type {*} * @memberof Main */ @Prop() public viewparams: any; /** * 视图状态事件 * * @public * @type {(Subscription | undefined)} * @memberof Main */ public viewStateEvent: Subscription | undefined; /** * 获取部件类型 * * @returns {string} * @memberof Main */ public getControlType(): string { return 'FORM' } /** * 计数器服务对象集合 * * @type {Array<*>} * @memberof Main */ public counterServiceArray:Array<any> = []; /** * 建构部件服务对象 * * @type {MainService} * @memberof Main */ public service: MainService = new MainService({ $store: this.$store }); /** * 实体服务对象 * * @type {PIMPERSONService} * @memberof Main */ public appEntityService: PIMPERSONService = new PIMPERSONService({ $store: this.$store }); /** * 关闭视图 * * @param {any} args * @memberof Main */ public closeView(args: any): void { let _this: any = this; _this.$emit('closeview', [args]); } /** * 计数器刷新 * * @memberof Main */ 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(); } }) } } /** * 获取多项数据 * * @returns {any[]} * @memberof Main */ public getDatas(): any[] { return [this.data]; } /** * 获取单项树 * * @returns {*} * @memberof Main */ public getData(): any { return this.data; } /** * 是否默认保存 * * @type {boolean} * @memberof Main */ @Prop({ default: false }) public autosave?: boolean; /** * 显示处理提示 * * @type {boolean} * @memberof Main */ @Prop({ default: true }) public showBusyIndicator?: boolean; /** * 部件行为--submit * * @type {string} * @memberof Main */ @Prop() public WFSubmitAction!: string; /** * 部件行为--start * * @type {string} * @memberof Main */ @Prop() public WFStartAction!: string; /** * 部件行为--update * * @type {string} * @memberof Main */ @Prop() public updateAction!: string; /** * 部件行为--remove * * @type {string} * @memberof Main */ @Prop() public removeAction!: string; /** * 部件行为--loaddraft * * @type {string} * @memberof Main */ @Prop() public loaddraftAction!: string; /** * 部件行为--load * * @type {string} * @memberof Main */ @Prop() public loadAction!: string; /** * 部件行为--create * * @type {string} * @memberof Main */ @Prop() public createAction!: string; /** * 部件行为--create * * @type {string} * @memberof Main */ @Prop() public searchAction!: string; /** * 视图标识 * * @type {string} * @memberof Main */ @Prop() public viewtag!: string; /** * 表单状态 * * @type {Subject<any>} * @memberof Main */ public formState: Subject<any> = new Subject(); /** * 忽略表单项值变化 * * @type {boolean} * @memberof Main */ public ignorefieldvaluechange: boolean = false; /** * 数据变化 * * @public * @type {Subject<any>} * @memberof Main */ public dataChang: Subject<any> = new Subject(); /** * 视图状态事件 * * @public * @type {(Subscription | undefined)} * @memberof Main */ public dataChangEvent: Subscription | undefined; /** * 原始数据 * * @public * @type {*} * @memberof Main */ public oldData: any = {}; /** * 表单数据对象 * * @type {*} * @memberof Main */ public data: any = { srfupdatedate: null, srforikey: null, srfkey: null, srfmajortext: null, srftempmode: null, srfuf: null, srfdeid: null, srfsourcekey: null, srfip_ygbh: null, srfip_pimpersonname: null, srfip_zjlx: null, srfip_zjhm: null, ygbh: null, pimpersonname: null, yglx: null, zjlx: null, zjhm: null, dbdwsj: null, ygzt: null, duration: null, jxdq: null, sydq: null, pimpersonid: null, pimperson:null, }; /** * 当前执行的行为逻辑 * * @type {string} * @memberof Main */ public currentAction: string = ""; /** * 关系界面计数器 * * @type {number} * @memberof Main */ public drcounter: number = 0; /** * 需要等待关系界面保存时,第一次调用save参数的备份 * * @type {number} * @memberof Main */ public drsaveopt: any = {}; /** * 表单保存回调存储对象 * * @type {any} * @memberof Main */ public saveState:any ; /** * 属性值规则 * * @type {*} * @memberof Main */ public rules: any = { srfupdatedate: [ { type: 'string', message: '更新时间 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '更新时间 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '更新时间 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '更新时间 值不能为空', trigger: 'blur' }, ], srforikey: [ { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' }, ], srfkey: [ { type: 'string', message: '人员信息标识 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '人员信息标识 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '人员信息标识 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '人员信息标识 值不能为空', trigger: 'blur' }, ], srfmajortext: [ { type: 'string', message: '员工姓名 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '员工姓名 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '员工姓名 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '员工姓名 值不能为空', trigger: 'blur' }, ], srftempmode: [ { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' }, ], srfuf: [ { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' }, ], srfdeid: [ { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' }, ], srfsourcekey: [ { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' }, ], srfip_ygbh: [ { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' }, ], srfip_pimpersonname: [ { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' }, ], srfip_zjlx: [ { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' }, ], srfip_zjhm: [ { type: 'string', message: ' 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: ' 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: ' 值不能为空', trigger: 'blur' }, ], ygbh: [ { type: 'string', message: '员工编号 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '员工编号 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '员工编号 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '员工编号 值不能为空', trigger: 'blur' }, ], pimpersonname: [ { type: 'string', message: '员工姓名 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '员工姓名 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '员工姓名 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '员工姓名 值不能为空', trigger: 'blur' }, ], yglx: [ { type: 'string', message: '员工类型 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '员工类型 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '员工类型 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '员工类型 值不能为空', trigger: 'blur' }, ], zjlx: [ { type: 'string', message: '证件类型 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '证件类型 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '证件类型 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '证件类型 值不能为空', trigger: 'blur' }, ], zjhm: [ { type: 'string', message: '证件号码 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '证件号码 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '证件号码 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '证件号码 值不能为空', trigger: 'blur' }, ], dbdwsj: [ { type: 'string', message: '到本单位时间 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '到本单位时间 值必须为字符串类型', trigger: 'blur' }, { required: true, type: 'string', message: '到本单位时间 值不能为空', trigger: 'change' }, { required: true, type: 'string', message: '到本单位时间 值不能为空', trigger: 'blur' }, ], ygzt: [ { type: 'string', message: '员工状态 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '员工状态 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '员工状态 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '员工状态 值不能为空', trigger: 'blur' }, ], duration: [ { type: 'string', message: '实习/试用期限 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '实习/试用期限 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '实习/试用期限 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '实习/试用期限 值不能为空', trigger: 'blur' }, ], jxdq: [ { type: 'string', message: '见习到期时间 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '见习到期时间 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '见习到期时间 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '见习到期时间 值不能为空', trigger: 'blur' }, ], sydq: [ { type: 'string', message: '试用到期时间 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '试用到期时间 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '试用到期时间 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '试用到期时间 值不能为空', trigger: 'blur' }, ], pimpersonid: [ { type: 'string', message: '人员信息标识 值必须为字符串类型', trigger: 'change' }, { type: 'string', message: '人员信息标识 值必须为字符串类型', trigger: 'blur' }, { required: false, type: 'string', message: '人员信息标识 值不能为空', trigger: 'change' }, { required: false, type: 'string', message: '人员信息标识 值不能为空', trigger: 'blur' }, ], } /** * 详情模型集合 * * @type {*} * @memberof Main */ public detailsModel: any = { group1: new FormGroupPanelModel({ caption: '人员信息基本信息', detailType: 'GROUPPANEL', name: 'group1', visible: true, isShowCaption: true, form: this, uiActionGroup: { caption: '', langbase: 'entities.pimperson.main_form', extractMode: 'ITEM', details: [] } }) , formpage1: new FormPageModel({ caption: '基本信息', detailType: 'FORMPAGE', name: 'formpage1', visible: true, isShowCaption: true, form: this }) , srfupdatedate: new FormItemModel({ caption: '更新时间', detailType: 'FORMITEM', name: 'srfupdatedate', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srforikey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srforikey', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srfkey: new FormItemModel({ caption: '人员信息标识', detailType: 'FORMITEM', name: 'srfkey', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srfmajortext: new FormItemModel({ caption: '员工姓名', detailType: 'FORMITEM', name: 'srfmajortext', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srftempmode: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srftempmode', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srfuf: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfuf', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srfdeid: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfdeid', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srfsourcekey: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfsourcekey', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srfip_ygbh: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfip_ygbh', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srfip_pimpersonname: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfip_pimpersonname', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srfip_zjlx: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfip_zjlx', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , srfip_zjhm: new FormItemModel({ caption: '', detailType: 'FORMITEM', name: 'srfip_zjhm', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , ygbh: new FormItemModel({ caption: '员工编号', detailType: 'FORMITEM', name: 'ygbh', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 0 }) , pimpersonname: new FormItemModel({ caption: '员工姓名', detailType: 'FORMITEM', name: 'pimpersonname', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 0 }) , yglx: new FormItemModel({ caption: '员工类型', detailType: 'FORMITEM', name: 'yglx', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 0 }) , zjlx: new FormItemModel({ caption: '证件类型', detailType: 'FORMITEM', name: 'zjlx', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 0 }) , zjhm: new FormItemModel({ caption: '证件号码', detailType: 'FORMITEM', name: 'zjhm', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 0 }) , dbdwsj: new FormItemModel({ caption: '到本单位时间', detailType: 'FORMITEM', name: 'dbdwsj', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , ygzt: new FormItemModel({ caption: '员工状态', detailType: 'FORMITEM', name: 'ygzt', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , duration: new FormItemModel({ caption: '实习/试用期限', detailType: 'FORMITEM', name: 'duration', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 0 }) , jxdq: new FormItemModel({ caption: '见习到期时间', detailType: 'FORMITEM', name: 'jxdq', visible: false, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , sydq: new FormItemModel({ caption: '试用到期时间', detailType: 'FORMITEM', name: 'sydq', visible: false, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , pimpersonid: new FormItemModel({ caption: '人员信息标识', detailType: 'FORMITEM', name: 'pimpersonid', visible: true, isShowCaption: true, form: this, disabled: false, enableCond: 3 }) , }; /** * 监控表单属性 srfupdatedate 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srfupdatedate') onSrfupdatedateChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfupdatedate', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srforikey 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srforikey') onSrforikeyChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srforikey', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfkey 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srfkey') onSrfkeyChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfkey', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfmajortext 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srfmajortext') onSrfmajortextChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfmajortext', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srftempmode 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srftempmode') onSrftempmodeChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srftempmode', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfuf 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srfuf') onSrfufChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfuf', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfdeid 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srfdeid') onSrfdeidChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfdeid', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfsourcekey 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srfsourcekey') onSrfsourcekeyChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfsourcekey', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfip_ygbh 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srfip_ygbh') onSrfip_ygbhChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfip_ygbh', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfip_pimpersonname 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srfip_pimpersonname') onSrfip_pimpersonnameChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfip_pimpersonname', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfip_zjlx 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srfip_zjlx') onSrfip_zjlxChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfip_zjlx', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 srfip_zjhm 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.srfip_zjhm') onSrfip_zjhmChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'srfip_zjhm', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 ygbh 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.ygbh') onYgbhChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'ygbh', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 pimpersonname 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.pimpersonname') onPimpersonnameChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'pimpersonname', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 yglx 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.yglx') onYglxChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'yglx', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 zjlx 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.zjlx') onZjlxChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'zjlx', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 zjhm 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.zjhm') onZjhmChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'zjhm', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 dbdwsj 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.dbdwsj') onDbdwsjChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'dbdwsj', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 ygzt 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.ygzt') onYgztChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'ygzt', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 duration 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.duration') onDurationChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'duration', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 jxdq 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.jxdq') onJxdqChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'jxdq', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 sydq 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.sydq') onSydqChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'sydq', newVal: newVal, oldVal: oldVal }); } /** * 监控表单属性 pimpersonid 值 * * @param {*} newVal * @param {*} oldVal * @memberof Main */ @Watch('data.pimpersonid') onPimpersonidChange(newVal: any, oldVal: any) { this.formDataChange({ name: 'pimpersonid', newVal: newVal, oldVal: oldVal }); } /** * 重置表单项值 * * @public * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal } * @memberof Main */ public resetFormData({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void { } /** * 置空对象 * * @param {any[]} args * @memberof EditForm */ 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 Main */ public formLogic({ name, newVal, oldVal }: { name: string, newVal: any, oldVal: any }): void { if (Object.is(name, '') || Object.is(name, 'ygzt')) { let ret = false; const _ygzt = this.data.ygzt; if (this.$verify.testCond(_ygzt, 'EQ', '20')) { ret = true; } this.detailsModel.jxdq.setVisible(ret); } if (Object.is(name, '') || Object.is(name, 'ygzt')) { let ret = false; const _ygzt = this.data.ygzt; if (this.$verify.testCond(_ygzt, 'EQ', '10')) { ret = true; } this.detailsModel.sydq.setVisible(ret); } } /** * 表单值变化 * * @public * @param {{ name: string, newVal: any, oldVal: any }} { name, newVal, oldVal } * @returns {void} * @memberof Main */ 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 Main */ public onFormLoad(data: any = {},action:string): void { if(Object.is(action,"save") || Object.is(action,"autoSave") || Object.is(action,"submit")) // 更新context的实体主键 if(data.pimperson){ Object.assign(this.context,{pimperson:data.pimperson}) } this.setFormEnableCond(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 Main */ public fillForm(_datas: any = {},action:string): void { 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 Main */ 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 Main */ public resetDraftFormStates(): void { const form: any = this.$refs.form; if (form) { form.resetFields(); } } /** * 重置校验结果 * * @memberof Main */ 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 Main */ 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 Main */ 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 Main */ public getValues(): any { return this.data; } /** * 表单项值变更 * * @param {{ name: string, value: any }} $event * @returns {void} * @memberof Main */ 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 {string} name * @param {*} value * @returns {void} * @memberof Main */ 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 {*} $event * @memberof Main */ public groupUIActionClick($event: any): void { if (!$event) { return; } const item:any = $event.item; } /** * Vue声明周期(处理组件的输入属性) * * @memberof Main */ public created(): void { this.afterCreated(); } /** * 执行created后的逻辑 * * @memberof Main */ public afterCreated(){ if (this.viewState) { this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => { if (!Object.is(tag, this.name)) { return; } if (Object.is('autoload', action)) { this.autoLoad(data); } if (Object.is('load', action)) { this.load(data); } if (Object.is('loaddraft', action)) { this.loadDraft(data); } if (Object.is('save', action)) { this.save(data,data.showResultInfo); } if (Object.is('remove', action)) { this.remove(data); } if (Object.is('saveandexit', action)) { this.saveAndExit(data); } if (Object.is('saveandnew', action)) { this.saveAndNew(data); } if (Object.is('removeandexit', action)) { this.removeAndExit(data); } if (Object.is('refresh', action)) { this.refresh(data); } }); } this.dataChang .pipe( debounceTime(300), distinctUntilChanged() ).subscribe((data: any) => { if (this.autosave) { this.autoSave(); } const state = !Object.is(JSON.stringify(this.oldData), JSON.stringify(this.data)) ? true : false; this.$store.commit('viewaction/setViewDataChange', { viewtag: this.viewtag, viewdatachange: state }); }); } /** * vue 生命周期 * * @memberof Main */ public destroyed() { this.afterDestroy(); } /** * 执行destroyed后的逻辑 * * @memberof Main */ public afterDestroy() { if (this.viewStateEvent) { this.viewStateEvent.unsubscribe(); } if (this.dataChangEvent) { this.dataChangEvent.unsubscribe(); } } /** * 拷贝内容 * * @param {*} [arg={}] * @memberof @memberof Main */ public copy(arg: any = {}): void { this.loadDraft(arg); } /** *打印 *@memberof @memberof Main */ public print(){ let _this:any = this; _this.$print({id:'form',popTitle:'主编辑表单'}); } /** * 部件刷新 * * @param {any[]} args * @memberof Main */ public refresh(args: any[]): void { let arg: any = {}; Object.assign(arg,args[0]); if (this.data.srfkey && !Object.is(this.data.srfkey, '')) { Object.assign(arg, { srfkey: this.data.srfkey }); this.load(arg); return; } if (this.data.srfkeys && !Object.is(this.data.srfkeys, '')) { Object.assign(arg, { srfkey: this.data.srfkeys }); this.load(arg); return; } } /** * 自动加载 * * @param {*} [arg={}] * @returns {void} * @memberof Main */ 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 Main */ public load(opt: any = {}): void { if(!this.loadAction){ this.$Notice.error({ title: '错误', desc: 'PIMPERSONRYInfoEditView视图表单loadAction参数未配置' }); return; } const arg: any = { ...opt }; let viewparamResult:any = Object.assign(arg,this.viewparams); const get: Promise<any> = this.service.get(this.loadAction,JSON.parse(JSON.stringify(this.context)),{viewparams:viewparamResult}, this.showBusyIndicator); get.then((response: any) => { if (response && response.status === 200) { const data = response.data; this.onFormLoad(data,'load'); this.$emit('load', data); this.$nextTick(() => { this.formState.next({ type: 'load', data: data }); }); } }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: '错误', desc: '系统异常' }); return; } }); } /** * 加载草稿 * * @param {*} [opt={}] * @memberof Main */ public loadDraft(opt: any = {}): void { if(!this.loaddraftAction){ this.$Notice.error({ title: '错误', desc: 'PIMPERSONRYInfoEditView视图表单loaddraftAction参数未配置' }); return; } const arg: any = { ...opt } ; let viewparamResult:any = Object.assign(arg,this.viewparams); let post: Promise<any> = this.service.loadDraft(this.loaddraftAction,JSON.parse(JSON.stringify(this.context)),{viewparams:viewparamResult}, this.showBusyIndicator); post.then((response: any) => { if (!response.status || response.status !== 200) { if (response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); } return; } const data = response.data; if(data.pimperson){ Object.assign(this.context,{pimperson:data.pimperson}) } this.resetDraftFormStates(); this.onFormLoad(data,'loadDraft'); this.$emit('load', data); this.$nextTick(() => { this.formState.next({ type: 'load', data: data }); }); setTimeout(() => { const form: any = this.$refs.form; if (form) { form.fields.forEach((field: any) => { field.validateMessage = ""; field.validateState = ""; field.validateStatus = false; }); } }); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: '错误', desc: '系统异常' }); return; } }); } /** * 自动保存 * * @param {*} [opt={}] * @memberof Main */ public autoSave(opt: any = {}): void { if (!this.formValidateStatus()) { return; } const arg: any = { ...opt }; const data = this.getValues(); Object.assign(arg, data); const action: any = Object.is(data.srfuf, '1') ? this.updateAction : this.createAction; if(!action){ let actionName:any = Object.is(data.srfuf, '1')?"updateAction":"createAction"; this.$Notice.error({ title: '错误', desc: 'PIMPERSONRYInfoEditView视图表单'+actionName+'参数未配置' }); 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: '错误', desc: response.data.message }); } return; } const data = response.data; this.onFormLoad(data,'autoSave'); this.$emit('save', data); this.$store.dispatch('viewaction/datasaved', { viewtag: this.viewtag }); this.$nextTick(() => { this.formState.next({ type: 'save', data: data }); }); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: '错误', desc: '系统异常' }); return; } }); } /** * 保存 * * @param {*} [opt={}] * @param {boolean} [showResultInfo] * @param {boolean} [ifStateNext] formState是否下发通知 * @returns {Promise<any>} * @memberof Main */ public async save(opt: any = {}, showResultInfo?: boolean, ifStateNext: boolean = true): Promise<any> { return new Promise((resolve: any, reject: any) => { showResultInfo = showResultInfo === undefined ? true : false; if (!this.formValidateStatus()) { this.$Notice.error({ title: '错误', desc: '值规则校验异常' }); return; } const arg: any = { ...opt }; const data = this.getValues(); Object.assign(arg, data); Object.assign(arg, this.context); if (ifStateNext) { this.drcounter = 0; if(this.drcounter !== 0){ this.drsaveopt = opt; this.formState.next({ type: 'beforesave', data: arg });//先通知关系界面保存 this.saveState = resolve; return; } } const action: any = Object.is(data.srfuf, '1') ? this.updateAction : this.createAction; if(!action){ let actionName:any = Object.is(data.srfuf, '1')?"updateAction":"createAction"; this.$Notice.error({ title: '错误', desc: 'PIMPERSONRYInfoEditView视图表单'+actionName+'参数未配置' }); return; } Object.assign(arg,{viewparams:this.viewparams}); const post: Promise<any> = Object.is(data.srfuf, '1')?this.service.update(action, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator):this.service.add(action,JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator); post.then((response: any) => { if (!response.status || response.status !== 200) { if (response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); } return; } const data = response.data; this.onFormLoad(data,'save'); this.$emit('save', data); this.$store.dispatch('viewaction/datasaved', { viewtag: this.viewtag }); this.$nextTick(() => { this.formState.next({ type: 'save', data: data }); }); if (showResultInfo) { this.$Notice.success({ title: '', desc: (data.srfmajortext ? data.srfmajortext : '') + ' 保存成功!' }); } resolve(response); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); reject(response); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: '错误', desc: '系统异常' }); reject(response); return; } reject(response); }); }) } /** * 删除 * * @public * @param {*} [opt={}] * @memberof EditForm */ public remove(opt:Array<any> = [],showResultInfo?: boolean): Promise<any> { return new Promise((resolve: any, reject: any) => { if(!this.removeAction){ this.$Notice.error({ title: '错误', desc: 'PIMPERSONRYInfoEditView视图表单removeAction参数未配置' }); return; } const arg: any = opt[0]; const _this: any = this; Object.assign(arg,{viewparams:this.viewparams}); this.service.delete(_this.removeAction, JSON.parse(JSON.stringify(this.context)),arg, showResultInfo).then((response: any) => { if (response) { const data = response.data; this.$emit('remove',data); this.formState.next({ type: 'remove', data: data }); this.data.ismodify = false; this.$Notice.success({ title: '', desc: (data.srfmajortext ? data.srfmajortext : '') + ' 删除成功!' }); resolve(response); } }).catch((error: any) => { const { data: _data } = error; this.$Notice.error({ title: _data.title, desc: _data.message }); reject(error); }); }); } /** * 工作流启动 * * @param {*} [data={}] * @param {*} [localdata={}] * @returns {Promise<any>} * @memberof Main */ public async wfstart(data: any,localdata?:any): Promise<any> { return new Promise((resolve: any, reject: any) => { const _this: any = this; const post: Promise<any> = _this.save({},false); post.then((response:any) =>{ const arg:any = response.data; if(this.viewparams){ Object.assign(arg,{viewparams:this.viewparams}); } const result: Promise<any> = this.service.wfstart(_this.WFStartAction, 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: '工作流启动失败, ' + response.data.message }); } return; } this.$Notice.info({ title: '', desc: '工作流启动成功' }); resolve(response); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); reject(response); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: '错误', desc: '系统异常' }); reject(response); return; } reject(response); }); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); reject(response); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: '错误', desc: '系统异常' }); reject(response); return; } reject(response); }) }); } /** * 工作流提交 * * @param {*} [data={}] * @param {*} [localdata={}] * @returns {Promise<any>} * @memberof Main */ 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]; Object.assign(arg,{viewparams:this.viewparams}); if (!arg.pimperson || Object.is(arg.pimperson, '')) { return; } const post: Promise<any> = Object.is(arg.srfuf, '1')?this.service.update(this.updateAction, JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator):this.service.add(this.createAction,JSON.parse(JSON.stringify(this.context)),arg, this.showBusyIndicator); post.then((response:any) =>{ const arg:any = response.data; // 保存完成UI处理 this.onFormLoad(arg,'save'); this.$emit('save', arg); this.$nextTick(() => { this.formState.next({ type: 'save', data: arg }); }); // 准备提交参数 if(this.viewparams){ Object.assign(arg,{viewparams:this.viewparams}); } 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: '工作流提交失败, ' + response.data.message }); } return; } this.onFormLoad(arg,'submit'); this.$store.dispatch('viewaction/datasaved', { viewtag: this.viewtag }); this.$Notice.info({ title: '', desc: '工作流提交成功' }); resolve(response); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); reject(response); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: '错误', desc: '系统异常' }); reject(response); return; } reject(response); }); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); reject(response); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: '错误', desc: '系统异常' }); reject(response); return; } reject(response); }) }) } /** * 表单项更新 * * @param {string} mode 界面行为名称 * @param {*} [data={}] 请求数据 * @param {string[]} updateDetails 更新项 * @param {boolean} [showloading] 是否显示加载状态 * @returns {void} * @memberof Main */ 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: '错误', desc: '表单项更新失败' }); return; } const data = response.data; const _data: any = {}; updateDetails.forEach((name: string) => { if (!data.hasOwnProperty(name)) { return; } Object.assign(_data, { [name]: data[name] }); }); this.setFormEnableCond(_data); this.fillForm(_data,'updateFormItem'); this.formLogic({ name: '', newVal: null, oldVal: null }); this.dataChang.next(JSON.stringify(this.data)); this.$nextTick(() => { this.formState.next({ type: 'updateformitem', ufimode: arg.srfufimode, data: _data }); }); }).catch((response: any) => { if (response && response.status && response.data) { this.$Notice.error({ title: '错误', desc: response.data.message }); return; } if (!response || !response.status || !response.data) { this.$Notice.error({ title: '错误', desc: '系统异常' }); return; } }); } /** * 回车事件 * * @param {*} $event * @memberof Main */ public onEnter($event: any): void { } /** * 保存并退出 * * @param {any[]} args * @memberof Main */ 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 Main */ 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 Main */ 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 Main */ public drdatasaved($event:any){ let _this = this; this.drcounter--; if(this.drcounter > 0){ return; } 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 Main */ public createDefault(){ } /** * 更新默认值 * @memberof Main */ public updateDefault(){ } } </script> <style lang='less'> @import './main-form.less'; </style>