From 1d6d5056c496fdb15b2722bf034de633bf268c93 Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期五, 29 三月 2024 15:55:38 +0800 Subject: [PATCH] UI上下文展示引擎 --- Source/ProjectWeb/src/views/base/UIContentViewer.vue | 75 ++++++++++++++++--------------------- 1 files changed, 32 insertions(+), 43 deletions(-) diff --git a/Source/ProjectWeb/src/views/base/UIContentViewer.vue b/Source/ProjectWeb/src/views/base/UIContentViewer.vue index f27d9da..7eb33d1 100644 --- a/Source/ProjectWeb/src/views/base/UIContentViewer.vue +++ b/Source/ProjectWeb/src/views/base/UIContentViewer.vue @@ -7,7 +7,6 @@ :inDialog="inDialog" :sourceData="sourceData" :dataStore="checkedData.northArea" - :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> </el-header> @@ -19,7 +18,6 @@ :inDialog="inDialog" :sourceData="sourceData" :dataStore="checkedData.westArea" - :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> </el-aside> @@ -31,7 +29,6 @@ :inDialog="inDialog" :sourceData="checkedData.westArea[checkedData.westArea.length-1]" :dataStore="checkedData.centerArea" - :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> </el-main> @@ -42,7 +39,6 @@ :inDialog="inDialog" :sourceData="checkedData.centerArea[checkedData.centerArea.length-1]" :dataStore="checkedData.southArea" - :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> </el-footer> @@ -52,61 +48,54 @@ </template> <script> +import { verifyNull } from "@/util/validate"; import UIContentArea from "@/views/base/UIContentArea" import {uiDefineVOData} from "@/views/base/uiDefineVO" export default { name: "UIContentViewer", - components:{UIContentArea}, - props:{ - inDialog: { - type: Boolean, - default: false - }, - sourceData:{ - //鑿滃崟婧愭暟鎹垨鑰呭脊绐楁椂鎸夐挳鎵�灞炲尯鍩熺殑涓婁竴鍖哄煙閫変腑鏁版嵁 - type:Object, - default: {} - }, - paramVOS:{ - type:Object, - default: {} - } - }, + components: {UIContentArea}, data() { return { - btmType:'',//涓氬姟绫诲瀷锛堟垨閾炬帴绫诲瀷锛� - content:'',//UI涓婁笅鏂囩殑鍚嶇О - checkedData:{ + btmType: '',//涓氬姟绫诲瀷锛堟垨閾炬帴绫诲瀷锛� + content: '',//UI涓婁笅鏂囩殑鍚嶇О + checkedData: { //鍚勫尯鍩熼�変腑鏁版嵁 - northArea:[{}], - westArea:[{}], - centerArea:[{}], - southArea:[{}] + northArea: [{}], + westArea: [{}], + centerArea: [{}], + southArea: [{}] }, - uiDefineVO: uiDefineVOData, - centerHeight:'100%' + uiDefineVO: {}, + centerHeight: '100%', + inDialog: false, + //鑿滃崟婧愭暟鎹� + sourceData: {}, } }, - watch: { - - }, - computed: { - - }, + watch: {}, + computed: {}, created() { - if (this.uiDefineVO.southAreas && this.uiDefineVO.southAreas.length > 0) { - this.centerHeight = 'calc(100% - 310px)'; - } else { - this.centerHeight = '100%'; + if (verifyNull(this.$route.query.type) || (verifyNull(this.$route.query.context) && verifyNull(this.$route.query.content))) { + this.$message.error("閰嶇疆鐨勪俊鎭敊璇紝璇峰弬鑰僢s=?type=xxx&context=yyy¶m=zzz杩欑褰㈠紡銆傚叾涓璽ype鏄笟鍔$被鍨嬶紙鎴栭摼鎺ョ被鍨嬶級锛宑ontext鏄疷I涓婁笅鏂囩殑鍚嶇О"); + return false; } + this.btmType=this.$route.query.type; + this.content=this.$route.query.context ||this.$route.query.content; + this.sourceData=this.$route.query; + this.initUI(); + this.initContent(); }, methods: { - initUI(){ - + initUI() { + this.uiDefineVO = uiDefineVOData; }, - initContent(){ - + initContent() { + if (this.uiDefineVO.southAreas && this.uiDefineVO.southAreas.length > 0) { + this.centerHeight = 'calc(100% - 310px)'; + } else { + this.centerHeight = '100%'; + } }, setDataStore(value) { this.checkedData[value.area] = value.dataStore; -- Gitblit v1.9.3