From b47493e37a857208c47d1421edcad81260c734ce Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期五, 02 六月 2023 17:29:05 +0800
Subject: [PATCH] 修改树参照的懒加载
---
Source/UBCS-WEB/src/components/refer/vciWebRefer.vue | 1
Source/UBCS-WEB/src/components/refer/vciWebReferTree.vue | 61 ++++++++++++------------------
2 files changed, 24 insertions(+), 38 deletions(-)
diff --git a/Source/UBCS-WEB/src/components/refer/vciWebRefer.vue b/Source/UBCS-WEB/src/components/refer/vciWebRefer.vue
index 90e7944..9d6f311 100644
--- a/Source/UBCS-WEB/src/components/refer/vciWebRefer.vue
+++ b/Source/UBCS-WEB/src/components/refer/vciWebRefer.vue
@@ -18,7 +18,6 @@
};
},
created() {
- console.log(this.refertype)
if(this.refertype=='tree'){
console.log('referConfig:')
console.log(this.options)
diff --git a/Source/UBCS-WEB/src/components/refer/vciWebReferTree.vue b/Source/UBCS-WEB/src/components/refer/vciWebReferTree.vue
index 1a93438..d506c66 100644
--- a/Source/UBCS-WEB/src/components/refer/vciWebReferTree.vue
+++ b/Source/UBCS-WEB/src/components/refer/vciWebReferTree.vue
@@ -1,10 +1,9 @@
<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",
@@ -12,57 +11,45 @@
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
+ }
+ }))
+ });
}
}
--
Gitblit v1.9.3