<el-tree class="filter-tree" :data="permissionData" :props="props" node-key="id" ref="treeForm" show-checkbox :default-checked-keys="this.savedPermissionIds" :default-expanded-keys="this.savedPermissionIds" @check="getCheckedNodes" ></el-tree>
showDialog(id) { this.isShowPermissionTree = true; this.roleId = id; this.savedPermissionIds = []; this.getPermissionTree(); }, //獲取用戶勾選的權限id用於傳參后台 getCheckedNodes() { // let selectedPermission = this.$refs.treeForm.getCheckedNodes(false, true); //(leafOnly, includeHalfChecked) 接收兩個 boolean 類型的參數,1. 是否只是葉子節點,默認值為 false 2. 是否包含半選節點,默認值為 false // this.permissionIds = selectedPermission.map(item => { // return item.id; // }); let parentArr = this.$refs.treeForm.getHalfCheckedKeys(); let childeArr = this.$refs.treeForm.getCheckedKeys(); let arr = childeArr.concat(parentArr); this.permissionIds = arr; }, //取消 cancel() { this.isShowPermissionTree = false; this.savedPermissionIds = []; this.getPermissionTree(); }, //獲取樹形權限列表 getPermissionTree() { menulistByPid({ flag: 1 }).then(res => { this.permissionData = res.body; //獲取權限管理配置id並顯示 getPermissionIds({ roleId: this.roleId }).then(res => { this.savedPermissionIds = res.body; let newArr = []; let item = ""; if (this.savedPermissionIds && this.savedPermissionIds.length !== 0) { this.savedPermissionIds.forEach(item => { this.checked(item, this.permissionData, newArr); }); this.savedPermissionIds = newArr; // console.log("this.savedPermissionIds111", this.savedPermissionIds); } }); }); }, checked(id, data, newArr) { data.forEach(item => { if (item.id == id) { if (item.items && item.items.length == 0) { newArr.push(item.id); } } else { if (item.items != null && item.items.length != 0) { this.checked(id, item.items, newArr); } } }); // console.log("newArr", newArr); },