| | |
| | | <template> |
| | | <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> |
| | | <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> |
| | |
| | | |
| | | export default { |
| | | name: "vciWebReferTree", |
| | | props:["options","value"], |
| | | props:["referConfig","value"], |
| | | data() { |
| | | return { |
| | | lazy:this.options.loadType == 'node', |
| | | isMuti:this.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 || 'oid', |
| | | label:this.options.textField || "name" |
| | | value: this.referConfig.valueField || this.referConfig.options.valueField || 'oid', |
| | | label: this.referConfig.textField || this.referConfig.options.textField || "name" |
| | | //value:"value", |
| | | //label:"title" |
| | | }, |
| | | treeData:[], |
| | | params:{} |
| | | }; |
| | | 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() { |
| | | if(!this.lazy){ |
| | | this.getTree() |
| | | if(this.options.data){//如果是固定数据的情况下 |
| | | this.treeData=this.options.data |
| | | }else{ |
| | | this.getTree() |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | 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; |
| | | |
| | | }, |
| | | getTree(){ |
| | | getTree(this.params,this.options.url).then(res => { |
| | | getTree(this.params,this.treeUrl).then(res => { |
| | | this.treeData=res.data |
| | | }) |
| | | }, |
| | | treeLoad: function (treeNode, resolve) { |
| | | const parentId = (treeNode.level === 0) ? 0 : treeNode.data.id; |
| | | getLazyTree({...this.params,parentId:parentId}).then(res => { |
| | | 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; |
| | | |
| | | 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, |