| | |
| | | :data="TreeData" |
| | | :option="option" |
| | | :page.sync="pageType" |
| | | @row-click="rowClickChange" |
| | | @selection-change="TreeSelectChange"> |
| | | <template #icon="scope"> |
| | | <i :class="scope.row.icon" |
| | |
| | | </template> |
| | | <!--top区域按钮--> |
| | | <template slot="menuLeft" slot-scope="scope"> |
| | | <dynamic-button :butttonList="componentVO.buttons" :selectList="TreeSelectList" LocationType="top" |
| | | <dynamic-button :componentVO="componentVO" :butttonList="componentVO.buttons" :dataStore="TreeSelectList" :sourceData="sourceData" LocationType="top" |
| | | type="TreeTable"></dynamic-button> |
| | | </template> |
| | | |
| | | <!--menu区域按钮--> |
| | | <template slot="menu" slot-scope="scope"> |
| | | <dynamic-button :butttonList="componentVO.buttons" :scope="scope" :selectList="TreeSelectList" LocationType="menu" default="default" |
| | | <dynamic-button :componentVO="componentVO" :butttonList="componentVO.buttons" :scope="scope" :dataStore="TreeSelectList" :sourceData="sourceData" LocationType="menu" default="default" |
| | | type="TreeTable"></dynamic-button> |
| | | </template> |
| | | </avue-crud> |
| | |
| | | }, |
| | | 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", { |
| | | area: this.areasName, |
| | | type:this.componentVO.uiComponentType, |
| | | dataStore:row |
| | | }); |
| | | }, |
| | | handleRefresh(){ |
| | | this.$refs.treeTable.refreshTable(); |
| | | } |
| | | } |
| | | } |
| | | </script> |