diff --git a/frontend/src/views/User/User.vue b/frontend/src/views/User/User.vue
index 6f895c86b09ca6518de01d6d8c7f7f7b791a164c..a4227817f38545f11ed2619148a22016945d576f 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 a9ac75be230b31fe161a83188903d2ab4a1d88af..e8a9f27e95f9229abce6aef761301b0960d08569 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 a273550ba01b4c927ae9fad796e4eb22ea5dc2f3..fa7cfc41d9a9625a8a290db9f46b32a4bbd4bc04 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 {