角色管理 分配权限 数据权限 封装pd-tree

magic-boot-ui/src/views/system/role/role-assign-permissions.vue

@@ -0,0 +1,42 @@
+<template>
+  <pd-tree ref="tree" :el="{ 'show-checkbox': true }" url="menu/tree" :select-values.sync="menus" />
+</template>
+
+<script>
+
+export default {
+  name: 'RoleAssignPermissions',
+  props: {
+    id: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      menus: ''
+    }
+  },
+  created() {
+    this.$get('menu/by/role',{ roleId: this.id }).then(res => {
+      this.menus = res.data.map((row) => row.id).join(',')
+    })
+  },
+  methods: {
+    save() {
+      this.$post('role/save', {
+        id: this.id,
+        menus: this.menus
+      }).then((response) => {
+        this.$notify({
+          title: '成功',
+          message: '分配成功',
+          type: 'success',
+          duration: 2000
+        })
+        this.$emit('close')
+      })
+    }
+  }
+}
+</script>