import { Prop, Provide, Emit, Model } from 'vue-property-decorator'; import { Subject, Subscription } from 'rxjs'; import { UIActionTool,Util,ViewTool } from '@/utils'; import { Watch, MainControlBase } from '@/studio-core'; import Purchase_requisitionService from '@/service/purchase-requisition/purchase-requisition-service'; import MasterSummaryService from './master-summary-dashboard-service'; import Purchase_requisitionUIService from '@/uiservice/purchase-requisition/purchase-requisition-ui-service'; import UtilService from '@/utilservice/util-service'; /** * dashboard部件基类 * * @export * @class MainControlBase * @extends {MasterSummaryDashboardBase} */ export class MasterSummaryDashboardBase extends MainControlBase { /** * 获取部件类型 * * @protected * @type {string} * @memberof MasterSummaryDashboardBase */ protected controlType: string = 'DASHBOARD'; /** * 建构部件服务对象 * * @type {MasterSummaryService} * @memberof MasterSummaryDashboardBase */ public service: MasterSummaryService = new MasterSummaryService({ $store: this.$store }); /** * 实体服务对象 * * @type {Purchase_requisitionService} * @memberof MasterSummaryDashboardBase */ public appEntityService: Purchase_requisitionService = new Purchase_requisitionService({ $store: this.$store }); /** * 应用实体名称 * * @protected * @type {string} * @memberof MasterSummaryDashboardBase */ protected appDeName: string = 'purchase_requisition'; /** * 应用实体中文名称 * * @protected * @type {string} * @memberof MasterSummaryDashboardBase */ protected appDeLogicName: string = '采购申请'; /** * 界面UI服务对象 * * @type {Purchase_requisitionUIService} * @memberof MasterSummaryBase */ public appUIService:Purchase_requisitionUIService = new Purchase_requisitionUIService(this.$store); /** * 是否支持看板定制 * * @public * @type {(boolean)} * @memberof MasterSummary */ @Prop() public isEnableCustomized!:boolean; /** * 是否已有看板定制 * * @public * @type {(boolean)} * @memberof MasterSummary */ public isHasCustomized:boolean = false; /** * 模型数据 * * @public * @type {(*)} * @memberof MasterSummary */ public modelDta:any; /** * modleId * * @type {string} * @memberof MasterSummary */ public modelId:string = "dashboard_purchase_requisition_mastersummary"; /** * 建构功能服务对象 * * @type {UtilService} * @memberof MasterSummary */ public utilService:UtilService = new UtilService(); /** * 功能服务名称 * * @type {string} * @memberof MasterSummary */ public utilServiceName:string = ""; /** * 获取多项数据 * * @returns {any[]} * @memberof MasterSummary */ public getDatas(): any[] { return []; } /** * 获取单项树 * * @returns {*} * @memberof MasterSummary */ public getData(): any { return {}; } /** * vue 生命周期 * * @memberof MasterSummary */ public created() { this.afterCreated(); } /** * 执行created后的逻辑 * * @memberof MasterSummary */ public afterCreated(){ if (this.viewState) { this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => { if (!Object.is(tag, this.name)) { return; } if (Object.is('load', action)) { this.loadModel(); } }); } } /** * 动态设计水平列数 * * @memberof MasterSummary */ public layoutColNum:number = 12; /** * 动态设计单元格高度,80px * * @memberof MasterSummary */ public layoutRowH:number = 80; /** * 通知状态 * * @memberof MasterSummary */ public notifyState(){ this.$nextTick(() =>{ if (this.isHasCustomized) { if (this.modelDta && this.modelDta.length > 0) { this.modelDta.forEach((item: any) => { this.viewState.next({ tag: item.portletCodeName, action: "load", data: JSON.parse(JSON.stringify(this.viewparams)) }); }); } } else { if (this.viewState) { const refs: any = this.$refs; Object.keys(refs).forEach((name: string) => { this.viewState.next({ tag: name, action: "load", data: JSON.parse(JSON.stringify(this.viewparams)) }); }); } } }) } /** * 加载布局与数据模型 * * @memberof MasterSummary */ public loadModel(){ if(this.isEnableCustomized){ this.utilService.getService(this.utilServiceName).then((service:any) =>{ service.loadModelData(JSON.parse(JSON.stringify(this.context)),{modelid:this.modelId,utilServiceName:this.utilServiceName}).then((res:any) =>{ if(res && res.status == 200){ const data:any = res.data; if(data && data.length >0){ this.isHasCustomized = true; this.modelDta = data; this.$forceUpdate(); }else{ this.isHasCustomized = false; } this.notifyState(); }else{ console.error("加载面板模型异常"); this.isHasCustomized = false; this.notifyState(); } }).catch((error:any)=>{ console.error("加载面板模型异常"); console.error(error); this.isHasCustomized = false; this.notifyState(); }); }) }else{ this.notifyState(); } } /** * 处理私人定制按钮 * * @memberof MasterSummary */ public handleClick(){ const view:any ={ viewname: 'app-portal-design', title: (this.$t('app.dashBoard.handleClick.title')), width: 1600, placement: 'DRAWER_RIGHT' } const viewparam:any ={ modelid:this.modelId, utilServiceName:this.utilServiceName, appdeName:'Purchase_requisition' } const appdrawer = this.$appdrawer.openDrawer(view, JSON.parse(JSON.stringify(this.context)), viewparam); appdrawer.subscribe((result: any) => { if(Object.is(result.ret,'OK')){ this.loadModel(); } }); } /** * vue 生命周期 * * @memberof MasterSummary */ public destroyed() { this.afterDestroy(); } /** * 执行destroyed后的逻辑 * * @memberof MasterSummary */ public afterDestroy() { if (this.viewStateEvent) { this.viewStateEvent.unsubscribe(); } } }