| | |
| | | :check-strictly="true" |
| | | node-key="id" |
| | | @check="treeCheck" |
| | | :default-expanded-keys="[1]" |
| | | ref="treeForm" |
| | | > |
| | | </el-tree> |
| | |
| | | > |
| | | <div class="btn" style="margin-left: auto"> |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | type="primary" |
| | | icon="el-icon-circle-plus-outline" |
| | | size="small" |
| | |
| | | >{{ $t('operatManage.UserRoleAuthorizationObj.Added') }}</el-button |
| | | > |
| | | <el-button |
| | | v-if="menuStatus.delete" |
| | | type="danger" |
| | | icon="el-icon-delete" |
| | | size="small" |
| | |
| | | debid: null, |
| | | roleid: null, |
| | | addmultipleSelection: [], |
| | | menuStatus: { |
| | | delete: false, |
| | | insert: false, |
| | | update: false, |
| | | }, |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | treeCheck(node, list) { |
| | | //node 该节点所对应的对象、list 树目前的选中状态对象 |
| | | //选中事件在选中后执行,当lis中有两个选中时,使用setCheckedKeys方法,选中一个节点 |
| | | console.log(node, list); |
| | | |
| | | if (list.checkedNodes.length > 0) { |
| | | this.listData.depid = node.id; |
| | | this.debid = node.id; |
| | |
| | | this.tableData = data.result; |
| | | this.count = data.count; |
| | | }, |
| | | showPermsMenu(res) { |
| | | switch (res.tag) { |
| | | case '/delete': |
| | | this.menuStatus.delete = true; |
| | | break; |
| | | case '/insert': |
| | | this.menuStatus.insert = true; |
| | | break; |
| | | case '/update': |
| | | this.menuStatus.update = true; |
| | | break; |
| | | } |
| | | }, |
| | | }, |
| | | created() { |
| | | var val = this.$store.state.currentPerms; |
| | | var permsEntity = this.$store.state.permsEntity; |
| | | for (var i = 0; i < permsEntity.length; i++) { |
| | | if (permsEntity[i].perms == val) { |
| | | this.showPermsMenu(permsEntity[i]); |
| | | } |
| | | } |
| | | this.getMenuTree(); |
| | | }, |
| | | }; |