更新角色权限

src/views/role/components/InfoEditDialog.vue

@@ -58,7 +58,7 @@
 <script>
 import {
   addRole,
-  editRole,
+  upadateRole,
   getPermissionTreeAll,
   getPermissionById,
 } from "@/api/user";
@@ -86,7 +86,7 @@ export default {
   watch: {
     form: {
       handler: function (value) {
-        // debugger
+        debugger
         let that = this;
         that.dialogForm = JSON.parse(JSON.stringify(value));
         // 编辑状态
@@ -141,41 +141,33 @@ export default {
     // 取消编辑
     cancelForm() {
       this.$emit("handleClose");
-      this.faceImage = [];
     },
 
     async handleSubmit() {
-      let params = JSON.parse(JSON.stringify(this.dialogForm));
-      // 修改状态
-      params.status = this.status ? 1 : 0;
-      let checkedIds = this.$refs.tree.getCheckedKeys(true); //true代表只获取叶子结点
-      return;
-      console.log(checkedIds);
-      console.log(params);
-      travesePer(params.permissionRespNodes);
-      function travesePer(arr) {
-        // debugger
-        arr.map((item) => {
-          item.checked = checkedIds.indexOf(item.id) !== -1;
-          if (item.children && item.children.length > 0) {
-            travesePer(item.children);
-          }
-        });
-      }
+      const { name, remark } = this.dialogForm;
+      let status = this.status ? 1 : 0;
+      let permissions = this.$refs.tree.getCheckedKeys();
+      const params = {
+        name,
+        status,
+        permissions,
+        remark,
+      };
       console.log(params);
 
-      if (params.literatureId) {
-        // let res = await editRole(params);
-        // if (res.code == 0) {
-        //   this.$message.success("修改成功！");
-        //   this.reload();
-        // }
+      if (this.dialogForm.id) {
+        params.id = this.dialogForm.id;
+        let res = await upadateRole(params);
+        if (res.code == 0) {
+          this.$message.success("修改成功！");
+          this.reload();
+        }
       } else {
-        // let res = await addRole(params);
-        // if (res.code == 0) {
-        //   this.$message.success("添加成功！");
-        //   this.reload();
-        // }
+        let res = await addRole(params);
+        if (res.code == 0) {
+          this.$message.success("添加成功！");
+          this.reload();
+        }
       }
     },
     reload() {

src/views/role/index.vue

@@ -109,7 +109,7 @@ export default {
         name:'',
         remark:'',
         status: 0,
-        permissionRespNodes:[] 
+        permissionRespNodes:[]
       },
     };
   },
@@ -174,14 +174,15 @@ export default {
           this.drawerVisible = true;
           this.form = {
             status: 0,
+            permissionRespNodes:[]
           };
           break;
         case "edit":
           const { id } = row;
           let res = await getRoleById(id);
           this.form = res.data;
+          console.log('this.form.permissionRespNodes',this.form.permissionRespNodes);
           this.drawerVisible = true;
-
           break;
         case "delete":
           break;
@@ -219,7 +220,7 @@ export default {
     handleClose() {
       this.drawerVisible = false;
       this.form = {
-        status: true,
+        status: 0,
         permissionRespNodes:[]
       };
     },