添加更新数据权限接口

src/api/role.js

@@ -16,6 +16,7 @@ export function edit(data) {
     data
   })
 }
+
 export function del(params) {
   return api({
     url: '/role',
@@ -49,4 +50,15 @@ export function getAllRole() {
   })
 }
 
+export function updateDataScope(data) {
+  return api({
+    url: '/role/updateDataScope',
+    method: 'put',
+    data,
+    paramsSerializer: function(data) {
+      return qs.stringify(data, { indices: false })
+    }
+  })
+}
+
 export default { add, edit, del, getList }

src/views/user/components/data-permission.vue

@@ -58,7 +58,7 @@
 </template>
 
 <script>
-import CrudRole from '@/api/role'
+import { updateDataScope } from '@/api/role'
 import { getAll } from '@/api/data_scope_department'
 
 export default {
@@ -149,11 +149,14 @@ export default {
       }
     },
     update() {
-      console.log(this.checkedIds)
+      updateDataScope({
-      console.log(Array.from(this.checkedIds))
+        roleId: this.permission.id,
-      this.permission.dataScopeDepartmentIds = Array.from(this.checkedIds)
+        dataScope: this.permission.dataScope,
-      console.log(this.permission)
+        departmentIds: Array.from(this.checkedIds)
-      CrudRole.edit(this.permission).then(() => this.$notify.success('操作成功'))
+      }).then(() => {
+        this.$notify.success('操作成功')
+        this.close()
+      })
     },
     handleCheckAllChange(val, checked) {
       if (checked) {