From 11654cd865cb3c01817eeb765e341bb617a23458 Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期四, 28 三月 2024 11:56:05 +0800 Subject: [PATCH] UI上下文展示引擎 --- Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue | 20 ++++++++++---------- Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue | 1 + Source/ProjectWeb/src/components/dynamic-components/dynamic-TreeTable.vue | 5 +++++ Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue | 1 + Source/ProjectWeb/src/views/base/UIContentViewer.vue | 20 ++++++++++---------- Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue | 5 +++++ Source/ProjectWeb/src/components/dynamic-components/dynamic-tree.vue | 2 ++ 7 files changed, 34 insertions(+), 20 deletions(-) diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-TreeTable.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-TreeTable.vue index 92a07cb..b563d16 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-TreeTable.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-TreeTable.vue @@ -5,6 +5,7 @@ :data="TreeData" :option="option" :page.sync="pageType" + @row-click="rowClickChange" @selection-change="TreeSelectChange"> <template #icon="scope"> <i :class="scope.row.icon" @@ -370,6 +371,7 @@ }, sourceData:{ handler(newval) { + //婧愭暟鎹湁鍙樺寲鏃跺彉鏇村綋鍓嶅尯鍩熸暟鎹� console.log(this.areasName); console.log(newval); } @@ -387,6 +389,9 @@ } }, methods: { + rowClickChange(row){ + this.$refs.treeTable.toggleRowSelection(row); + }, TreeSelectChange(row) { this.TreeSelectList = row; this.$emit("setDataStore", { diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue index 5d85586..a64f2ae 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue @@ -65,6 +65,7 @@ watch:{ sourceData:{ handler(newval) { + //婧愭暟鎹湁鍙樺寲鏃跺彉鏇村綋鍓嶅尯鍩熸暟鎹� console.log(this.areasName); console.log(newval); } diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue index 9ec835c..41cbbad 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue @@ -81,6 +81,7 @@ watch:{ sourceData:{ handler(newval) { + //婧愭暟鎹湁鍙樺寲鏃跺彉鏇村綋鍓嶅尯鍩熸暟鎹� console.log(this.areasName); console.log(newval); } diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue index 2bdc3df..0a6ecb1 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-table.vue @@ -6,6 +6,7 @@ :option="option" :page.sync="pageType" :table-loading="loading" + @row-click="rowClickChange" @selection-change="selectChange"> <!--top鍖哄煙鎸夐挳--> <template slot="menuLeft" slot-scope="scope"> @@ -540,6 +541,7 @@ }, sourceData:{ handler(newval) { + //婧愭暟鎹湁鍙樺寲鏃跺彉鏇村綋鍓嶅尯鍩熸暟鎹� console.log(this.areasName); console.log(newval); } @@ -555,6 +557,9 @@ } }, methods: { + rowClickChange(row){ + this.$refs.dataTable.toggleRowSelection(row); + }, selectChange(row) { this.selectList = row; this.$emit("setDataStore", { diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-tree.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-tree.vue index 4669c6e..30577f9 100644 --- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-tree.vue +++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-tree.vue @@ -7,6 +7,7 @@ <el-tree class="filter-tree" :show-checkbox="isMuti" + :check-on-click-node="true" :lazy="lazy" :data="data" :load="loadNode" @@ -80,6 +81,7 @@ }, sourceData:{ handler(newval) { + //婧愭暟鎹湁鍙樺寲鏃跺彉鏇村綋鍓嶅尯鍩熸暟鎹� console.log(this.areasName); console.log(newval); } diff --git a/Source/ProjectWeb/src/views/base/UIContentViewer.vue b/Source/ProjectWeb/src/views/base/UIContentViewer.vue index 1e3ee6d..f27d9da 100644 --- a/Source/ProjectWeb/src/views/base/UIContentViewer.vue +++ b/Source/ProjectWeb/src/views/base/UIContentViewer.vue @@ -6,7 +6,7 @@ :areasData="uiDefineVO.northAreas" :inDialog="inDialog" :sourceData="sourceData" - :dataStore="checkedData.northArea[0]" + :dataStore="checkedData.northArea" :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> @@ -18,7 +18,7 @@ :areasData="uiDefineVO.westAreas" :inDialog="inDialog" :sourceData="sourceData" - :dataStore="checkedData.westArea[0]" + :dataStore="checkedData.westArea" :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> @@ -29,8 +29,8 @@ cradStyle="" :areasData="uiDefineVO.centerAreas" :inDialog="inDialog" - :sourceData="checkedData.westArea[0]" - :dataStore="checkedData.centerArea[0]" + :sourceData="checkedData.westArea[checkedData.westArea.length-1]" + :dataStore="checkedData.centerArea" :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> @@ -40,8 +40,8 @@ cradStyle="" :areasData="uiDefineVO.southAreas" :inDialog="inDialog" - :sourceData="checkedData.centerArea[0]" - :dataStore="checkedData.southArea[0]" + :sourceData="checkedData.centerArea[checkedData.centerArea.length-1]" + :dataStore="checkedData.southArea" :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> @@ -79,10 +79,10 @@ content:'',//UI涓婁笅鏂囩殑鍚嶇О checkedData:{ //鍚勫尯鍩熼�変腑鏁版嵁 - northArea:[], - westArea:[], - centerArea:[], - southArea:[] + northArea:[{}], + westArea:[{}], + centerArea:[{}], + southArea:[{}] }, uiDefineVO: uiDefineVOData, centerHeight:'100%' diff --git a/Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue b/Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue index af3363a..ad074fb 100644 --- a/Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue +++ b/Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue @@ -6,7 +6,7 @@ :areasData="uiDefineVO.northAreas" :inDialog="inDialog" :sourceData="sourceData" - :dataStore="checkedData.northAreaInDialog[0]" + :dataStore="checkedData.northAreaInDialog" :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> @@ -18,7 +18,7 @@ :areasData="uiDefineVO.westAreas" :inDialog="inDialog" :sourceData="sourceData" - :dataStore="checkedData.westAreaInDialog[0]" + :dataStore="checkedData.westAreaInDialog" :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> @@ -29,8 +29,8 @@ cradStyle="" :areasData="uiDefineVO.centerAreas" :inDialog="inDialog" - :sourceData="checkedData.westAreaInDialog[0]" - :dataStore="checkedData.centerAreaInDialog[0]" + :sourceData="checkedData.westAreaInDialog[checkedData.westAreaInDialog.length-1]" + :dataStore="checkedData.centerAreaInDialog" :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> @@ -40,8 +40,8 @@ cradStyle="" :areasData="uiDefineVO.southAreas" :inDialog="inDialog" - :sourceData="checkedData.centerAreaInDialog[0]" - :dataStore="checkedData.southAreaInDialog[0]" + :sourceData="checkedData.centerAreaInDialog[checkedData.centerAreaInDialog.length-1]" + :dataStore="checkedData.southAreaInDialog" :paramVOS="paramVOS" @setDataStore="setDataStore"> </UIContentArea> @@ -88,10 +88,10 @@ content:this.customOptions.content,//UI涓婁笅鏂囩殑鍚嶇О checkedData:{ //鍚勫尯鍩熼�変腑鏁版嵁 - northAreaInDialog:[], - westAreaInDialog:[], - centerAreaInDialog:[], - southAreaInDialog:[] + northAreaInDialog:[{}], + westAreaInDialog:[{}], + centerAreaInDialog:[{}], + southAreaInDialog:[{}] }, uiDefineVO: uiDefineVOData, centerHeight:'100%' -- Gitblit v1.9.3