From e249830cf004eb3a5a8e6279c51b5b4f03081566 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Wed, 6 Dec 2023 16:42:53 +0800
Subject: [PATCH] update user list after updated

---
 frontend/src/views/User/User.vue                  | 10 +++++++---
 frontend/src/views/User/components/AddUser.vue    |  9 ++++++---
 frontend/src/views/User/components/UpdateUser.vue |  7 +++++--
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/User/User.vue b/frontend/src/views/User/User.vue
index 6f895c8..a422781 100644
--- a/frontend/src/views/User/User.vue
+++ b/frontend/src/views/User/User.vue
@@ -33,8 +33,8 @@
         </PGTable>
 
         <el-dialog :title="title" v-model="display" width="560px">
-            <AddUser v-if="displayDialog === 'AddUser'"/>
-            <UpdateUser v-if="displayDialog === 'UpdateUser'" :user="editedUser" />
+            <AddUser v-if="displayDialog === 'AddUser'" @userUpdated="updateUsers" @close="display = false"/>
+            <UpdateUser v-if="displayDialog === 'UpdateUser'" :user="editedUser"  @userUpdated="updateUsers" @close="display = false"/>
         </el-dialog>
     </div>
 </template>
@@ -57,6 +57,10 @@ const pageSize = ref(10)
 const total = ref(0)
 
 onMounted(() => {
+    updateUsers()
+})
+
+function updateUsers() {
     getUsers({
         page: currentPage.value,
         size: pageSize.value,
@@ -72,7 +76,7 @@ onMounted(() => {
     }).catch((err: any) => {
         ElMessage.error("failed to get users info:" + err.msg)
     })
-})
+}
 
 const display = ref(false)
 const displayDialog = ref("")
diff --git a/frontend/src/views/User/components/AddUser.vue b/frontend/src/views/User/components/AddUser.vue
index a9ac75b..e8a9f27 100644
--- a/frontend/src/views/User/components/AddUser.vue
+++ b/frontend/src/views/User/components/AddUser.vue
@@ -34,7 +34,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted } from "vue";
+import { ref, onMounted, defineEmits} from "vue";
 import { ElMessage } from 'element-plus';
 
 import PGTree from "@/components/PGTree.vue";
@@ -86,6 +86,8 @@ const rules = {
         }],
 }
 
+const emits = defineEmits(["userUpdated", "close"])
+
 const roles = ref<any[]>();
 
 function updateRoles() {
@@ -139,8 +141,9 @@ function onAddUser() {
     formRef.value.validate((valid: boolean) => {
         if (valid) {
             addUser(params).then((res: any) => {
-                if (res.data.code === 200) {
-                    // this.$emit("click","success");
+                if (res.code === RespCodeOK) {
+                    emits('userUpdated')
+                    emits('close')
                     ElMessage.success(res.msg);
                     formRef.value.resetFields();
                 } else {
diff --git a/frontend/src/views/User/components/UpdateUser.vue b/frontend/src/views/User/components/UpdateUser.vue
index a273550..fa7cfc4 100644
--- a/frontend/src/views/User/components/UpdateUser.vue
+++ b/frontend/src/views/User/components/UpdateUser.vue
@@ -27,7 +27,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted } from "vue";
+import { ref, onMounted, defineEmits } from "vue";
 import { ElMessage } from 'element-plus';
 
 import PGTree from "@/components/PGTree.vue";
@@ -67,6 +67,7 @@ const rules = {
         }],
 }
 
+const emits = defineEmits(["userUpdated", "close"])
 const props = defineProps({
     user: {
         type: Object,
@@ -118,7 +119,9 @@ function onUpdateUser() {
                 departId: form.value.departId,
                 departPid: form.value.departPid,
             }).then((res: any) => {
-                if (res.data.code === RespCodeOK) {
+                if (res.code === RespCodeOK) {
+                    emits('userUpdated')
+                    emits('close')
                     ElMessage.success(res.msg);
                     formRef.value.resetFields();
                 } else {
-- 
Gitee