<template> <#if ctrl.render??> ${ctrl.render.code} <#else> <div class='pickupviewpanel<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??> ${ctrl.getPSSysCss().getCssName()}</#if>'> <component v-if="inited && view.viewname && !Object.is(view.viewname, '')" :is="view.viewname" class="viewcontainer3" :viewdata="viewdata" :viewparam="viewparam" :viewDefaultUsage="false" :isSingleSelect="isSingleSelect" :selectedData="selectedData" :isShowButton="isShowButton" @viewdataschange="onViewDatasChange" @viewdatasactivated="viewDatasActivated" @viewload="onViewLoad"> </component> </div> </#if> </template> <#assign import_block> import ${srfclassname('${ctrl.codeName}')}Model from './${srffilepath2(ctrl.codeName)}-${ctrl.getControlType()?lower_case}-model'; </#assign> <#ibizinclude> ../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl </#ibizinclude> <#ibizinclude> ../@MACRO/FUNC/MACRO.ftl </#ibizinclude> /** * 选中数据字符串 * * @type {string} * @memberof ${srfclassname('${ctrl.codeName}')}Base */ @Prop() public selectedData?: string; /** * 获取多项数据 * * @returns {any[]} * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public getDatas(): any[] { return []; } /** * 获取单项树 * * @returns {*} * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public getData(): any { return {}; } /** * 视图名称 * * @type {*} * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public view: any = { viewname: '<#if ctrl.getPSAppDEView()??>${srffilepath2(ctrl.getPSAppDEView().getCodeName())}</#if>', data: {}, } /** * 局部上下文 * * @type {*} * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public localContext: any = <#if ctrl.getPSNavigateContexts?? && ctrl.getPSNavigateContexts()??><@getNavigateContext ctrl /><#else>null</#if>; /** * 局部视图参数 * * @type {*} * @memberof PickupViewpickupviewpanel */ public localViewParam: any = <#if ctrl.getPSNavigateParams?? && ctrl.getPSNavigateParams()??><@getNavigateParams ctrl /><#else>null</#if>; /** * 视图数据 * * @type {*} * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public viewdata: string = JSON.stringify(this.context); /** * 视图参数 * * @type {*} * @memberof PickupViewpickupviewpanel */ public viewparam: string = JSON.stringify(this.viewparams); /** * 是否显示按钮 * * @type {boolean} * @memberof ${srfclassname('${ctrl.codeName}')}Base */ @Prop({default: true}) public isShowButton!: boolean; /** * 是否单选 * * @type {boolean} * @memberof ${srfclassname('${ctrl.codeName}')}Base */ @Prop() public isSingleSelect?: boolean; /** * 初始化完成 * * @type {boolean} * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public inited: boolean = false; /** * 视图数据变化 * * @param {*} $event * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public onViewDatasChange($event: any): void { if($event.length>0){ $event.forEach((item:any,index:any) => { let srfmajortext = item.srfmajortext?item.srfmajortext:item['${ctrl.getPSAppDataEntity().getMajorPSAppDEField().getCodeName()?lower_case}']; if(srfmajortext){ Object.assign($event[index],{srfmajortext: srfmajortext}); } }); } this.$emit('selectionchange', $event); } /** * 视图数据被激活 * * @param {*} $event * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public viewDatasActivated($event: any): void { this.$emit('activated', $event); } /** * 视图加载完成 * * @param {*} $event * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public onViewLoad($event: any): void { this.$emit('load', $event); } /** * vue 生命周期 * * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public created() { this.afterCreated(); } /** * 执行created后的逻辑 * * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public afterCreated(){ this.initNavParam(); if (this.viewState) { this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => { if (!Object.is(tag, this.name)) { return; } if (Object.is('load', action)) { this.viewdata = JSON.stringify(this.context); this.viewparam = JSON.stringify(Object.assign(data, this.viewparams)); this.inited = true; } }); } } /** * 初始化导航参数 * * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public initNavParam(){ if(this.localContext && Object.keys(this.localContext).length >0){ let _context:any = this.$util.computedNavData({},this.context,this.viewparams,this.localContext); Object.assign(this.context,_context); } if(this.localViewParam && Object.keys(this.localViewParam).length >0){ let _param:any = this.$util.computedNavData({},this.context,this.viewparams,this.localViewParam); Object.assign(this.viewparams,_param); } this.viewdata = JSON.stringify(this.context); this.viewparam = JSON.stringify(this.viewparams); } /** * vue 生命周期 * * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public destroyed() { this.afterDestroy(); } /** * 执行destroyed后的逻辑 * * @memberof ${srfclassname('${ctrl.codeName}')}Base */ public afterDestroy() { if (this.viewStateEvent) { this.viewStateEvent.unsubscribe(); } <#if destroyed_block??> ${destroyed_block} </#if> } <#ibizinclude> ../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl </#ibizinclude> <#ibizinclude> ../@MACRO/CONTROL/CONTROL-BASE.style.ftl </#ibizinclude>