| | |
| | | </el-input> |
| | | <el-tree |
| | | class="filter-tree" |
| | | show-checkbox |
| | | :show-checkbox="isMuti" |
| | | :lazy="lazy" |
| | | :data="data" |
| | | :load="loadNode" |
| | |
| | | :filter-node-method="filterNode" |
| | | highlight-current |
| | | node-key="oid" |
| | | @check="checkNode" |
| | | @current-change="changeNode" |
| | | ref="tree"> |
| | | </el-tree> |
| | | </div> |
| | |
| | | //console.log(this.$el.clientHeight) |
| | | } |
| | | } |
| | | }, |
| | | checkDatas:{ |
| | | handler(newval) { |
| | | if(newval) { |
| | | console.log(newval) |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | filterText: '', |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'text' |
| | | }, |
| | | lazy:this.componentVO.treeDefineVO.loadType == 'node', |
| | | isMuti:true, |
| | | data:[], |
| | | checkDatas:[] |
| | | } |
| | | }, |
| | | created() { |
| | | this.initData(); |
| | | }, |
| | | mounted() { |
| | | console.log(this.$el.clientHeight) |
| | | }, |
| | | methods: { |
| | | filterNode(value, data) { |
| | |
| | | |
| | | resolve(data); |
| | | }, 500); |
| | | }, |
| | | checkNode(checkedNode, checkedData){ |
| | | if (this.isMuti) { |
| | | this.checkDatas=checkedData.checkedNodes; |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | filterText: '', |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'text' |
| | | }, |
| | | lazy:this.componentVO.treeDefineVO.loadType == 'node', |
| | | data:[] |
| | | changeNode(data,node) { |
| | | if (!this.isMuti) { |
| | | this.checkDatas=[data]; |
| | | } |
| | | }, |
| | | created() { |
| | | this.initData(); |
| | | }, |
| | | mounted() { |
| | | console.log(this.$el.clientHeight) |
| | | } |
| | | } |
| | | </script> |
| | | |