<template> <app-layout viewName="pcmydjzmxeditview" viewTitle="异动兼职明细编辑视图" :className="{ 'view-container': true, 'default-mode-view': true, 'deeditview': true, 'pcm-ydjzmx-edit-view': true }" layoutMode="VIEW" :isShowUserInfo="isDefaultView()" :openMode="openMode" @close-view="closeView($event)"> <template slot="headerLeft"> <div class="view-header-left"> <div class="view-caption" v-if="isDefaultView()">{{$t(model.srfCaption)}}</div> <modal-breadcrumb v-if="isModalView()"/> </div> </template> <template slot="headerRight"> <div class="view-header-right"> <app-header-menus :toolbarModel="toolBarModels" @menu-click="toolbar_click($event[0],$event[1])" mode="view" :openMode="openMode"/> </div> </template> <template slot="content"> <div class="view-content-wrapper"> <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> </div> </template> </app-layout> </template> <script lang='tsx'> import { Vue, Component, Prop, Provide, Emit, Watch } from 'vue-property-decorator'; import { Subject } from 'rxjs'; import { UIActionTool, Util } from '@/utils'; import { VueLifeCycleProcessing, EditViewBase } from '@/crm-core'; import PcmYdjzmxService from '@/service/pcm-ydjzmx/pcm-ydjzmx-service'; import EditViewEngine from '@engine/view/edit-view-engine'; /** * 异动兼职明细编辑视图基类 * * @export * @class PcmYdjzmxEditViewBase * @extends {EditViewBase} */ @Component({}) @VueLifeCycleProcessing export default class PcmYdjzmxEditViewBase extends EditViewBase { /** * 实体服务对象 * * @type {PcmYdjzmxService} * @memberof PcmYdjzmxEditViewBase */ public appEntityService: PcmYdjzmxService = new PcmYdjzmxService; /** * 计数器服务对象集合 * * @type {Array<*>} * @memberof PcmYdjzmxEditViewBase */ public counterServiceArray:Array<any> = []; /** * 数据变化 * * @param {*} val * @returns {*} * @memberof PcmYdjzmxEditViewBase */ @Emit() public viewDatasChange(val: any):any { return val; } /** * 视图标识 * * @type {string} * @memberof PcmYdjzmxEditViewBase */ public viewtag: string = 'e3d460cef63d656feba9ecc50731a3f3'; /** * 父数据对象 * * @protected * @type {*} * @memberof PcmYdjzmxEditViewBase */ protected srfparentdata: any = {}; /** * 自定义视图导航上下文集合 * * @type {*} * @memberof PcmYdjzmxEditViewBase */ public customViewNavContexts:any ={ }; /** * 自定义视图导航参数集合 * * @type {*} * @memberof PcmYdjzmxEditViewBase */ public customViewParams:any ={ }; /** * 视图模型数据 * * @type {*} * @memberof PcmYdjzmxEditViewBase */ public model: any = { srfCaption: 'entities.pcmydjzmx.views.editview.caption', srfTitle: 'entities.pcmydjzmx.views.editview.title', srfSubTitle: 'entities.pcmydjzmx.views.editview.subtitle', dataInfo: '' } /** * 容器模型 * * @type {*} * @memberof PcmYdjzmxEditViewBase */ public containerModel: any = { view_toolbar: { name: 'toolbar', type: 'TOOLBAR' }, view_form: { name: 'form', type: 'FORM' }, }; /** * 视图状态订阅对象 * * @public * @type {Subject<{action: string, data: any}>} * @memberof PcmYdjzmxEditViewBase */ public viewState: Subject<ViewState> = new Subject(); /** * 工具栏模型 * * @type {*} * @memberof PcmYdjzmxEditView */ public toolBarModels: any = { tbitem3: { name: 'tbitem3', caption: '保存','isShowCaption':true,'isShowIcon':true, tooltip: '保存', iconcls: 'fa fa-save', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: 'SRFUR__JGLYZPMXME', uiaction: { tag: 'Save', target: '' }, class: '' }, tbitem5: { name: 'tbitem5', caption: '保存并关闭','isShowCaption':true,'isShowIcon':true, tooltip: '保存并关闭', iconcls: 'sx-tb-saveandclose', icon: '../sasrfex/images/default/icon_saveandclose.png', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: 'SRFUR__JGLYXKML', uiaction: { tag: 'SaveAndExit', target: '' }, class: '' }, }; /** * 视图引擎 * * @public * @type {Engine} * @memberof PcmYdjzmxEditViewBase */ public engine: EditViewEngine = new EditViewEngine(); /** * 引擎初始化 * * @public * @memberof PcmYdjzmxEditViewBase */ public engineInit(): void { this.engine.init({ view: this, form: this.$refs.form, p2k: '0', keyPSDEField: 'pcmydjzmx', majorPSDEField: 'pcmydjzmxname', isLoadDefault: true, }); } /** * toolbar 部件 click 事件 * * @param {*} [args={}] * @param {*} $event * @memberof PcmYdjzmxEditViewBase */ public toolbar_click($event: any, $event2?: any) { if (Object.is($event.tag, 'tbitem3')) { this.toolbar_tbitem3_click(null, '', $event2); } if (Object.is($event.tag, 'tbitem5')) { this.toolbar_tbitem5_click(null, '', $event2); } } /** * form 部件 save 事件 * * @param {*} [args={}] * @param {*} $event * @memberof PcmYdjzmxEditViewBase */ public form_save($event: any, $event2?: any) { this.engine.onCtrlEvent('form', 'save', $event); } /** * form 部件 remove 事件 * * @param {*} [args={}] * @param {*} $event * @memberof PcmYdjzmxEditViewBase */ public form_remove($event: any, $event2?: any) { this.engine.onCtrlEvent('form', 'remove', $event); } /** * form 部件 load 事件 * * @param {*} [args={}] * @param {*} $event * @memberof PcmYdjzmxEditViewBase */ public form_load($event: any, $event2?: any) { 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,"PcmYdjzmx"); } /** * 逻辑事件 * * @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,"PcmYdjzmx"); } /** * 保存 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof PcmYdjzmxEditViewBase */ 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 PcmYdjzmxEditViewBase */ 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 }],'*'); } }); } } /** * 销毁视图回调 * * @memberof PcmYdjzmxEditViewBase */ public destroyed(){ if(this.viewDefaultUsage){ let localStoreLength = Object.keys(localStorage); if(localStoreLength.length > 0){ localStoreLength.forEach((item:string) =>{ if(item.startsWith(this.context.srfsessionid)){ localStorage.removeItem(item); } }) } } } } </script> <style lang='less'> @import './pcm-ydjzmx-edit-view.less'; </style>