| | |
| | | </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'?'390px':'320px'" height="100%"> |
| | | <el-aside v-if="uiDefineVO.westAreas && uiDefineVO.westAreas.length>0" :width="uiDefineVO.westAreas[0].componentVOs[0].uiComponentType=='table'?'400px':'320px'" height="100%"> |
| | | <UIContentArea :key="'westArea-'+uiDefineVO.oid" areas-name="westArea" |
| | | cradStyle="height:100%" |
| | | cradStyle="" |
| | | :areasData="uiDefineVO.westAreas" |
| | | :inDialog="inDialog" |
| | | :sourceData="sourceData" |
| | |
| | | :paramVOS="paramVOS"> |
| | | </UIContentArea> |
| | | </el-aside> |
| | | <el-container> |
| | | <el-main v-if="uiDefineVO.centerAreas && uiDefineVO.centerAreas.length>0" style="min-height: calc(100% - 310px)"> |
| | | <el-container style="height: 100%"> |
| | | <el-main v-if="uiDefineVO.centerAreas && uiDefineVO.centerAreas.length>0" :style="'height: '+centerHeight"> |
| | | <UIContentArea :key="'centerArea-'+uiDefineVO.oid" areas-name="centerArea" |
| | | cradStyle="height:100%" |
| | | cradStyle="" |
| | | :areasData="uiDefineVO.centerAreas" |
| | | :inDialog="inDialog" |
| | | :sourceData="checkedData.westAreas[0]" |
| | |
| | | :paramVOS="paramVOS"> |
| | | </UIContentArea> |
| | | </el-main> |
| | | <el-footer v-if="uiDefineVO.southAreas && uiDefineVO.southAreas.length>0" height="500px" style="max-height: 300px"> |
| | | <el-footer v-if="uiDefineVO.southAreas && uiDefineVO.southAreas.length>0" height="300px" style="max-height: 300px"> |
| | | <UIContentArea :key="'southArea-'+uiDefineVO.oid" areas-name="southArea" |
| | | cradStyle="height:100%" |
| | | cradStyle="" |
| | | :areasData="uiDefineVO.southAreas" |
| | | :inDialog="inDialog" |
| | | :sourceData="checkedData.centerAreas[0]" |
| | |
| | | centerAreas:[], |
| | | southAreas:[] |
| | | }, |
| | | uiDefineVO: uiDefineVOData |
| | | uiDefineVO: uiDefineVOData, |
| | | centerHeight:'100%' |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | computed: { |
| | | |
| | | }, |
| | | created() { |
| | | if (this.uiDefineVO.southAreas && this.uiDefineVO.southAreas.length > 0) { |
| | | this.centerHeight = 'calc(100% - 310px)'; |
| | | } else { |
| | | this.centerHeight = '100%'; |
| | | } |
| | | }, |
| | | methods: { |
| | | initUI(){ |
| | | |