|
|
@ -1,7 +1,7 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="user__card">
|
|
|
|
<div class="user__card">
|
|
|
|
<v-row>
|
|
|
|
<v-row>
|
|
|
|
<v-col cols="3">
|
|
|
|
<v-col cols="3" @click="openUserDetailModal">
|
|
|
|
<div class="d-flex align-center h-100" style="overflow: hidden">
|
|
|
|
<div class="d-flex align-center h-100" style="overflow: hidden">
|
|
|
|
<div style="line-height: 14px">
|
|
|
|
<div style="line-height: 14px">
|
|
|
|
<div class="user__name wa__f__m__eb">
|
|
|
|
<div class="user__name wa__f__m__eb">
|
|
|
@ -73,7 +73,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import { mapActions } from "vuex";
|
|
|
|
import { mapActions, mapGetters } from "vuex";
|
|
|
|
import { UserStorage } from "@/utils/storage";
|
|
|
|
import { UserStorage } from "@/utils/storage";
|
|
|
|
import toast from "@/utils/toast";
|
|
|
|
import toast from "@/utils/toast";
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
@ -85,8 +85,11 @@ export default {
|
|
|
|
data: () => ({
|
|
|
|
data: () => ({
|
|
|
|
role: UserStorage.getRole() ? UserStorage.getRole() : null,
|
|
|
|
role: UserStorage.getRole() ? UserStorage.getRole() : null,
|
|
|
|
}),
|
|
|
|
}),
|
|
|
|
|
|
|
|
computed: {
|
|
|
|
|
|
|
|
...mapGetters("users", ["getUser", "getRoles"]),
|
|
|
|
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
...mapActions("users", ["deleteUser"]),
|
|
|
|
...mapActions("users", ["deleteUser", "loadUser"]),
|
|
|
|
removeUser(id) {
|
|
|
|
removeUser(id) {
|
|
|
|
toast.question("Are sure delete User?", "Delete User", () => {
|
|
|
|
toast.question("Are sure delete User?", "Delete User", () => {
|
|
|
|
this.deleteUser(id);
|
|
|
|
this.deleteUser(id);
|
|
|
@ -95,10 +98,16 @@ export default {
|
|
|
|
chageRole() {
|
|
|
|
chageRole() {
|
|
|
|
this.$emit("userId", this.user.id);
|
|
|
|
this.$emit("userId", this.user.id);
|
|
|
|
// let role = this.user.userRoles.map((role) => role.id);
|
|
|
|
// let role = this.user.userRoles.map((role) => role.id);
|
|
|
|
|
|
|
|
// console.log(this.user.role_id ? this.user.role_id : null);
|
|
|
|
this.$_openModal("changeRole", {
|
|
|
|
this.$_openModal("changeRole", {
|
|
|
|
role: this.user.role_id ? this.user.role_id : null,
|
|
|
|
role: this.user.role_id ? this.user.role_id : null,
|
|
|
|
|
|
|
|
roles: this.getRoles,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
async openUserDetailModal() {
|
|
|
|
|
|
|
|
await this.loadUser(this.user.id);
|
|
|
|
|
|
|
|
this.$_openModal("user_detail", { data: this.getUser });
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|