| | |
| | | .avue--detail .el-col{ |
| | | margin-bottom: 0; |
| | | } |
| | | .avue-crud .avue-crud__menu{ |
| | | min-height: 26px; |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button{ |
| | | |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button--text{ |
| | | padding: 2px 6px; |
| | | } |
| | | .avue-crud table td{ |
| | | line-height: 22px; |
| | | } |
| | |
| | | } |
| | | /**表内操作栏**/ |
| | | .avue-crud .avue-crud__menu{ |
| | | min-height: 22px; |
| | | min-height: 18px; |
| | | display: flex; |
| | | justify-content: space-around; |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button{ |
| | | |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button--text{ |
| | | padding: 2px 6px; |
| | | display: flex; |
| | | } |
| | | .avue-crud .avue-crud__menu .el-button--text > span { |
| | | display: flex; |
| | | } |
| | | .el-table--small, .el-table__expand-icon{ |
| | | font-size: 14px; |
| | |
| | | margin-right: 3px; |
| | | } |
| | | |
| | | .avue-crud .avue-crud__menu .el-button--text >span { |
| | | display: flex; |
| | | } |
| | | |
| | | /* |
| | | 树 |
| | | */ |
| | |
| | | display: none !important; |
| | | } |
| | | /*图标**/ |
| | | .el-tree-node__label > span{ |
| | | display: flex; |
| | | } |
| | | .el-tree-node__label .iconShow{ |
| | | display: inline-block; |
| | | width: 14px !important; |
| | |
| | | @node-click="nodeClick"> |
| | | <span slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <span> |
| | | <i class="el-icon-s-promotion"></i> |
| | | <icon-show v-if="data.icon" :name="data.icon"></icon-show> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </span> |
| | |
| | | prop: 'plImage', |
| | | search: true, |
| | | searchLabelWidth:120, |
| | | overHidden: true, |
| | | width:80 |
| | | }, |
| | | { |
| | | label: 'B/S链接地址', |
| | |
| | | </el-col> |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item :inline-message='true' label="名称:" prop="label"> |
| | | <el-form-item label="名称:" prop="label"> |
| | | <el-input v-model="basicForm.label" :disabled="disabledBtn"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | delBtn: false, |
| | | refreshBtn: false, |
| | | dialogWidth:'600', |
| | | menuWidth:'150', |
| | | menuWidth:'140', |
| | | column: [ |
| | | { |
| | | label: '名称', |
| | | prop: 'name', |
| | | width:180, |
| | | span: 24, |
| | | overHidden:true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | |
| | | prop: 'value', |
| | | type:'textarea', |
| | | span: 24, |
| | | overHidden:true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | |
| | | <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"> |
| | |
| | | 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']; |
| | | //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]; |
| | | this.rightLoading = false; |
| | | }).catch(error => { |
| | |
| | | }, |
| | | |
| | | //处理树 |
| | | 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 |
| | | }); |
| | | } |