diff --git a/frontend/src/views/Batch/components/UpdateBatch.vue b/frontend/src/views/Batch/components/UpdateBatch.vue
index 4f017ef5acbc65d68ce6723611ea169c5395dbbd..f41a144add332824e2e59fb62e0a6a1202d47b71 100644
--- a/frontend/src/views/Batch/components/UpdateBatch.vue
+++ b/frontend/src/views/Batch/components/UpdateBatch.vue
@@ -49,7 +49,6 @@ function onUpdateBatch() {
             }).then((resp: any) => {
                 if (resp.code == RespCodeOK) {
                     emits('batchUpdated')
-                    emits('close')
                     ElMessage.success("update batch info success")
                 } else {
                     ElMessage.error("failed to update batch info:" + resp.msg)
@@ -57,6 +56,7 @@ function onUpdateBatch() {
             }).catch((error) => {
                 ElMessage.error("failed to update batch info:" + error)
             })
+            emits('close')
         } else {
             ElMessage.error("数据填写错误")
         }
diff --git a/frontend/src/views/Role/Role.vue b/frontend/src/views/Role/Role.vue
index abddd54bea31bae78594be8c486a1d3a83fe5325..6783daa98a2b6289082a5cc63ee9f6610c000cf5 100644
--- a/frontend/src/views/Role/Role.vue
+++ b/frontend/src/views/Role/Role.vue
@@ -38,7 +38,7 @@
 
         <el-dialog :title="roleOperateTitle" v-model="showRoleOperate">
             <UpdateRole v-if="operate === 'UpdateRole'" />
-            <AddRole v-if="operate === 'AddRole'" />
+            <AddRole v-if="operate === 'AddRole'" @rolesUpdated="updateRoles" @close="showRoleOperate = false"/>
         </el-dialog>
 
         <el-drawer :title="roleDetailTitle" v-model="showDetail" direction="rtl">
diff --git a/frontend/src/views/Role/components/AddRole.vue b/frontend/src/views/Role/components/AddRole.vue
index efd1da3c815c823a901f560805be00c4e66d06c5..7af0ee9f29b37b177fab9951b9fd9cb7334e7640 100644
--- a/frontend/src/views/Role/components/AddRole.vue
+++ b/frontend/src/views/Role/components/AddRole.vue
@@ -17,12 +17,14 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { ref, defineEmits } from 'vue';
 import { ElMessage } from 'element-plus';
 
 import { RespCodeOK } from "@/request/request";
 import { addRole } from "@/request/role";
 
+const emits = defineEmits(["rolesUpdated", "close"])
+
 const rules = {
     rolename: [
         {
@@ -50,6 +52,7 @@ function onAddRole() {
                 .then((resp: any) => {
                     if (resp.code === RespCodeOK) {
                         // TODO: update role list
+                        emits("rolesUpdated")
                         ElMessage.success(resp.msg);
                     } else {
                         ElMessage.error(resp.msg);
@@ -58,6 +61,7 @@ function onAddRole() {
                 .catch((err: any) => {
                     ElMessage.error("添加失败,请检查输入内容", err.msg);
                 });
+            emits("close")
         } else {
             ElMessage.error("请检查输入内容");
         }
diff --git a/frontend/src/views/User/components/AddUser.vue b/frontend/src/views/User/components/AddUser.vue
index 89ebe60a9940f250e6c9cf8c7e871bacd0a10d36..097d037ef9660cbbea021ddc7793c0e174722872 100644
--- a/frontend/src/views/User/components/AddUser.vue
+++ b/frontend/src/views/User/components/AddUser.vue
@@ -143,7 +143,6 @@ function onAddUser() {
             addUser(params).then((res: any) => {
                 if (res.code === RespCodeOK) {
                     emits('userUpdated')
-                    emits('close')
                     ElMessage.success(res.msg);
                     formRef.value.resetFields();
                 } else {
@@ -152,6 +151,7 @@ function onAddUser() {
             }).catch((err: any) => {
                 ElMessage.error("添加用户失败:", err.msg);
             });
+            emits('close')
         } else {
             ElMessage.error("内容填写错误");
         }
diff --git a/frontend/src/views/User/components/UpdateUser.vue b/frontend/src/views/User/components/UpdateUser.vue
index 472714ed308ca575dc36cb27eaa91a60cfdca968..dc51a9bd39e63cc96891f7bdbeb1382664f03598 100644
--- a/frontend/src/views/User/components/UpdateUser.vue
+++ b/frontend/src/views/User/components/UpdateUser.vue
@@ -121,7 +121,6 @@ function onUpdateUser() {
             }).then((res: any) => {
                 if (res.code === RespCodeOK) {
                     emits('userUpdated')
-                    emits('close')
                     ElMessage.success(res.msg);
                     formRef.value.resetFields();
                 } else {
@@ -130,6 +129,7 @@ function onUpdateUser() {
             }).catch((err: any) => {
                 ElMessage.error("修改用户信息失败", err.msg);
             });
+            emits('close')
         } else {
             ElMessage.error("内容填写错误");
         }