角色页面调整

src/pages/user/RoleManager.vue

@@ -359,38 +359,62 @@
                 itemSon.indeterminate = false;
                 //三级权限全选
                 let sonPermission = itemSon.sonPermissionList;
-                if (itemSon.check) {
+                // 1.存在三级权限
-                    //全选
+                if (sonPermission && sonPermission.length > 0) {
-                    sonPermission.forEach(function (sonItem) {
+                    if (itemSon.check) {
-                        if (itemSon.checkArr.indexOf(sonItem.id) < 0) {
+                        //全选
-                            itemSon.checkArr.push(sonItem.id);
+                        sonPermission.forEach(function (sonItem) {
+                            if (itemSon.checkArr.indexOf(sonItem.id) < 0) {
+                                itemSon.checkArr.push(sonItem.id);
+                            }
+                        });
+                        if (item.checkArr.indexOf(itemSon.id) < 0) {
+                            item.checkArr.push(itemSon.id);
                         }
-                    });
+                    } else {
-                    if (item.checkArr.indexOf(itemSon.id) < 0) {
+                        //取消三级全部选择
-                        item.checkArr.push(itemSon.id);
+                        itemSon.checkArr = [];
+                        //从二级选中数组中移除当前二级权限
+                        let curItemSonIndex = item.checkArr.indexOf(itemSon.id);
+                        item.checkArr.splice(curItemSonIndex, curItemSonIndex + 1);
+                    }
+                    //处理一级权限勾选图标
+                    let sonPermissionCount = item.sonPermissionList.length;
+                    if (item.checkArr.length === sonPermissionCount) {
+                        item.indeterminate = false;
+                        item.check = true;
+                    } else if (item.checkArr.length > 0) {
+                        item.indeterminate = true;
+                        item.check = false;
+                    } else {
+                        item.indeterminate = false;
+                        item.check = false;
                     }
                 } else {
-                    //取消三级全部选择
+                    // 2.不存在三级权限
-                    itemSon.checkArr = [];
+                    if (itemSon.check) {
-                    //从二级选中数组中移除当前二级权限
+                        if (item.checkArr.indexOf(itemSon.id) < 0) {
-                    let curItemSonIndex = item.checkArr.indexOf(itemSon.id);
+                            item.checkArr.push(itemSon.id);
-                    item.checkArr.splice(curItemSonIndex, curItemSonIndex + 1);
+                        }
-                }
+                    } else {
-                //处理一级权限勾选图标
+                        //从二级选中数组中移除当前二级权限
-                let sonPermissionCount = this.permissionList.length;
+                        let curItemSonIndex = item.checkArr.indexOf(itemSon.id);
-                if (item.checkArr.length === sonPermissionCount) {
+                        item.checkArr.splice(curItemSonIndex, curItemSonIndex + 1);
-                    item.indeterminate = false;
+                    }
-                    item.check = true;
+                    //处理一级权限勾选图标
-                } else if (item.checkArr.length > 0) {
+                    let sonPermissionCountSe = item.sonPermissionList.length;
-                    item.indeterminate = true;
+                    if (item.checkArr.length === sonPermissionCountSe) {
-                    item.check = false;
+                        item.indeterminate = false;
-                } else {
+                        item.check = true;
-                    item.indeterminate = false;
+                    } else if (item.checkArr.length > 0) {
-                    item.check = false;
+                        item.indeterminate = true;
+                        item.check = false;
+                    } else {
+                        item.indeterminate = false;
+                        item.check = false;
+                    }
                 }
 
-                console.log("click");
-                console.log(item);
             },
             //三级权限-点击事件
             handleGrandSonCheckChange(itemSon, item) {
@@ -486,6 +510,7 @@
                             row.imgUrl = roleUnSelectImg;
                             if (i === 0) {
                                 row.selectFlag = "selected";
+                                row.imgUrl = roleSelectedImg;
                             } else {
                                 row.selectFlag = "unSelect";
                             }