| | |
| | | :close-on-click-modal="false" |
| | | @close="cancelDialog"> |
| | | <el-container style="height: 550px"> |
| | | <el-aside> |
| | | <basic-container style="height: 500px"> |
| | | <avue-tree ref="tree" :data="treeData" :option="treeOption" @node-click="nodeClick"> |
| | | <el-aside style="height: 500px"> |
| | | <basic-container v-loading="leftLoading"> |
| | | <div style="height: 425px"> |
| | | <avue-tree ref="tree" :data="treeData" :option="treeOption" @node-click="nodeClick"> |
| | | <span slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <span> |
| | | <i class="el-icon-user-solid"></i> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </span> |
| | | </avue-tree> |
| | | </avue-tree> |
| | | </div> |
| | | </basic-container> |
| | | </el-aside> |
| | | |
| | | <el-main> |
| | | <basic-container style="height: 500px"> |
| | | <el-main style="height: 500px"> |
| | | <basic-container v-loading="rightLoading"> |
| | | <h3 style="margin: 0">模块权限配置</h3> |
| | | <div style="height: 445px;"> |
| | | <avue-tree ref="uiTree" :data="uiTreeData" :option="uiTreeOption"> |
| | |
| | | name: "UIDialog", |
| | | data() { |
| | | return { |
| | | leftLoading:false, |
| | | rightLoading:false, |
| | | dialog: { |
| | | showDialog: false, |
| | | title: "UI授权", |
| | |
| | | this.dialog.showDialog = false; |
| | | }, |
| | | getTreeList() { |
| | | const loading = this.$loading({}); |
| | | this.leftLoading = true; |
| | | gridRoles().then(res => { |
| | | this.treeData = res.data.data; |
| | | loading.close(); |
| | | this.leftLoading = false; |
| | | }).catch(error=>{ |
| | | loading.close(); |
| | | this.leftLoading = false; |
| | | }) |
| | | }, |
| | | // 角色点击 |
| | | nodeClick(row,node) { |
| | | this.nodeRow = row; |
| | | const loading = this.$loading({}); |
| | | this.rightLoading = true; |
| | | const params = { |
| | | 'conditionMap[roleId]': this.nodeRow.oid, |
| | | 'conditionMap[type]': this.type, |
| | |
| | | label: res.data.data[0].text, |
| | | children: res.data.data[0].children |
| | | }]; |
| | | loading.close(); |
| | | this.rightLoading = false; |
| | | }).catch(error => { |
| | | loading.close(); |
| | | this.rightLoading = false; |
| | | }) |
| | | }, |
| | | //处理树 |