From 353efff194122e281925a390be5d576c2f4fff6d Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期三, 27 三月 2024 18:04:04 +0800 Subject: [PATCH] UI上下文展示引擎 --- Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue | 53 +++++++++++++++++++++++++++++++---------------------- 1 files changed, 31 insertions(+), 22 deletions(-) diff --git a/Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue b/Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue index 54cb510..af3363a 100644 --- a/Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue +++ b/Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue @@ -1,44 +1,49 @@ <template> <!--UI涓婁笅鏂囩殑灞曠ず鍣�--> - <div style="height:calc(100% - 4px);min-width:800px"> + <div style="height:calc(100% - 4px);min-width:1200px"> <el-header v-if="uiDefineVO.northAreas && uiDefineVO.northAreas.length>0"> - <UIContentArea :key="'northArea-'+uiDefineVO.oid" areas-name="northArea" + <UIContentArea :key="'northArea-'+uiDefineVO.oid" areas-name="northAreaInDialog" :areasData="uiDefineVO.northAreas" :inDialog="inDialog" :sourceData="sourceData" - :dataStore="dataStore" - :paramVOS="paramVOS"> + :dataStore="checkedData.northAreaInDialog[0]" + :paramVOS="paramVOS" + @setDataStore="setDataStore"> </UIContentArea> </el-header> <el-container :style="'height: '+(uiDefineVO.northAreas && uiDefineVO.northAreas.length>0?'calc(100% - 70px)':'100%')"> <el-aside v-if="uiDefineVO.westAreas && uiDefineVO.westAreas.length>0" :width="uiDefineVO.westAreas[0].componentVOs[0].uiComponentType=='table' || uiDefineVO.westAreas[0].componentVOs[0].uiComponentType=='TreeTable'?'420px':'320px'" height="100%"> - <UIContentArea :key="'westArea-'+uiDefineVO.oid" areas-name="westArea" + <UIContentArea :key="'westArea-'+uiDefineVO.oid" areas-name="westAreaInDialog" cradStyle="" :areasData="uiDefineVO.westAreas" :inDialog="inDialog" :sourceData="sourceData" - :dataStore="dataStore" - :paramVOS="paramVOS"> + :dataStore="checkedData.westAreaInDialog[0]" + :paramVOS="paramVOS" + @setDataStore="setDataStore"> </UIContentArea> </el-aside> <el-container style="height: 100%"> <el-main v-if="uiDefineVO.centerAreas && uiDefineVO.centerAreas.length>0" :style="'height: '+centerHeight"> - <u-i-content-area :key="'centerArea-'+uiDefineVO.oid" areas-name="centerArea" - cradStyle="" - :areasData="uiDefineVO.centerAreas" - :inDialog="inDialog" - :sourceData="checkedData.westAreas[0]" - :dataStore="checkedData.centerAreas[0]" - :paramVOS="paramVOS"></u-i-content-area> + <UIContentArea :key="'centerArea-'+uiDefineVO.oid" areas-name="centerAreaInDialog" + cradStyle="" + :areasData="uiDefineVO.centerAreas" + :inDialog="inDialog" + :sourceData="checkedData.westAreaInDialog[0]" + :dataStore="checkedData.centerAreaInDialog[0]" + :paramVOS="paramVOS" + @setDataStore="setDataStore"> + </UIContentArea> </el-main> - <el-footer v-if="uiDefineVO.southAreas && uiDefineVO.southAreas.length>0" height="300px" style="max-height: 300px"> - <UIContentArea :key="'southArea-'+uiDefineVO.oid" areas-name="southArea" + <el-footer v-if="uiDefineVO.southAreas && uiDefineVO.southAreas.length>0" height="35%" style="max-height: 300px"> + <UIContentArea :key="'southArea-'+uiDefineVO.oid" areas-name="southAreaInDialog" cradStyle="" :areasData="uiDefineVO.southAreas" :inDialog="inDialog" - :sourceData="checkedData.centerAreas[0]" - :dataStore="checkedData.southAreas[0]" - :paramVOS="paramVOS"> + :sourceData="checkedData.centerAreaInDialog[0]" + :dataStore="checkedData.southAreaInDialog[0]" + :paramVOS="paramVOS" + @setDataStore="setDataStore"> </UIContentArea> </el-footer> </el-container> @@ -83,9 +88,10 @@ content:this.customOptions.content,//UI涓婁笅鏂囩殑鍚嶇О checkedData:{ //鍚勫尯鍩熼�変腑鏁版嵁 - westAreas:[], - centerAreas:[], - southAreas:[] + northAreaInDialog:[], + westAreaInDialog:[], + centerAreaInDialog:[], + southAreaInDialog:[] }, uiDefineVO: uiDefineVOData, centerHeight:'100%' @@ -111,6 +117,9 @@ initContent(){ }, + setDataStore(value) { + this.checkedData[value.area] = value.dataStore; + } } } </script> -- Gitblit v1.9.3