| | |
| | | <el-container style="height: 580px"> |
| | | <el-aside style="width: 380px"> |
| | | <basic-container v-loading="leftLoading" style="height: 530px"> |
| | | <h3 style="margin: 0 0 10px 0">业务类型</h3> |
| | | <div style="height: 435px"> |
| | | <avue-tree ref="tree" :data="treeData" :option="treeOption" @node-click="nodeClick"> |
| | | <span slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <span> |
| | | <icon-show :name="data.icon"></icon-show> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </span> |
| | |
| | | treeOption: { |
| | | menu: false, |
| | | addBtn: false, |
| | | defaultExpandAll:true, |
| | | props: { |
| | | label: 'text', |
| | | value: 'oid', |
| | |
| | | uiTreeOption: { |
| | | nodeKey: 'oid', |
| | | checkOnClickNode: true, |
| | | defaultExpandedKeys: [], |
| | | defaultExpandAll:true, |
| | | //defaultExpandedKeys: this.defaultExpandKeys, |
| | | multiple: false, |
| | | menu: false, |
| | | addBtn: false, |
| | |
| | | }, |
| | | submitDialog() { |
| | | const node = this.$refs.uiTree.getCurrentNode(); |
| | | console.log(node); |
| | | if (!node.leaf) { |
| | | this.$message.error('请选择最下层子节点进行克隆'); |
| | | return; |
| | |
| | | getTreeList() { |
| | | this.leftLoading = true; |
| | | getBizTree().then(res => { |
| | | this.treeData = res.data.obj.children; |
| | | this.treeData = [{ |
| | | attributes: {}, |
| | | checked: false, |
| | | expanded: true, |
| | | data: "root", |
| | | level: res.data.obj.level, |
| | | icon: 'vci:home', |
| | | oid: res.data.obj.oid, |
| | | text: res.data.obj.text, |
| | | children: res.data.obj.children |
| | | }] ; |
| | | this.leftLoading = false; |
| | | }).catch(error => { |
| | | this.leftLoading = false; |
| | |
| | | }, |
| | | // 角色点击 |
| | | nodeClick(row, node) { |
| | | if(row.oid==''){ |
| | | return false; |
| | | } |
| | | this.nodeRow = row; |
| | | this.rightLoading = true; |
| | | const params = { |
| | | btmName: this.nodeRow.attributes.name, |
| | | level: this.paramsType |
| | | } |
| | | this.defaultExpandKeys = ['root']; |
| | | console.log(row); |
| | | //this.defaultExpandKeys = ['UILayout']; |
| | | getAllLevelTreeByBtm(params).then(res => { |
| | | this.uiTreeOption.defaultExpandedKeys = [res.data.obj.oid]; |
| | | //this.defaultExpandedKeys = [res.data.obj.oid]; |
| | | res.data.obj.icon='el-icon-s-home'; |
| | | let level=0; |
| | | this.processChildren(res.data.obj,level); // 处理每个节点 |
| | | //this.uiTreeOption.defaultExpandedKeys = this.defaultExpandKeys; |
| | | this.uiTreeData = [res.data.obj]; |
| | | console.log(res); |
| | | this.rightLoading = false; |
| | | }).catch(error => { |
| | | this.rightLoading = false; |
| | |
| | | }, |
| | | |
| | | //处理树 |
| | | processChildren(item) { |
| | | processChildren(item,level) { |
| | | if (item.children && item.children.length > 0) { |
| | | level++; |
| | | item.children = item.children.map(child => { |
| | | if (child.level < 4) { |
| | | this.defaultExpandKeys.push(child.oid) |
| | | //this.defaultExpandKeys.push(child.oid) |
| | | } |
| | | if (child.level == 1) { |
| | | if (level == 1) { |
| | | child.icon = 'el-icon-s-promotion'; |
| | | child.label = child.data.label + '(' + child.data.name + ')' |
| | | } else if (child.level == 2) { |
| | | } else if (level == 2) { |
| | | child.icon = 'el-icon-s-order'; |
| | | child.label = child.text |
| | | } else if (child.level == 3) { |
| | | } else if (level == 3) { |
| | | child.icon = 'el-icon-office-building'; |
| | | child.label = child.text |
| | | } else if (child.level == 4) { |
| | | } else if (level == 4) { |
| | | child.icon = 'el-icon-document'; |
| | | child.label = child.text |
| | | } else if (child.level == 5) { |
| | | } else if (level == 5) { |
| | | child.icon = 'el-icon-s-tools'; |
| | | child.label = child.text |
| | | } |
| | | this.processChildren(child); // 递归处理每个子节点 |
| | | this.processChildren(child,level); // 递归处理每个子节点 |
| | | return child; // 只返回子节点的 attributes |
| | | }); |
| | | } |