diff --git a/apps/web-antd/src/views/system/config/config-modal.vue b/apps/web-antd/src/views/system/config/config-modal.vue
index 1094c231..db8b47a2 100644
--- a/apps/web-antd/src/views/system/config/config-modal.vue
+++ b/apps/web-antd/src/views/system/config/config-modal.vue
@@ -40,24 +40,28 @@ const [BasicModal, modalApi] = useVbenModal({
     if (!isOpen) {
       return null;
     }
-    modalApi.modalLoading(true);
+    try {
+      modalApi.lock(true);
 
-    const { id } = modalApi.getData() as { id?: number | string };
-    isUpdate.value = !!id;
+      const { id } = modalApi.getData() as { id?: number | string };
+      isUpdate.value = !!id;
 
-    if (isUpdate.value && id) {
-      const record = await configInfo(id);
-      await formApi.setValues(record);
+      if (isUpdate.value && id) {
+        const record = await configInfo(id);
+        await formApi.setValues(record);
+      }
+      await updateInitialized();
+    } catch (error) {
+      console.error(error);
+    } finally {
+      modalApi.lock(false);
     }
-    await updateInitialized();
-
-    modalApi.modalLoading(false);
   },
 });
 
 async function handleConfirm() {
   try {
-    modalApi.modalLoading(true);
+    modalApi.lock(true);
     const { valid } = await formApi.validate();
     if (!valid) {
       return;
@@ -70,7 +74,7 @@ async function handleConfirm() {
   } catch (error) {
     console.error(error);
   } finally {
-    modalApi.modalLoading(false);
+    modalApi.lock(false);
   }
 }