| | |
| | | :data="TreeData" |
| | | :option="option" |
| | | :page.sync="pageType" |
| | | @row-click="rowClickChange" |
| | | @selection-change="TreeSelectChange"> |
| | | <template #icon="scope"> |
| | | <i :class="scope.row.icon" |
| | |
| | | }, |
| | | sourceData:{ |
| | | handler(newval) { |
| | | //源数据有变化时变更当前区域数据 |
| | | console.log(this.areasName); |
| | | console.log(newval); |
| | | } |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | rowClickChange(row){ |
| | | this.$refs.treeTable.toggleRowSelection(row); |
| | | }, |
| | | TreeSelectChange(row) { |
| | | this.TreeSelectList = row; |
| | | this.$emit("setDataStore", { |
| | |
| | | watch:{ |
| | | sourceData:{ |
| | | handler(newval) { |
| | | //源数据有变化时变更当前区域数据 |
| | | console.log(this.areasName); |
| | | console.log(newval); |
| | | } |
| | |
| | | watch:{ |
| | | sourceData:{ |
| | | handler(newval) { |
| | | //源数据有变化时变更当前区域数据 |
| | | console.log(this.areasName); |
| | | console.log(newval); |
| | | } |
| | |
| | | :option="option" |
| | | :page.sync="pageType" |
| | | :table-loading="loading" |
| | | @row-click="rowClickChange" |
| | | @selection-change="selectChange"> |
| | | <!--top区域按钮--> |
| | | <template slot="menuLeft" slot-scope="scope"> |
| | |
| | | }, |
| | | sourceData:{ |
| | | handler(newval) { |
| | | //源数据有变化时变更当前区域数据 |
| | | console.log(this.areasName); |
| | | console.log(newval); |
| | | } |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | rowClickChange(row){ |
| | | this.$refs.dataTable.toggleRowSelection(row); |
| | | }, |
| | | selectChange(row) { |
| | | this.selectList = row; |
| | | this.$emit("setDataStore", { |
| | |
| | | <el-tree |
| | | class="filter-tree" |
| | | :show-checkbox="isMuti" |
| | | :check-on-click-node="true" |
| | | :lazy="lazy" |
| | | :data="data" |
| | | :load="loadNode" |
| | |
| | | }, |
| | | sourceData:{ |
| | | handler(newval) { |
| | | //源数据有变化时变更当前区域数据 |
| | | console.log(this.areasName); |
| | | console.log(newval); |
| | | } |
| | |
| | | :areasData="uiDefineVO.northAreas" |
| | | :inDialog="inDialog" |
| | | :sourceData="sourceData" |
| | | :dataStore="checkedData.northArea[0]" |
| | | :dataStore="checkedData.northArea" |
| | | :paramVOS="paramVOS" |
| | | @setDataStore="setDataStore"> |
| | | </UIContentArea> |
| | |
| | | :areasData="uiDefineVO.westAreas" |
| | | :inDialog="inDialog" |
| | | :sourceData="sourceData" |
| | | :dataStore="checkedData.westArea[0]" |
| | | :dataStore="checkedData.westArea" |
| | | :paramVOS="paramVOS" |
| | | @setDataStore="setDataStore"> |
| | | </UIContentArea> |
| | |
| | | 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> |
| | |
| | | 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> |
| | |
| | | content:'',//UI上下文的名称 |
| | | checkedData:{ |
| | | //各区域选中数据 |
| | | northArea:[], |
| | | westArea:[], |
| | | centerArea:[], |
| | | southArea:[] |
| | | northArea:[{}], |
| | | westArea:[{}], |
| | | centerArea:[{}], |
| | | southArea:[{}] |
| | | }, |
| | | uiDefineVO: uiDefineVOData, |
| | | centerHeight:'100%' |
| | |
| | | :areasData="uiDefineVO.northAreas" |
| | | :inDialog="inDialog" |
| | | :sourceData="sourceData" |
| | | :dataStore="checkedData.northAreaInDialog[0]" |
| | | :dataStore="checkedData.northAreaInDialog" |
| | | :paramVOS="paramVOS" |
| | | @setDataStore="setDataStore"> |
| | | </UIContentArea> |
| | |
| | | :areasData="uiDefineVO.westAreas" |
| | | :inDialog="inDialog" |
| | | :sourceData="sourceData" |
| | | :dataStore="checkedData.westAreaInDialog[0]" |
| | | :dataStore="checkedData.westAreaInDialog" |
| | | :paramVOS="paramVOS" |
| | | @setDataStore="setDataStore"> |
| | | </UIContentArea> |
| | |
| | | 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> |
| | |
| | | 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> |
| | |
| | | content:this.customOptions.content,//UI上下文的名称 |
| | | checkedData:{ |
| | | //各区域选中数据 |
| | | northAreaInDialog:[], |
| | | westAreaInDialog:[], |
| | | centerAreaInDialog:[], |
| | | southAreaInDialog:[] |
| | | northAreaInDialog:[{}], |
| | | westAreaInDialog:[{}], |
| | | centerAreaInDialog:[{}], |
| | | southAreaInDialog:[{}] |
| | | }, |
| | | uiDefineVO: uiDefineVOData, |
| | | centerHeight:'100%' |