UI上下文展示引擎

 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", {

 Source/ProjectWeb/src/components/dynamic-components/dynamic-custom.vue

@@ -65,6 +65,7 @@
  watch:{
    sourceData:{
      handler(newval) {
        //源数据有变化时变更当前区域数据
        console.log(this.areasName);
        console.log(newval);
      }

 Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue

@@ -81,6 +81,7 @@
  watch:{
    sourceData:{
      handler(newval) {
        //源数据有变化时变更当前区域数据
        console.log(this.areasName);
        console.log(newval);
      }

 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", {

 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);
      }

 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%'

 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%'