Skip to content

iBiz-Vue-R7
iBiz-Vue-R7
提交 a6a7a664 编写于 作者: Shine-zwj's avatar Shine-zwj
浏览文件
操作

update：更新

上级 5716de3d
显示空白字符变更
内嵌 并排
正在显示 包含 4 行增加 和 351 行删除
@CONTROL/面板/CONTROL-BASE.vue.ftl
浏览文件 @ a6a7a664
......@@ -12,6 +12,9 @@ import UIService from '@/uiservice/ui-service';
</#ibizinclude>
<#ibizinclude>
../../@VIEW/@MACRO/VIEW_LAYOUTPANEL/VIEW_LAYOUTPANEL_LOGIC.ftl
</#ibizinclude>
<#ibizinclude>
../../@MACRO/PANEL.ftl
</#ibizinclude>
/**
* 接口实现
......@@ -211,145 +214,7 @@ import UIService from '@/uiservice/ui-service';
*/
public layoutItems:any = {
<#list ctrl.getAllPSPanelItems() as panelItem>
<#assign detail>
name: '${panelItem.getName()}',
type: 'ITEMLAYOUT',
caption: '${panelItem.getCaption()}',
<#if panelItem.getTitleBarCloseMode?? && panelItem.getTitleBarCloseMode()??>titleBarCloseMode: ${panelItem.getTitleBarCloseMode()},</#if>
isShowCaption: <#if panelItem.isShowCaption?? && panelItem.isShowCaption()??>${panelItem.isShowCaption()?c}</#if>,
sysCss: '<#if panelItem.getPSSysCss?? && panelItem.getPSSysCss()??>${panelItem.getPSSysCss().getCssName()}</#if>',
itemType: '${panelItem.getItemType()}',
itemStyle: '${panelItem.getItemStyle()}',
<#if panelItem.getPSSysImage?? && panelItem.getPSSysImage()??>sysImage:{
iconcls: '<#if panelItem.getPSSysImage().getCssClass?? && panelItem.getPSSysImage().getCssClass()??>${panelItem.getPSSysImage().getCssClass()}</#if>',
imagePath:'<#if panelItem.getPSSysImage().getImagePath?? && panelItem.getPSSysImage().getImagePath()??>${panelItem.getPSSysImage().getImagePath()}</#if>',
rawContent: '<#if panelItem.getPSSysImage().getRawContent?? && panelItem.getPSSysImage().getRawContent()??>${panelItem.getPSSysImage().getRawContent()}</#if>'
},</#if>
visible: <#if panelItem.getPSPanelItemGroupLogic('PANELVISIBLE')??>false<#else>true</#if>,
disabled: false,
layout:'<#if panelItem.getPSLayout?? && panelItem.getPSLayout()?? && panelItem.getPSLayout().getLayout?? && panelItem.getPSLayout().getLayout()??>${panelItem.getPSLayout().getLayout()}</#if>',
layoutPos:'<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getLayoutPos?? && panelItem.getPSLayoutPos().getLayoutPos()??>${panelItem.getPSLayoutPos().getLayoutPos()}</#if>',
layoutHeight:<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getHeight?? && panelItem.getPSLayoutPos().getHeight()??>${panelItem.getPSLayoutPos().getHeight()}<#else>0</#if>,
heightMode:'<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getHeightMode?? && panelItem.getPSLayoutPos().getHeightMode()??>${panelItem.getPSLayoutPos().getHeightMode()}</#if>',
layoutWidth:<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getWidth?? && panelItem.getPSLayoutPos().getWidth()??>${panelItem.getPSLayoutPos().getWidth()}<#else>0</#if>,
widthMode:'<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getWidthMode?? && panelItem.getPSLayoutPos().getWidthMode()??>${panelItem.getPSLayoutPos().getWidthMode()}</#if>',
spacingBottom:'<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getSpacingBottom?? && panelItem.getPSLayoutPos().getSpacingBottom()??>${panelItem.getPSLayoutPos().getSpacingBottom()}</#if>',
spacingLeft:'<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getSpacingLeft?? && panelItem.getPSLayoutPos().getSpacingLeft()??>${panelItem.getPSLayoutPos().getSpacingLeft()}</#if>',
spacingRight:'<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getSpacingRight?? && panelItem.getPSLayoutPos().getSpacingRight()??>${panelItem.getPSLayoutPos().getSpacingRight()}</#if>',
spacingTop:'<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getSpacingTop?? && panelItem.getPSLayoutPos().getSpacingTop()??>${panelItem.getPSLayoutPos().getSpacingTop()}</#if>',
hAlignSelf:'<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getHAlignSelf?? && panelItem.getPSLayoutPos().getHAlignSelf()??>${panelItem.getPSLayoutPos().getHAlignSelf()}</#if>',
vAlignSelf:'<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getVAlignSelf?? && panelItem.getPSLayoutPos().getVAlignSelf()??>${panelItem.getPSLayoutPos().getVAlignSelf()}</#if>',
flexGrow:<#if panelItem.getPSLayoutPos?? && panelItem.getPSLayoutPos()?? && panelItem.getPSLayoutPos().getGrow?? && panelItem.getPSLayoutPos().getGrow()??>${panelItem.getPSLayoutPos().getGrow()}<#else>0</#if>,
flexParams:{align:'<#if panelItem.getFlexAlign?? && panelItem.getFlexAlign()??>${panelItem.getFlexAlign()}</#if>',dir:'<#if panelItem.getFlexDir?? && panelItem.getFlexDir()??>${panelItem.getFlexDir()}</#if>',vAlign:'<#if panelItem.getFlexVAlign?? && panelItem.getFlexVAlign()??>${panelItem.getFlexVAlign()}</#if>'},
<#if panelItem.getParentPSPanelItem?? && panelItem.getParentPSPanelItem()??>
parentName: '${panelItem.getParentPSPanelItem().getName()}',
</#if>
panel: this
</#assign>
<#if panelItem.getItemType() == 'CONTAINER'>
<@compress single_line=true>${panelItem.name}:{ ${detail}
<#if panelItem.getPSPanelItems()??>,
details:[<#list panelItem.getPSPanelItems() as childPanelItem>'${childPanelItem.getName()}'<#if childPanelItem_has_next>,</#if></#list>]
</#if>
<#if panelItem.getDataRegionType()??>,
dataRegionType: '${panelItem.getDataRegionType()}'
</#if>
<#if panelItem.getDataSourceType()??>,
dataSourceType: '${panelItem.getDataSourceType()}'
</#if>
<#if panelItem.getPSAppDataEntity?? && panelItem.getPSAppDataEntity()??>,
appDataEntityCodeName: '${panelItem.getPSAppDataEntity().getCodeName()?lower_case}'
</#if>
<#if panelItem.getPSAppDEMethod?? && panelItem.getPSAppDEMethod()??>,
appDEMethodCodeName: '${panelItem.getPSAppDEMethod().getCodeName()}'
</#if>
}<#if panelItem_has_next>,</#if></@compress>
<#elseif panelItem.getItemType() == 'RAWITEM'>
<#assign rawItem>
viewType: '${view.getViewType()}',
predefinedType: '${panelItem.getPSRawItem().getPredefinedType()}',
contentType: '${panelItem.getPSRawItem().getContentType()}',
contentStyle: '${panelItem.getPSRawItem().getCssStyle()}',
rawContent: '<#if panelItem.getRawContent?? && panelItem.getRawContent()??>${panelItem.getRawContent()}</#if>',
htmlContent: '<#if panelItem.getHtmlContent?? && panelItem.getHtmlContent()??>${panelItem.getHtmlContent()}</#if>',
<#if panelItem.getPSRawItem().getRenderMode?? && panelItem.getPSRawItem().getRenderMode()??>
renderMode: '${panelItem.getPSRawItem().getRenderMode()}',
</#if>
<#if panelItem.getPSRawItem()?? && panelItem.getPSRawItem().getWrapMode?? && panelItem.getPSRawItem().getWrapMode()??>
wrapMode:'${panelItem.getPSRawItem().getWrapMode()}',
</#if>
<#if panelItem.getPSRawItem()?? && panelItem.getPSRawItem().getVAlign?? && panelItem.getPSRawItem().getVAlign()??>
vAlign:'${panelItem.getPSRawItem().getVAlign()}',
</#if>
<#if panelItem.getPSRawItem()?? && panelItem.getPSRawItem().getHAlign?? && panelItem.getPSRawItem().getHAlign()??>
hAlign:'${panelItem.getPSRawItem().getHAlign()}',
</#if>
</#assign>
<@compress single_line=true>${panelItem.name}:{ ${detail}, ${rawItem} }<#if panelItem_has_next>,</#if></@compress>
<#elseif panelItem.getItemType() == 'FIELD'>
<#assign field>
<#if panelItem.getFieldStates?? && panelItem.getFieldStates()??>
fieldState: '${panelItem.getFieldStates()}',
</#if>
<#if panelItem.getPSEditor?? && panelItem.getPSEditor()??>
<#if panelItem.getPSEditor().getPredefinedType?? && panelItem.getPSEditor().getPredefinedType()??>
predefinedType: '${panelItem.getPSEditor().getPredefinedType()}',
</#if>
<#if panelItem.getPSEditor().getRenderMode?? && panelItem.getPSEditor().getRenderMode()??>
renderMode: '${panelItem.getPSEditor().getRenderMode()}',
</#if>
</#if>
<#if panelItem.getViewFieldName?? && panelItem.getViewFieldName()??>
dataItemName:'${panelItem.getViewFieldName()}',
</#if>
<#if panelItem.getEditorType?? && panelItem.getEditorType()?? && (panelItem.getEditorType() == "SPAN")>
<#if panelItem.getPSEditor?? && panelItem.getPSEditor()??>
<#assign panelEditor = panelItem.getPSEditor() />
<#if panelEditor.getWrapMode?? && panelEditor.getWrapMode()??>
wrapMode:'${panelEditor.getWrapMode()}',
</#if>
<#if panelEditor.getVAlign?? && panelEditor.getVAlign()??>
vAlign:'${panelEditor.getVAlign()}',
</#if>
<#if panelEditor.getHAlign?? && panelEditor.getHAlign()??>
hAlign:'${panelEditor.getHAlign()}',
</#if>
</#if>
</#if>
</#assign>
<@compress single_line=true>${panelItem.name}:{ ${detail}, ${field} }<#if panelItem_has_next>,</#if></@compress>
<#elseif panelItem.getItemType() == 'CONTROL'>
<@compress single_line=true>${panelItem.name}:{ ${detail} }<#if panelItem_has_next>,</#if></@compress>
<#elseif panelItem.getItemType() == 'BUTTON'>
<#assign button>
<#if panelItem.getButtonStyle?? && panelItem.getButtonStyle()??>
buttonStyle: '${panelItem.getButtonStyle()}',
</#if>
<#if panelItem.getBorderStyle?? && panelItem.getBorderStyle()??>
borderStyle: '${panelItem.getBorderStyle()}',
</#if>
iconAlign: '${panelItem.getIconAlign()}',
<#if panelItem.getPSUIAction?? && panelItem.getPSUIAction()??>
<#if panelItem.getPSUIAction().getPredefinedType?? && panelItem.getPSUIAction().getPredefinedType()??>
predefinedType: '${panelItem.getPSUIAction().getPredefinedType()}',
</#if>
</#if>
<#if panelItem.getRenderMode?? && panelItem.getRenderMode()??>
renderMode: '${panelItem.getRenderMode()}',
</#if>
</#assign>
<@compress single_line=true>${panelItem.name}:{ ${detail}, ${button} }<#if panelItem_has_next>,</#if></@compress>
<#elseif panelItem.getItemType() == 'USERCONTROL'>
<@compress single_line=true>${panelItem.name}:{ ${detail} }<#if panelItem_has_next>,</#if></@compress>
<#elseif panelItem.getItemType() == 'TABPANEL'>
<@compress single_line=true>${panelItem.name}:{ ${detail}<#if panelItem.getPSPanelTabPages()??>,
details:[<#list panelItem.getPSPanelTabPages() as tabpage>'${tabpage.getName()}'<#if tabpage_has_next>,</#if></#list>]</#if> }<#if panelItem_has_next>,</#if></@compress>
<#elseif panelItem.getItemType() == 'CTRLPOS'>
<@compress single_line=true>${panelItem.name}:{ ${detail} }<#if panelItem_has_next>,</#if></@compress>
<#elseif panelItem.getItemType() == 'TABPAGE'>
<@compress single_line=true>${panelItem.name}:{ ${detail}<#if panelItem.getPSPanelItems()??>,
details:[<#list panelItem.getPSPanelItems() as childPanelItem>'${childPanelItem.getName()}'<#if childPanelItem_has_next>,</#if></#list>]</#if>}<#if panelItem_has_next>,</#if></@compress>
</#if>
<@getPanelItem panelItem "ITEMLAYOUT">
</#list>
};
......
@MACRO/PANEL.ftl
浏览文件 @ a6a7a664
......@@ -139,215 +139,3 @@
details:[<#list panelItem.getPSPanelItems() as childPanelItem>'${childPanelItem.getName()}'<#if childPanelItem_has_next>,</#if></#list>]</#if>}<#if panelItem_has_next>,</#if></@compress>
</#if>
</#macro>
<#macro panelBase item>
/**
* 布局面板是否加载
*
* @public
* @memberof ${srfclassname('${item.name}')}Base
*/
public isLayoutLoadding: boolean = true;
/**
* 布局面板数据
*
* @public
* @memberof ${srfclassname('${item.name}')}Base
*/
public layoutData:any = {};
/**
* 布局面板模型对象
*
* @public
* @memberof ${srfclassname('${item.name}')}Base
*/
public layoutModelDetails:any = {};
/**
* 初始化布局
*
* @public
* @memberof ${srfclassname('${item.name}')}Base
*/
public async initLayout() {
if (this.rootLayoutDetailNames.length > 0) {
for (let i = 0; i < this.rootLayoutDetailNames.length; i++) {
const name = this.rootLayoutDetailNames[i];
const rootItem = this.layoutItems[name];
if (!rootItem) {
return;
}
await this.initLayoutItem(rootItem);
}
}
return true;
}
/**
* 初始化布局项
*
* @public
* @memberof ${srfclassname('${item.name}')}Base
*/
public async initLayoutItem(layoutModelItem: any, index: number = 0) {
const { name } = layoutModelItem;
const layoutModelDetail = Util.getLayoutItemInstance(layoutModelItem);
if (!index) {
await layoutModelDetail.load(this.context, this.viewparams);
this.$set(this.layoutModelDetails, name, layoutModelDetail);
this.$set(this.layoutData, name, layoutModelDetail.getData());
} else {
layoutModelDetail.setIndex(index);
await layoutModelDetail.load(this.context, this.viewparams);
<#noparse>this.$set(this.layoutModelDetails, `${name}_${index}`, layoutModelDetail);</#noparse>
<#noparse>this.$set(this.layoutData, `${name}_${index}`, layoutModelDetail.getData());</#noparse>
}
if (layoutModelDetail && layoutModelDetail.details) {
if (layoutModelDetail.dataRegionType === 'MULTIDATA') {
const multiData = layoutModelDetail.getData();
if (multiData && multiData.length > 0) {
for (let i = 0; i < multiData.length; i++) {
for (let j = 0; j < layoutModelDetail.details.length; j++) {
const key = layoutModelDetail.details[j];
if (this.layoutItems[key]) {
await this.initLayoutItem(this.layoutItems[key], i);
}
}
}
}
} else {
for (let i = 0; i < layoutModelDetail.details.length; i++) {
const key = layoutModelDetail.details[i];
if (this.layoutItems[key]) {
await this.initLayoutItem(this.layoutItems[key],index);
}
}
}
}
}
</#macro>
<#macro panelLogic item>
<@compress single_line=true>
<#if item.getLogicType() == 'GROUP'>
<#if item.isNotMode()>
!(
</#if>
<#if item.getPSPanelItemLogics()??>
<#list item.getPSPanelItemLogics() as subLogic>
<#if subLogic_index gt 0>
<#if item.getGroupOP() == 'AND'>
&&
</#if>
<#if item.getGroupOP() == 'OR'>
||
</#if>
</#if>
<@panelLogic subLogic/>
</#list>
</#if>
<#if item.isNotMode()>
)
</#if>
<#elseif item.getLogicType() == 'SINGLE'>
this.$verify.testCond(_${item.getDstModelField()?lower_case}, "${item.getCondOp()}", "${item.getValue()}")
</#if>
</@compress>
</#macro>
<#macro panelItemLogic panelItem>
<#if panelItem.getPSPanelItemGroupLogic('ITEMBLANK')??>
<#assign ITEMBLANK = panelItem.getPSPanelItemGroupLogic('ITEMBLANK')/>
if (Object.is(name, '')<#if ITEMBLANK.getRelatedItemNames()??><#list ITEMBLANK.getRelatedItemNames() as detailName> || Object.is(name, '${detailName}')</#list></#if>) {
let ret = true;
<#if ITEMBLANK.getRelatedItemNames()??>
<#list ITEMBLANK.getRelatedItemNames() as detailName>
const _${detailName} = this.layoutData['${detailName}'];
</#list>
</#if>
if (<@panelLogic ITEMBLANK/>) {
ret = false;
}
this.layoutModelDetails['${panelItem.name}'].required = ret;
}
</#if>
<#if panelItem.getPSPanelItemGroupLogic('ITEMENABLE')??>
<#assign ITEMENABLE = panelItem.getPSPanelItemGroupLogic('ITEMENABLE')/>
if (Object.is(name, '')<#if ITEMENABLE.getRelatedItemNames()??><#list ITEMENABLE.getRelatedItemNames() as detailName> || Object.is(name, '${detailName}')</#list></#if>) {
let ret = false;
<#if ITEMENABLE.getRelatedItemNames()??>
<#list ITEMENABLE.getRelatedItemNames() as detailName>
const _${detailName} = this.layoutData['${detailName}'];
</#list>
</#if>
if (<@panelLogic ITEMENABLE/>) {
ret = true;
}
this.layoutModelDetails['${panelItem.name}'].disabled = !ret;
}
</#if>
<#if panelItem.getPSPanelItemGroupLogic('PANELVISIBLE')??>
<#assign PANELVISIBLE = panelItem.getPSPanelItemGroupLogic('PANELVISIBLE')/>
if (Object.is(name, '')<#if PANELVISIBLE.getRelatedItemNames()??><#list PANELVISIBLE.getRelatedItemNames() as detailName> || Object.is(name, '${detailName}')</#list></#if>) {
let ret = false;
<#if PANELVISIBLE.getRelatedItemNames()??>
<#list PANELVISIBLE.getRelatedItemNames() as detailName>
const _${detailName} = this.layoutData['${detailName}'];
</#list>
</#if>
if (<@panelLogic PANELVISIBLE/>) {
ret = true;
}
this.layoutModelDetails['${panelItem.name}'].visible = ret;
}
</#if>
</#macro>
<#macro xData view>
let curLayoutModel = null;
Object.values(this.layoutModelDetails).forEach((layoutModel: any) => {
if (layoutModel.name == name) {
curLayoutModel = layoutModel;
}
})
// 获取数据容器
if (curLayoutModel) {
const getDataArea = (cLayoutModel: any): any => {
let dataArea = null;
let parentLayoutModel = null;
Object.values(this.layoutModelDetails).forEach((pLayoutModel: any) => {
if (pLayoutModel.name == cLayoutModel.parentName) {
parentLayoutModel = pLayoutModel;
if (parentLayoutModel.dataRegionType == 'SINGLEDATA' || parentLayoutModel.dataRegionType == 'MULTIDATA') {
dataArea = parentLayoutModel;
}
}
})
if (!dataArea && parentLayoutModel) {
dataArea = getDataArea(parentLayoutModel);
}
return dataArea;
}
xData = getDataArea(curLayoutModel);
<#if view?? && view.getXDataControlName?? && view.getXDataControlName()?? && view.getXDataControlName() != ''>
// 获取激活部件
if (!xData) {
const xDataControlName = "${view.getXDataControlName()}";
let xDataControl = null;
Object.values(this.layoutModelDetails).forEach((layoutModel: any) => {
if (layoutModel.name.toLowerCase() == xDataControlName.toLowerCase()) {
xDataControl = layoutModel;
return
}
})
xData = xDataControl;
}
</#if>
}
// 获取当前视图
if (!xData) {
xData = this;
}
</#macro>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或