<template> <studio-view-style2 viewName="faxeditview" viewTitle="传真编辑视图" class='deeditview fax-edit-view'> <template slot='title'> <span class='caption-info'>{{$t(model.srfTitle)}}</span> </template> <template slot="toolbar"> <view-toolbar mode="STYLE2" :model="toolBarModels" @item-click="toolbar_click"/> </template> <view_form :viewState="viewState" :viewparams="viewparams" :context="context" :autosave="false" :viewtag="viewtag" :showBusyIndicator="true" updateAction="Update" removeAction="Remove" loaddraftAction="GetDraft" loadAction="Get" createAction="Create" WFSubmitAction="" WFStartAction="" style='' name="form" ref='form' @save="form_save($event)" @remove="form_remove($event)" @load="form_load($event)" @closeview="closeView($event)"> </view_form> </studio-view-style2> </template> <script lang='tsx'> import { Component, Prop, Provide, Emit, Watch } from 'vue-property-decorator'; import { Subject } from 'rxjs'; import { UIActionTool, Util } from '@/utils'; import { VueLifeCycleProcessing, EditViewBase } from '@/studio-core'; import FaxService from '@/service/fax/fax-service'; import EditViewEngine from '@engine/view/edit-view-engine'; /** * 传真编辑视图视图基类 * * @export * @class FaxEditViewBase * @extends {EditViewBase} */ @Component({}) @VueLifeCycleProcessing() export default class FaxEditViewBase extends EditViewBase { /** * 实体服务对象 * * @type {FaxService} * @memberof FaxEditViewBase */ protected appEntityService: FaxService = new FaxService; /** * 计数器服务对象集合 * * @protected * @type {Array<*>} * @memberof FaxEditViewBase */ protected counterServiceArray: Array<any> = []; /** * 自定义视图导航上下文集合 * * @protected * @type {*} * @memberof FaxEditViewBase */ protected customViewNavContexts: any = { }; /** * 自定义视图导航参数集合 * * @protected * @type {*} * @memberof FaxEditViewBase */ protected customViewParams: any = { }; /** * 视图模型数据 * * @protected * @type {*} * @memberof FaxEditViewBase */ protected model: any = { srfCaption: 'entities.fax.views.editview.caption', srfTitle: 'entities.fax.views.editview.title', srfSubTitle: 'entities.fax.views.editview.subtitle', dataInfo: '' } /** * 容器模型 * * @protected * @type {*} * @memberof FaxEditViewBase */ protected containerModel: any = { view_toolbar: { name: 'toolbar', type: 'TOOLBAR' }, view_form: { name: 'form', type: 'FORM' }, }; /** * 工具栏模型 * * @type {*} * @memberof FaxEditView */ public toolBarModels: any = { tbitem3: { name: 'tbitem3', caption: '保存','isShowCaption':true,'isShowIcon':true, tooltip: '保存', iconcls: 'fa fa-save', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Save', target: '' }, class: '' }, tbitem4: { name: 'tbitem4', caption: '保存并新建','isShowCaption':true,'isShowIcon':true, tooltip: '保存并新建', iconcls: 'sx-tb-saveandnew', icon: '../sasrfex/images/default/icon_saveandnew.png', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'SaveAndNew', target: '' }, class: '' }, tbitem5: { name: 'tbitem5', caption: '保存并关闭','isShowCaption':true,'isShowIcon':true, tooltip: '保存并关闭', iconcls: 'fa fa-power-off', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'SaveAndExit', target: '' }, class: '' }, tbitem6: { name: 'tbitem6', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } }, tbitem7: { name: 'tbitem7', caption: '删除并关闭','isShowCaption':true,'isShowIcon':true, tooltip: '删除并关闭', iconcls: 'fa fa-remove', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'RemoveAndExit', target: 'SINGLEKEY' }, class: '' }, tbitem8: { name: 'tbitem8', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } }, tbitem12: { name: 'tbitem12', caption: '新建','isShowCaption':true,'isShowIcon':true, tooltip: '新建', iconcls: 'fa fa-file-text-o', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'New', target: '' }, class: '' }, tbitem13: { name: 'tbitem13', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { } }, tbitem14: { name: 'tbitem14', caption: '拷贝','isShowCaption':true,'isShowIcon':true, tooltip: '拷贝', iconcls: 'fa fa-copy', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Copy', target: 'SINGLEKEY' }, class: '' }, }; /** * 视图引擎 * * @public * @type {Engine} * @memberof FaxEditViewBase */ public engine: EditViewEngine = new EditViewEngine(); /** * 引擎初始化 * * @public * @memberof FaxEditViewBase */ public engineInit(): void { this.engine.init({ view: this, form: this.$refs.form, p2k: '0', keyPSDEField: 'fax', majorPSDEField: 'subject', isLoadDefault: true, }); } /** * toolbar 部件 click 事件 * * @param {*} [args={}] * @param {*} $event * @memberof FaxEditViewBase */ public toolbar_click($event: any, $event2?: any): void { if (Object.is($event.tag, 'tbitem3')) { this.toolbar_tbitem3_click(null, '', $event2); } if (Object.is($event.tag, 'tbitem4')) { this.toolbar_tbitem4_click(null, '', $event2); } if (Object.is($event.tag, 'tbitem5')) { this.toolbar_tbitem5_click(null, '', $event2); } if (Object.is($event.tag, 'tbitem7')) { this.toolbar_tbitem7_click(null, '', $event2); } if (Object.is($event.tag, 'tbitem9')) { this.toolbar_tbitem9_click(null, '', $event2); } if (Object.is($event.tag, 'tbitem10')) { this.toolbar_tbitem10_click(null, '', $event2); } if (Object.is($event.tag, 'tbitem12')) { this.toolbar_tbitem12_click(null, '', $event2); } if (Object.is($event.tag, 'tbitem14')) { this.toolbar_tbitem14_click(null, '', $event2); } if (Object.is($event.tag, 'tbitem15')) { this.toolbar_tbitem15_click(null, '', $event2); } } /** * form 部件 save 事件 * * @param {*} [args={}] * @param {*} $event * @memberof FaxEditViewBase */ public form_save($event: any, $event2?: any): void { this.engine.onCtrlEvent('form', 'save', $event); } /** * form 部件 remove 事件 * * @param {*} [args={}] * @param {*} $event * @memberof FaxEditViewBase */ public form_remove($event: any, $event2?: any): void { this.engine.onCtrlEvent('form', 'remove', $event); } /** * form 部件 load 事件 * * @param {*} [args={}] * @param {*} $event * @memberof FaxEditViewBase */ public form_load($event: any, $event2?: any): void { this.engine.onCtrlEvent('form', 'load', $event); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem3_click(params: any = {}, tag?: any, $event?: any) { // 参数 // 取数 let datas: any[] = []; let xData: any = null; // _this 指向容器对象 const _this: any = this; let paramJO:any = {}; let contextJO:any = {}; xData = this.$refs.form; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } if(params){ datas = [params]; } // 界面行为 this.Save(datas, contextJO,paramJO, $event, xData,this,"Fax"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem4_click(params: any = {}, tag?: any, $event?: any) { // 参数 // 取数 let datas: any[] = []; let xData: any = null; // _this 指向容器对象 const _this: any = this; let paramJO:any = {}; let contextJO:any = {}; xData = this.$refs.form; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } if(params){ datas = [params]; } // 界面行为 this.SaveAndNew(datas, contextJO,paramJO, $event, xData,this,"Fax"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem5_click(params: any = {}, tag?: any, $event?: any) { // 参数 // 取数 let datas: any[] = []; let xData: any = null; // _this 指向容器对象 const _this: any = this; let paramJO:any = {}; let contextJO:any = {}; xData = this.$refs.form; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } if(params){ datas = [params]; } // 界面行为 this.SaveAndExit(datas, contextJO,paramJO, $event, xData,this,"Fax"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem7_click(params: any = {}, tag?: any, $event?: any) { // 参数 // 取数 let datas: any[] = []; let xData: any = null; // _this 指向容器对象 const _this: any = this; let paramJO:any = {}; let contextJO:any = {}; xData = this.$refs.form; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } if(params){ datas = [params]; } // 界面行为 this.RemoveAndExit(datas, contextJO,paramJO, $event, xData,this,"Fax"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem9_click(params: any = {}, tag?: any, $event?: any) { // 参数 // 取数 let datas: any[] = []; let xData: any = null; // _this 指向容器对象 const _this: any = this; let paramJO:any = {}; let contextJO:any = {}; xData = this.$refs.form; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } if(params){ datas = [params]; } // 界面行为 this.SaveAndStart(datas, contextJO,paramJO, $event, xData,this,"Fax"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem10_click(params: any = {}, tag?: any, $event?: any) { // 参数 // 取数 let datas: any[] = []; let xData: any = null; // _this 指向容器对象 const _this: any = this; let paramJO:any = {}; let contextJO:any = {}; xData = this.$refs.form; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } if(params){ datas = [params]; } // 界面行为 this.ViewWFStep(datas, contextJO,paramJO, $event, xData,this,"Fax"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem12_click(params: any = {}, tag?: any, $event?: any) { // 参数 // 取数 let datas: any[] = []; let xData: any = null; // _this 指向容器对象 const _this: any = this; let paramJO:any = {}; let contextJO:any = {}; xData = this.$refs.form; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } if(params){ datas = [params]; } // 界面行为 this.New(datas, contextJO,paramJO, $event, xData,this,"Fax"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem14_click(params: any = {}, tag?: any, $event?: any) { // 参数 // 取数 let datas: any[] = []; let xData: any = null; // _this 指向容器对象 const _this: any = this; let paramJO:any = {}; let contextJO:any = {}; xData = this.$refs.form; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } if(params){ datas = [params]; } // 界面行为 this.Copy(datas, contextJO,paramJO, $event, xData,this,"Fax"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem15_click(params: any = {}, tag?: any, $event?: any) { // 参数 // 取数 let datas: any[] = []; let xData: any = null; // _this 指向容器对象 const _this: any = this; let paramJO:any = {}; let contextJO:any = {}; xData = this.$refs.form; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } if(params){ datas = [params]; } // 界面行为 this.Print(datas, contextJO,paramJO, $event, xData,this,"Fax"); } /** * 保存 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof FaxEditViewBase */ public Save(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { // 界面行为容器对象 _this const _this: any = this; if (xData && xData.save instanceof Function) { xData.save().then((response: any) => { if (!response || response.status !== 200) { return; } _this.$emit('viewdataschange', [{ ...response.data }]); }); } else if (_this.save && _this.save instanceof Function) { _this.save(); } } /** * 保存并新建 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof FaxEditViewBase */ public SaveAndNew(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { const _this: any = this; if (!xData || !(xData.saveAndNew instanceof Function)) { return; } xData.saveAndNew().then((response: any) => { if (!response || response.status !== 200) { _this.$emit('viewdataschange', JSON.stringify({status:'error',action:'saveAndNew'})); return; } _this.$emit('viewdataschange', JSON.stringify({status:'success',action:'saveAndNew',data:response.data})); if (xData.autoLoad instanceof Function) { xData.autoLoad(); } }); } /** * 保存并关闭 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof FaxEditViewBase */ public SaveAndExit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { const _this: any = this; if (xData && xData.saveAndExit instanceof Function) { xData.saveAndExit().then((response: any) => { if (!response || response.status !== 200) { return; } if(window.parent){ window.parent.postMessage([{ ...response.data }],'*'); } }); } else if (_this.saveAndExit && _this.saveAndExit instanceof Function) { _this.saveAndExit().then((response: any) => { if (!response || response.status !== 200) { return; } if(window.parent){ window.parent.postMessage([{ ...response.data }],'*'); } }); } } /** * 删除并关闭 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof FaxEditViewBase */ public RemoveAndExit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { const _this: any = this; if (xData && xData.removeAndExit instanceof Function) { xData.removeAndExit().then((response: any) => { if (!response || response.status !== 200) { return; } if(window.parent){ window.parent.postMessage([{ ...response.data }],'*'); } }); } else if (_this.removeAndExit && _this.removeAndExit instanceof Function) { _this.removeAndExit().then((response: any) => { if (!response || response.status !== 200) { return; } if(window.parent){ window.parent.postMessage([{ ...response.data }],'*'); } }); } } /** * 开始流程 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof FaxEditViewBase */ public SaveAndStart(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { const _this: any = this; if (!xData || !(xData.wfstart instanceof Function)) { return; } xData.wfstart(args).then((response: any) => { if (!response || response.status !== 200) { return; } const { data: _data } = response; if(window.parent){ window.parent.postMessage({ ..._data },'*'); } if (_this.viewdata) { _this.$emit('viewdataschange', [{ ..._data }]); _this.$emit('close'); }else if (this.$tabPageExp) { this.$tabPageExp.onClose(this.$route.fullPath); } }); } /** * 当前流程步骤 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof FaxEditViewBase */ public ViewWFStep(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { let _this:any = this; if (!xData || !(xData.wfsubmit instanceof Function)) { return; } xData.wfsubmit(args).then((response: any) => { if (!response || response.status !== 200) { return; } const { data: _data } = response; if (_this.viewdata) { _this.$emit('viewdataschange', [{ ..._data }]); _this.$emit('close'); } else if (_this.$tabPageExp) { _this.$tabPageExp.onClose(_this.$route.fullPath); } }); } /** * 新建 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof FaxEditViewBase */ public New(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { const _this: any = this; if (_this.newdata && _this.newdata instanceof Function) { const data: any = {}; _this.newdata([{ ...data }],[{ ...data }], params, $event, xData); } else { _this.$Notice.error({ title: '错误', desc: 'newdata 视图处理逻辑不存在,请添加!' }); } } /** * 拷贝 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof FaxEditViewBase */ public Copy(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { if (args.length === 0) { return; } const _this: any = this; if (_this.newdata && _this.newdata instanceof Function) { const data: any = {}; if (args.length > 0) { Object.assign(data, { srfsourcekey: args[0].srfkey }) actionContext.$store.commit('addCopyData', { srfkey: args[0].srfkey, copyData: args[0] }); } _this.newdata([{ ...data }],[{ ...data }],params, $event, xData); } else if (xData && xData.copy instanceof Function) { if (args.length > 0) { actionContext.$store.commit('addCopyData', { srfkey: args[0].srfkey, copyData: args[0] }); } xData.copy(args[0].srfkey); } else { _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在,请添加!' }); } } /** * 打印 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof FaxEditViewBase */ public Print(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { let _this:any = this; if (!xData || !(xData.print instanceof Function) || !$event) { return ; } xData.print(); } } </script> <style lang='less'> @import './fax-edit-view.less'; </style>