From af4655ca7d5e9bdd84991d79ee4696dc06c6e8e6 Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期二, 06 六月 2023 17:51:57 +0800
Subject: [PATCH] 修改树参照的options及接口参数组装
---
Source/UBCS-WEB/src/components/refer/vciWebReferTree.vue | 159 +++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 118 insertions(+), 41 deletions(-)
diff --git a/Source/UBCS-WEB/src/components/refer/vciWebReferTree.vue b/Source/UBCS-WEB/src/components/refer/vciWebReferTree.vue
index 1a93438..fb1830b 100644
--- a/Source/UBCS-WEB/src/components/refer/vciWebReferTree.vue
+++ b/Source/UBCS-WEB/src/components/refer/vciWebReferTree.vue
@@ -1,68 +1,145 @@
<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="!referConfig.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",
- props:["options","value"],
+ props:["referConfig","value"],
data() {
return {
- lazy:this.options.loadType == 'node',
- isMuti:true,//options.muti,
- placeholder:'璇烽�夋嫨鍐呭',
+ options: this.referConfig.options,
+ lazy: this.referConfig.options.loadType == 'node',
+ isMuti: this.referConfig.isMuti,
+ placeholder: this.referConfig.placeholder || '璇烽�夋嫨鍐呭',
props: {
- value:this.options.valueField,
- label:this.options.textField
+ value: this.referConfig.valueField || this.referConfig.options.valueField || 'oid',
+ label: this.referConfig.textField || this.referConfig.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
- }]
- };
+ treeUrl: this.referConfig.options.url || '',//'/api/ubcs-code/codeClassify/treeCodeClassify',
+ treeData: [],
+ params: {},
+ loadType: {'all': 'all', 'node': 'node'},
+ copyParam: ['btmType', 'lnType', 'toBtmType', 'textField', 'valueField', 'parentFieldName', 'parentValue', 'sort', 'order', 'isDirection', 'whereSql', 'isMuti', 'queryScheme', 'isQueryAllColumn', 'queryColumn', 'split', 'loadType', 'onlyLeaf', 'onlyLeafText', 'parentUsedField']
+ }
},
created() {
-
+ this.getParams();
},
mounted() {
- this.getTree();
+ if(!this.lazy){
+ if(this.options.data){//濡傛灉鏄浐瀹氭暟鎹殑鎯呭喌涓�
+ this.treeData=this.options.data
+ }else{
+ this.getTree()
+ }
+ }
},
methods: {
- getTree(){
- getTree({parentId:0},this.options.url).then(res => {
- this.treeData=res.data
+ getParams:function (){
+ var queryParams = {};
+ debugger;
+ if(this.options.extraParams){
+ queryParams = this.options.extraParams;
+ }
+ for(var i= 0 ; i < this.copyParam.length ; i ++){
+ if(this.copyParam[i] == "btmType") {
+ queryParams[this.copyParam[i]] = this.options['referBo'] || this.options['referType'];
+ }else if(this.copyParam[i] in this.options){
+ queryParams[this.copyParam[i]] = this.options[this.copyParam[i]];
+ }
+ }
+ queryParams['referBo'] = this.options['referBo'] || this.options['referType'];
+ queryParams['selectAllLevel'] = (this.options.loadType == this.loadType.all?true:false);//true鏃跺悗鍙颁細鎶ラ敊
+ if(queryParams.isMuti =="true"){
+ queryParams.muti =true;
+ }
+ if(queryParams.isQueryAllColumn =="true"){
+ queryParams.isQueryAllColumn = true;
+ }
+ if(this.options.useFormKey && this.options.formValues){
+ //浣跨敤琛ㄥ崟涓婄殑瀛楁鏉ヨ繃婊�
+ queryParams['conditionMap["' + (this.options.paramForFormKey?this.options.paramForFormKey:this.options.useFormKey) + '"]'] = this.options.formValues[this.options.useFormKey];
+ }
+ if (!this.options.loadType) {
+ this.options.loadType = this.loadType.node;
+ }
+ queryParams['queryAllLevel'] = this.options.loadType == this.loadType.node? false : true;//榛樿閫愮骇灞曞紑
+ queryParams['loadType'] = this.options.loadType;
+ queryParams['multipleSelect'] = this.isMuti;
+ queryParams['isMuti'] = queryParams['multipleSelect'];
+ if (this.options.remoteSort && this.options.initSort) {
+ queryParams['order'] = this.options.initSort.type;//鏂规硶
+ queryParams['sort'] = this.options.initSort.field;//瀛楁
+ }
+ if (this.options.rootParams) {
+ for (var key in this.options.rootParams) {
+ queryParams[key] = this.options.rootParams[key];
+ }
+ }
+ if (this.options.conditionParams) {
+ //璇存槑鏄墿灞曞睘鎬�
+ for (var key in this.options.conditionParams) {
+ queryParams['conditionMap["' + key + '"]'] = this.options.conditionParams[key];//鏂扮殑鏂瑰紡
+ }
+ }
+ if(this.options.where ) {
+ for (var key in this.options.where) {
+ queryParams['conditionMap["' + key + '"]'] = this.options.where[key];//鏂�
+ }
+ }
+ if (this.options.treeExtandParams) {
+ //璇存槑鏄墿灞曞睘鎬�
+ for (var key in this.options.treeExtandParams) {
+ queryParams['extandParamsMap["' + key + '"]'] = this.options.treeExtandParams[key];//鏂扮殑鏂瑰紡
+ }
+ }
+ if (this.options.sourceDataParams) {
+ //璇存槑鏄墿灞曞睘鎬�
+ for (var key in this.options.sourceDataParams) {
+ if (key && key.constructor === Object) return;
+ queryParams['sourceData["' + key + '"]'] = this.options.sourceDataParams[key];//鏂扮殑鏂瑰紡
+ }
+ }
+ if (this.options.replaceParams) {
+ //璇存槑鏄墿灞曞睘鎬�
+ for (var key in this.options.replaceParams) {
+ if (key && key.constructor === Object) return;
+ queryParams['replaceMap["' + key + '"]'] = this.options.replaceParams[key];//鏂扮殑鏂瑰紡
+ }
+ }
+ this.params=queryParams;
- console.log(this.treeData)
+ },
+ getTree(){
+ getTree(this.params,this.treeUrl).then(res => {
+ this.treeData=res.data
})
},
- getLazyTree(){
- getLazyTree({parentId:0},this.options.url).then(res => {
- this.treeData=res.data.data
+ treeLoad: function (treeNode, resolve) {
+ const parentOid = (treeNode.level === 0) ? 0 : treeNode.data.oid;
+ this.params.parentOid=parentOid.indexOf('@vcitreesep@') > -1 ? parentOid.split('@vcitreesep@')[1] : parentOid;
+ this.params.parentValue=this.params.parentOid;
+ this.params.parentBtmName=treeNode.data.attributes.btmName || treeNode.data.attributes.btmname;
+ this.params.parentBtmType=this.params.parentBtmName;
- console.log(this.treeData)
- })
- },
- treeLoad: function (tree,treeNode, resolve) {
- debugger;
- const parentId = (treeNode.level === 0) ? 0 : treeNode.data.id;
- /*getDeptLazyTree({parentId:parentId}).then(res => {
- resolve(res.data.data)
- });*/
+ if (this.options.rootParams && treeNode.level !== 0) {
+ for (var key in this.options.rootParams) {
+ delete this.params[key]
+ }
+ }
+ getLazyTree(this.params,this.treeUrl).then(res => {
+ resolve(res.data.data.map(item => {
+ return {
+ ...item,
+ leaf: !item.hasChildren
+ }
+ }))
+ });
}
}
--
Gitblit v1.9.3