| | |
| | | }; |
| | | }, |
| | | created() { |
| | | console.log(this.refertype) |
| | | if(this.refertype=='tree'){ |
| | | console.log('referConfig:') |
| | | console.log(this.options) |
| | |
| | | <template> |
| | | <avue-input-tree :props="props" :lazy="lazy" :multiple="isMuti" v-model="value" :placeholder="placeholder" :dic="treeData"></avue-input-tree> |
| | | <avue-input-tree :props="props" :lazy="lazy" :tree-load="treeLoad" :leaf-only="!options.onlyLeaf" :multiple="isMuti" v-model="value" :placeholder="placeholder" :dic="treeData"></avue-input-tree> |
| | | </template> |
| | | |
| | | <script> |
| | | import {getTree,getLazyTree} from "@/api/refer/tree"; |
| | | import {getDeptLazyTree} from "@/api/system/dept"; |
| | | |
| | | export default { |
| | | name: "vciWebReferTree", |
| | |
| | | data() { |
| | | return { |
| | | lazy:this.options.loadType == 'node', |
| | | isMuti:true,//options.muti, |
| | | isMuti:this.options.muti, |
| | | placeholder:'请选择内容', |
| | | props: { |
| | | value:this.options.valueField, |
| | | label:this.options.textField |
| | | value:this.options.valueField || 'oid', |
| | | label:this.options.textField || "name" |
| | | //value:"value", |
| | | //label:"title" |
| | | }, |
| | | treeData:[{ |
| | | title:'选项1', |
| | | value:0, |
| | | children:[{ |
| | | title:'选项3', |
| | | value:2 |
| | | },{ |
| | | title:'选项4', |
| | | value:3 |
| | | }] |
| | | },{ |
| | | title:'选项2', |
| | | value:1 |
| | | }] |
| | | treeData:[], |
| | | params:{} |
| | | }; |
| | | }, |
| | | created() { |
| | | |
| | | this.getParams(); |
| | | }, |
| | | mounted() { |
| | | this.getTree(); |
| | | if(!this.lazy){ |
| | | this.getTree() |
| | | } |
| | | }, |
| | | methods: { |
| | | getTree(){ |
| | | getTree({parentId:0},this.options.url).then(res => { |
| | | this.treeData=res.data |
| | | getParams:function (){ |
| | | |
| | | console.log(this.treeData) |
| | | }, |
| | | getTree(){ |
| | | getTree(this.params,this.options.url).then(res => { |
| | | this.treeData=res.data |
| | | }) |
| | | }, |
| | | getLazyTree(){ |
| | | getLazyTree({parentId:0},this.options.url).then(res => { |
| | | this.treeData=res.data.data |
| | | |
| | | console.log(this.treeData) |
| | | }) |
| | | }, |
| | | treeLoad: function (tree,treeNode, resolve) { |
| | | debugger; |
| | | treeLoad: function (treeNode, resolve) { |
| | | const parentId = (treeNode.level === 0) ? 0 : treeNode.data.id; |
| | | /*getDeptLazyTree({parentId:parentId}).then(res => { |
| | | resolve(res.data.data) |
| | | });*/ |
| | | getLazyTree({...this.params,parentId:parentId}).then(res => { |
| | | resolve(res.data.data.map(item => { |
| | | return { |
| | | ...item, |
| | | leaf: !item.hasChildren |
| | | } |
| | | })) |
| | | }); |
| | | } |
| | | |
| | | } |