<template> <app-layout viewName="emrfodegridview" viewTitle="现象" :className="{ 'view-container': true, 'default-mode-view': true, 'degridview': true, 'emrfodegrid-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)" mode="view" :openMode="openMode" :isEnableQuickSearch="true" searchPlaceholder="请输入现象名称" v-model="query" @search="onSearch($event)"/> </div> </template> <template slot="content"> <div class="view-content-wrapper"> <view_searchform :viewState="viewState" :viewparams="viewparams" :context="context" :showBusyIndicator="true" v-show="isExpandSearchForm" loaddraftAction="FilterGetDraft" loadAction="FilterGet" name="searchform" ref='searchform' @save="searchform_save($event)" @search="searchform_search($event)" @load="searchform_load($event)" @closeview="closeView($event)"> </view_searchform> <view_grid :viewState="viewState" :viewparams="viewparams" :context="context" :isSingleSelect="isSingleSelect" :showBusyIndicator="true" :isOpenEdit="false" :gridRowActiveMode="gridRowActiveMode" @save="onSave" updateAction="" removeAction="Remove" loaddraftAction="" loadAction="" createAction="" fetchAction="FetchDefault" :newdata="newdata" :opendata="opendata" name="grid" ref='grid' @selectionchange="grid_selectionchange($event)" @beforeload="grid_beforeload($event)" @rowdblclick="grid_rowdblclick($event)" @remove="grid_remove($event)" @load="grid_load($event)" @closeview="closeView($event)"> </view_grid> </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, GridViewBase } from '@/crm-core'; import EMRFODEService from '@/service/emrfode/emrfode-service'; import GridViewEngine from '@engine/view/grid-view-engine'; import CodeListService from "@service/app/codelist-service"; /** * 现象基类 * * @export * @class EMRFODEGridViewBase * @extends {GridViewBase} */ @Component({}) @VueLifeCycleProcessing export default class EMRFODEGridViewBase extends GridViewBase { /** * 实体服务对象 * * @type {EMRFODEService} * @memberof EMRFODEGridViewBase */ public appEntityService: EMRFODEService = new EMRFODEService; /** * 数据变化 * * @param {*} val * @returns {*} * @memberof EMRFODEGridViewBase */ @Emit() public viewDatasChange(val: any):any { return val; } /** * 视图标识 * * @type {string} * @memberof EMRFODEGridViewBase */ public viewtag: string = '193cf07f08f6448c6166184c8081c2aa'; /** * 父数据对象 * * @protected * @type {*} * @memberof EMRFODEGridViewBase */ protected srfparentdata: any = {}; /** * 自定义视图导航上下文集合 * * @type {*} * @memberof EMRFODEGridViewBase */ protected customViewNavContexts:any ={ }; /** * 自定义视图导航参数集合 * * @type {*} * @memberof EMRFODEGridViewBase */ protected customViewParams:any ={ }; /** * 视图模型数据 * * @type {*} * @memberof EMRFODEGridViewBase */ public model: any = { srfCaption: 'entities.emrfode.views.gridview.caption', srfTitle: 'entities.emrfode.views.gridview.title', srfSubTitle: 'entities.emrfode.views.gridview.subtitle', dataInfo: '' } /** * 容器模型 * * @type {*} * @memberof EMRFODEGridViewBase */ public containerModel: any = { view_toolbar: { name: 'toolbar', type: 'TOOLBAR' }, view_grid: { name: 'grid', type: 'GRID' }, view_searchform: { name: 'searchform', type: 'SEARCHFORM' }, }; /** * 视图状态订阅对象 * * @private * @type {Subject<{action: string, data: any}>} * @memberof EMRFODEGridViewBase */ public viewState: Subject<ViewState> = new Subject(); /** * 工具栏模型 * * @type {*} * @memberof EMRFODEGridView */ public toolBarModels: any = { tbitem3: { name: 'tbitem3', 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: '' }, tbitem4: { name: 'tbitem4', caption: '编辑','isShowCaption':true,'isShowIcon':true, tooltip: '编辑', iconcls: 'fa fa-edit', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Edit', target: 'SINGLEKEY' }, class: '' }, tbitem6: { name: 'tbitem6', caption: '拷贝','isShowCaption':true,'isShowIcon':true, tooltip: '拷贝', iconcls: 'fa fa-copy', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Copy', target: 'SINGLEKEY' }, class: '' }, tbitem7: { name: 'tbitem7', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { }, class: '' }, tbitem8: { name: 'tbitem8', caption: '删除','isShowCaption':true,'isShowIcon':true, tooltip: '删除', iconcls: 'fa fa-remove', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'Remove', target: 'MULTIKEY' }, class: '' }, tbitem9: { name: 'tbitem9', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { }, class: '' }, tbitem13: { name: 'tbitem13', caption: '导出','isShowCaption':true,'isShowIcon':true, tooltip: '导出', iconcls: 'fa fa-file-excel-o', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'ExportExcel', target: '' }, MaxRowCount: 1000, class: '' }, tbitem10: { name: 'tbitem10', type: 'SEPERATOR', visabled: true, dataaccaction: '', uiaction: { }, class: '' }, tbitem19: { name: 'tbitem19', caption: '过滤','isShowCaption':true,'isShowIcon':true, tooltip: '过滤', iconcls: 'fa fa-filter', icon: '', disabled: false, type: 'DEUIACTION', visabled: true, dataaccaction: '', uiaction: { tag: 'ToggleFilter', target: '' }, class: '' }, }; /** * 视图引擎 * * @public * @type {Engine} * @memberof EMRFODEGridViewBase */ public engine: GridViewEngine = new GridViewEngine(); /** * 引擎初始化 * * @public * @memberof EMRFODEGridViewBase */ public engineInit(): void { this.engine.init({ view: this, opendata: (args: any[], params?: any, $event?: any, xData?: any) => { this.opendata(args, params, $event, xData); }, newdata: (args: any[], params?: any, $event?: any, xData?: any) => { this.newdata(args, params, $event, xData); }, grid: this.$refs.grid, searchform: this.$refs.searchform, keyPSDEField: 'emrfode', majorPSDEField: 'emrfodename', isLoadDefault: true, }); } /** * toolbar 部件 click 事件 * * @param {*} [args={}] * @param {*} $event * @memberof EMRFODEGridViewBase */ public toolbar_click($event: any, $event2?: any) { if (Object.is($event.tag, 'tbitem3')) { this.toolbar_tbitem3_click($event, '', $event2); } if (Object.is($event.tag, 'tbitem4')) { this.toolbar_tbitem4_click($event, '', $event2); } if (Object.is($event.tag, 'tbitem5')) { this.toolbar_tbitem5_click($event, '', $event2); } if (Object.is($event.tag, 'tbitem6')) { this.toolbar_tbitem6_click($event, '', $event2); } if (Object.is($event.tag, 'tbitem24')) { this.toolbar_tbitem24_click($event, '', $event2); } if (Object.is($event.tag, 'tbitem25')) { this.toolbar_tbitem25_click($event, '', $event2); } if (Object.is($event.tag, 'tbitem8')) { this.toolbar_tbitem8_click($event, '', $event2); } if (Object.is($event.tag, 'tbitem13')) { this.toolbar_tbitem13_click($event, '', $event2); } if (Object.is($event.tag, 'tbitem11')) { this.toolbar_tbitem11_click($event, '', $event2); } if (Object.is($event.tag, 'tbitem19')) { this.toolbar_tbitem19_click($event, '', $event2); } } /** * grid 部件 selectionchange 事件 * * @param {*} [args={}] * @param {*} $event * @memberof EMRFODEGridViewBase */ public grid_selectionchange($event: any, $event2?: any) { this.engine.onCtrlEvent('grid', 'selectionchange', $event); } /** * grid 部件 beforeload 事件 * * @param {*} [args={}] * @param {*} $event * @memberof EMRFODEGridViewBase */ public grid_beforeload($event: any, $event2?: any) { this.engine.onCtrlEvent('grid', 'beforeload', $event); } /** * grid 部件 rowdblclick 事件 * * @param {*} [args={}] * @param {*} $event * @memberof EMRFODEGridViewBase */ public grid_rowdblclick($event: any, $event2?: any) { this.engine.onCtrlEvent('grid', 'rowdblclick', $event); } /** * grid 部件 remove 事件 * * @param {*} [args={}] * @param {*} $event * @memberof EMRFODEGridViewBase */ public grid_remove($event: any, $event2?: any) { this.engine.onCtrlEvent('grid', 'remove', $event); } /** * grid 部件 load 事件 * * @param {*} [args={}] * @param {*} $event * @memberof EMRFODEGridViewBase */ public grid_load($event: any, $event2?: any) { this.engine.onCtrlEvent('grid', 'load', $event); } /** * searchform 部件 save 事件 * * @param {*} [args={}] * @param {*} $event * @memberof EMRFODEGridViewBase */ public searchform_save($event: any, $event2?: any) { this.engine.onCtrlEvent('searchform', 'save', $event); } /** * searchform 部件 search 事件 * * @param {*} [args={}] * @param {*} $event * @memberof EMRFODEGridViewBase */ public searchform_search($event: any, $event2?: any) { this.engine.onCtrlEvent('searchform', 'search', $event); } /** * searchform 部件 load 事件 * * @param {*} [args={}] * @param {*} $event * @memberof EMRFODEGridViewBase */ public searchform_load($event: any, $event2?: any) { this.engine.onCtrlEvent('searchform', '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.grid; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } // 界面行为 this.New(datas, contextJO,paramJO, $event, xData,this,"EMRFODE"); } /** * 逻辑事件 * * @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.grid; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } // 界面行为 this.Edit(datas, contextJO,paramJO, $event, xData,this,"EMRFODE"); } /** * 逻辑事件 * * @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.grid; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } // 界面行为 this.View(datas, contextJO,paramJO, $event, xData,this,"EMRFODE"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem6_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.grid; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } // 界面行为 this.Copy(datas, contextJO,paramJO, $event, xData,this,"EMRFODE"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem24_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.grid; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } // 界面行为 this.ToggleRowEdit(datas, contextJO,paramJO, $event, xData,this,"EMRFODE"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem25_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.grid; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } // 界面行为 this.NewRow(datas, contextJO,paramJO, $event, xData,this,"EMRFODE"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem8_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.grid; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } // 界面行为 this.Remove(datas, contextJO,paramJO, $event, xData,this,"EMRFODE"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem13_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.grid; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } // 界面行为 this.ExportExcel(datas, contextJO,paramJO, $event, xData,this,"EMRFODE"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem11_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.grid; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } // 界面行为 this.Print(datas, contextJO,paramJO, $event, xData,this,"EMRFODE"); } /** * 逻辑事件 * * @param {*} [params={}] * @param {*} [tag] * @param {*} [$event] * @memberof */ public toolbar_tbitem19_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.grid; if (xData.getDatas && xData.getDatas instanceof Function) { datas = [...xData.getDatas()]; } // 界面行为 this.ToggleFilter(datas, contextJO,paramJO, $event, xData,this,"EMRFODE"); } /** * 打开新建数据视图 * * @param {any[]} args * @param {*} [params] * @param {*} [fullargs] * @param {*} [$event] * @param {*} [xData] * @memberof EMRFODEGridView */ public newdata(args: any[],fullargs?:any[], params?: any, $event?: any, xData?: any) { const data: any = {}; let curViewParam = JSON.parse(JSON.stringify(this.context)); if(args.length >0){ Object.assign(curViewParam,args[0]); } const deResParameters: any[] = []; const parameters: any[] = [ { pathName: 'emrfodes', parameterName: 'emrfode' }, ]; const _this: any = this; const openPopupModal = (view: any, data: any) => { let container: Subject<any> = this.$appmodal.openModal(view, curViewParam, data); container.subscribe((result: any) => { if (!result || !Object.is(result.ret, 'OK')) { return; } if (!xData || !(xData.refresh instanceof Function)) { return; } xData.refresh(result.datas); }); } const view: any = { viewname: 'emrfodeedit-view', height: 800, width: 900, title: this.$t('entities.emrfode.views.editview.title'), }; openPopupModal(view, data); } /** * 打开编辑数据视图 * * @param {any[]} args * @param {*} [params] * @param {*} [fullargs] * @param {*} [$event] * @param {*} [xData] * @memberof EMRFODEGridView */ public opendata(args: any[],fullargs?:any[],params?: any, $event?: any, xData?: any) { const data: any = {}; let curViewParam = JSON.parse(JSON.stringify(this.context)); if(args.length >0){ Object.assign(curViewParam,args[0]); } const deResParameters: any[] = []; const parameters: any[] = [ { pathName: 'emrfodes', parameterName: 'emrfode' }, ]; const _this: any = this; const openDrawer = (view: any, data: any) => { let container: Subject<any> = this.$appdrawer.openDrawer(view, curViewParam, data); container.subscribe((result: any) => { if (!result || !Object.is(result.ret, 'OK')) { return; } if (!xData || !(xData.refresh instanceof Function)) { return; } xData.refresh(result.datas); }); } const view: any = { viewname: 'emrfodetab-exp-view', height: 0, width: 0, title: this.$t('entities.emrfode.views.tabexpview.title'), placement: 'DRAWER_TOP', }; openDrawer(view, data); } /** * 新建 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof EMRFODEGridViewBase */ 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 EMRFODEGridViewBase */ public Edit(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.opendata && _this.opendata instanceof Function) { const data: any = { }; if (args.length > 0) { Object.assign(data, { emrfode: args[0].emrfode }) } _this.opendata([{ ...data }], params, $event, xData); } else { _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在,请添加!' }); } } /** * 查看 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof EMRFODEGridViewBase */ public View(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.opendata && _this.opendata instanceof Function) { const data: any = { }; if (args.length > 0) { Object.assign(data, { emrfode: args[0].emrfode }) } _this.opendata([{ ...data }], params, $event, xData); } else { _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在,请添加!' }); } } /** * 拷贝 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof EMRFODEGridViewBase */ 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 }) } _this.newdata([{ ...data }],[{ ...data }],params, $event, xData); } else if (xData && xData.copy instanceof Function) { const data2: any = {}; if (args.length > 0) { Object.assign(data2, { srfsourcekey: args[0].srfkey }) } xData.copy(data2); } else { _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在,请添加!' }); } } /** * 行编辑 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof EMRFODEGridViewBase */ public ToggleRowEdit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { xData.actualIsOpenEdit = !xData.actualIsOpenEdit; } /** * 新建行 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof EMRFODEGridViewBase */ public NewRow(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { const _this: any = this; const data: any = {}; if (_this.newRow && _this.newRow instanceof Function) { _this.newRow([{ ...data }], params, $event, xData); } else if(xData.newRow && xData.newRow instanceof Function) { xData.newRow([{ ...data }], params, $event, xData); }else{ _this.$Notice.error({ title: '错误', desc: 'newRow 视图处理逻辑不存在,请添加!' }); } } /** * 删除 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof EMRFODEGridViewBase */ public Remove(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { const _this: any = this; if (!xData || !(xData.remove instanceof Function)) { return ; } xData.remove(args); } /** * 导出 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof EMRFODEGridViewBase */ public ExportExcel(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { const _this: any = this; if (!xData || !(xData.exportExcel instanceof Function) || !$event) { return ; } xData.exportExcel($event.exportparms); } /** * 打印 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof EMRFODEGridViewBase */ 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(); } /** * 过滤 * * @param {any[]} args 当前数据 * @param {any} contextJO 行为附加上下文 * @param {*} [params] 附加参数 * @param {*} [$event] 事件源 * @param {*} [xData] 执行行为所需当前部件 * @param {*} [actionContext] 执行行为上下文 * @memberof EMRFODEGridViewBase */ public ToggleFilter(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) { const _this: any = this; if (_this.hasOwnProperty('isExpandSearchForm')) { _this.isExpandSearchForm = !_this.isExpandSearchForm; } } /** * 销毁视图回调 * * @memberof EMRFODEGridViewBase */ 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); } }) } } } /** * 是否单选 * * @type {boolean} * @memberof EMRFODEGridViewBase */ public isSingleSelect: boolean = false; /** * Vue声明周期 * * @memberof ViewBase */ public created() { super.created(); if(this.formDruipart){ this.formDruipart.subscribe((res:any) =>{ if(Object.is(res.action,'save')){ this.viewState.next({ tag:'grid', action: 'save', data: this.viewparams }); } if(Object.is(res.action,'load')){ const _this: any = this; _this.engine.load(res.data,true); } }); } } /** * 界面关系通讯对象 * * @type {Subject<ViewState>} * @memberof EMRFODEGridViewBase */ @Prop() public formDruipart?: Subject<ViewState>; /** * 搜索值 * * @type {string} * @memberof EMRFODEGridViewBase */ public query: string = ''; /** * 是否展开搜索表单 * * @type {boolean} * @memberof EMRFODEGridViewBase */ public isExpandSearchForm: boolean = false; /** * 表格行数据默认激活模式 * 0 不激活 * 1 单击激活 * 2 双击激活 * * @type {(number | 0 | 1 | 2)} * @memberof EMRFODEGridViewBase */ public gridRowActiveMode: number | 0 | 1 | 2 = 2; /** * 快速搜索 * * @param {*} $event * @memberof EMRFODEGridViewBase */ public onSearch($event: any): void { const grid: any = this.$refs.grid; if (grid) { grid.load(this.context); } } /** * grid 部件 save 事件 * * @param {*} [args={}] * @param {*} $event * @memberof ENTITYTEST1Usr2GridViewBase */ public onSave($event: any) { this.$emit('drdatasaved', $event); } /** * 刷新数据 * * @readonly * @type {(number | null)} * @memberof EMRFODEGridViewBase */ get refreshdata(): number | null { return this.$store.getters['viewaction/getRefreshData'](this.viewtag); } /** * 监控数据变化 * * @param {*} newVal * @param {*} oldVal * @returns * @memberof EMRFODEGridViewBase */ @Watch('refreshdata') onRefreshData(newVal: any, oldVal: any) { if (newVal === null || newVal === undefined) { return; } if (newVal === 0) { return; } const grid: any = this.$refs.grid; if (grid) { grid.load({}); } } } </script> <style lang='less'> @import './emrfodegrid-view.less'; </style>