From a23f7d5910585923ff323332e557f8f0ea98d293 Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期一, 08 四月 2024 16:27:20 +0800
Subject: [PATCH] UI展示，树展示

---
 Source/ProjectWeb/src/views/base/UIContentViewer.vue |   26 ++++++++++++++++++--------
 1 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/Source/ProjectWeb/src/views/base/UIContentViewer.vue b/Source/ProjectWeb/src/views/base/UIContentViewer.vue
index 8b2cd6b..62b9081 100644
--- a/Source/ProjectWeb/src/views/base/UIContentViewer.vue
+++ b/Source/ProjectWeb/src/views/base/UIContentViewer.vue
@@ -24,7 +24,7 @@
                        @setDataStore="setDataStore">
         </UIContentArea>
       </el-aside>
-      <el-container style="height: 100%">
+      <el-container style="height: 100%;display: block">
         <el-main v-if="uiDefineVO.centerAreas && uiDefineVO.centerAreas.length>0" :style="'height: '+centerHeight">
           <UIContentArea :key="'centerArea-'+uiDefineVO.oid" :areasData="uiDefineVO.centerAreas"
                          :dataStore="checkedData.centerArea"
@@ -54,7 +54,6 @@
 <script>
 import {verifyNull} from "@/util/validate";
 import UIContentArea from "@/views/base/UIContentArea"
-import {uiDefineVOData} from "@/views/base/uiDefineVO"
 import {getUIContent} from '@/api/base/region'
 
 export default {
@@ -78,8 +77,21 @@
       sourceData: {},
     }
   },
-  watch: {},
-  computed: {},
+  watch: {
+    typeAContent:{
+      handler(newV,oldV){
+        if(oldV!=newV && !verifyNull(newV)){
+          this.initUI();
+        }
+      },
+      immediate: true,
+    }
+  },
+  computed: {
+    typeAContent(){
+      return this.btmType+this.content;
+    }
+  },
   created() {
     if (verifyNull(this.$route.query.type) || (verifyNull(this.$route.query.context) && verifyNull(this.$route.query.content))) {
       this.$message.error("閰嶇疆鐨勪俊鎭敊璇紝璇峰弬鑰僢s=缁勪欢name?type=xxx&context=yyy&param=zzz杩欑褰㈠紡銆傚叾涓璽ype鏄笟鍔＄被鍨嬶紙鎴栭摼鎺ョ被鍨嬶級锛宑ontext鏄疷I涓婁笅鏂囩殑鍚嶇О");
@@ -88,15 +100,13 @@
     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() {
-      const query = {btmType: 'folder', id: 'cardtemplatemanager'}
-      getUIContent(query).then(res => {
+      getUIContent({btmType: this.btmType, id: this.content}).then(res => {
         console.log(res.data.obj)
         this.uiDefineVO = res.data.obj;
+        this.initContent();
       })
     },
     initContent() {

--
Gitblit v1.9.3