From dc5baa10ccd03be689cb4c3ccead53d429f9a954 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <zhengkun@fit2cloud.com>
Date: Mon, 3 Mar 2025 14:05:14 +0800
Subject: [PATCH] fix: Fix issue with certificate application failure

---
 agent/app/service/website_ssl.go              | 20 +++++++++++--------
 frontend/src/components/backup/index.vue      |  2 +-
 frontend/src/components/compose-log/index.vue |  2 +-
 frontend/src/components/drawer-pro/index.vue  | 10 +++++-----
 frontend/src/components/group/change.vue      |  2 +-
 frontend/src/components/group/index.vue       |  2 +-
 frontend/src/components/log-dialog/index.vue  |  2 +-
 .../system-upgrade/upgrade/index.vue          |  2 +-
 frontend/src/components/upload/index.vue      |  2 +-
 frontend/src/views/ai/model/add/index.vue     |  2 +-
 frontend/src/views/ai/model/conn/index.vue    |  2 +-
 frontend/src/views/ai/model/domain/index.vue  |  2 +-
 .../src/views/ai/model/terminal/index.vue     |  2 +-
 frontend/src/views/app-store/detail/index.vue |  2 +-
 .../views/app-store/detail/install/index.vue  |  2 +-
 .../app-store/installed/detail/index.vue      |  2 +-
 .../app-store/installed/ignore/index.vue      |  2 +-
 .../app-store/installed/upgrade/index.vue     |  2 +-
 .../setting/default-domain/index.vue          |  2 +-
 .../views/container/compose/create/index.vue  |  2 +-
 .../views/container/compose/edit/index.vue    |  2 +-
 .../container/container/commit/index.vue      |  2 +-
 .../views/container/container/log/index.vue   |  2 +-
 .../container/container/monitor/index.vue     |  8 +++++++-
 .../container/container/rename/index.vue      |  2 +-
 .../container/container/terminal/index.vue    |  2 +-
 .../container/container/upgrade/index.vue     |  2 +-
 .../src/views/container/image/build/index.vue |  2 +-
 .../views/container/image/delete/index.vue    |  2 +-
 .../src/views/container/image/load/index.vue  |  2 +-
 .../src/views/container/image/prune/index.vue |  2 +-
 .../src/views/container/image/pull/index.vue  |  2 +-
 .../src/views/container/image/push/index.vue  |  2 +-
 .../src/views/container/image/save/index.vue  |  2 +-
 .../src/views/container/image/tag/index.vue   |  2 +-
 .../views/container/network/create/index.vue  |  2 +-
 .../views/container/repo/operator/index.vue   |  2 +-
 .../views/container/setting/ipv6/index.vue    |  2 +-
 .../src/views/container/setting/log/index.vue |  2 +-
 .../views/container/setting/mirror/index.vue  |  2 +-
 .../container/setting/registry/index.vue      |  2 +-
 .../container/setting/sock-path/index.vue     |  2 +-
 .../views/container/template/detail/index.vue |  2 +-
 .../container/template/operator/index.vue     |  2 +-
 .../views/container/volume/create/index.vue   |  2 +-
 frontend/src/views/cronjob/backup/index.vue   |  2 +-
 frontend/src/views/cronjob/operate/index.vue  |  2 +-
 .../src/views/database/mysql/bind/index.vue   |  2 +-
 .../src/views/database/mysql/conn/index.vue   |  2 +-
 .../src/views/database/mysql/create/index.vue |  2 +-
 .../views/database/mysql/password/index.vue   |  2 +-
 .../database/mysql/remote/operate/index.vue   |  2 +-
 .../views/database/postgresql/bind/index.vue  |  2 +-
 .../views/database/postgresql/conn/index.vue  |  2 +-
 .../database/postgresql/create/index.vue      |  2 +-
 .../database/postgresql/password/index.vue    |  2 +-
 .../database/postgresql/privileges/index.vue  |  2 +-
 .../postgresql/remote/operate/index.vue       |  2 +-
 .../views/database/redis/command/index.vue    |  2 +-
 .../src/views/database/redis/conn/index.vue   |  2 +-
 .../database/redis/remote/operate/index.vue   |  2 +-
 .../host/file-management/batch-role/index.vue |  2 +-
 .../file-management/change-role/index.vue     |  2 +-
 .../host/file-management/chown/index.vue      |  2 +-
 .../host/file-management/compress/index.vue   |  2 +-
 .../host/file-management/create/index.vue     |  2 +-
 .../host/file-management/decompress/index.vue |  2 +-
 .../host/file-management/detail/index.vue     |  2 +-
 .../host/file-management/download/index.vue   |  2 +-
 .../host/file-management/favorite/index.vue   |  2 +-
 .../views/host/file-management/move/index.vue |  2 +-
 .../file-management/recycle-bin/index.vue     |  2 +-
 .../host/file-management/rename/index.vue     |  2 +-
 .../host/file-management/upload/index.vue     |  2 +-
 .../views/host/file-management/wget/index.vue |  2 +-
 .../host/firewall/forward/operate/index.vue   |  2 +-
 .../views/host/firewall/ip/operate/index.vue  |  2 +-
 .../host/firewall/port/operate/index.vue      |  2 +-
 .../views/host/monitor/setting/days/index.vue |  2 +-
 .../monitor/setting/default-network/index.vue |  2 +-
 .../host/monitor/setting/interval/index.vue   |  2 +-
 .../host/process/process/detail/index.vue     |  2 +-
 .../src/views/host/ssh/ssh/address/index.vue  |  2 +-
 .../src/views/host/ssh/ssh/port/index.vue     |  2 +-
 .../src/views/host/ssh/ssh/pubkey/index.vue   |  2 +-
 .../src/views/host/ssh/ssh/root/index.vue     |  2 +-
 .../setting/backup-account/operate/index.vue  |  2 +-
 .../src/views/setting/license/bind/index.vue  |  2 +-
 .../setting/panel/api-interface/index.vue     |  2 +-
 .../views/setting/panel/hidemenu/index.vue    |  2 +-
 .../src/views/setting/panel/name/index.vue    |  2 +-
 .../views/setting/panel/password/index.vue    |  2 +-
 .../src/views/setting/panel/proxy/index.vue   |  2 +-
 .../views/setting/panel/systemip/index.vue    |  2 +-
 .../views/setting/panel/theme-color/index.vue |  2 +-
 .../src/views/setting/panel/timeout/index.vue |  2 +-
 .../views/setting/panel/username/index.vue    |  2 +-
 .../src/views/setting/safe/allowips/index.vue |  2 +-
 .../src/views/setting/safe/bind/index.vue     |  2 +-
 .../src/views/setting/safe/domain/index.vue   |  2 +-
 .../src/views/setting/safe/entrance/index.vue |  2 +-
 frontend/src/views/setting/safe/mfa/index.vue |  2 +-
 .../src/views/setting/safe/port/index.vue     |  2 +-
 .../src/views/setting/safe/response/index.vue |  2 +-
 frontend/src/views/setting/safe/ssl/index.vue |  2 +-
 .../src/views/setting/safe/timeout/index.vue  |  2 +-
 .../views/setting/snapshot/create/index.vue   |  2 +-
 .../setting/snapshot/ignore-rule/index.vue    |  2 +-
 .../views/setting/snapshot/import/index.vue   |  2 +-
 .../views/setting/snapshot/status/index.vue   |  2 +-
 frontend/src/views/terminal/command/index.vue |  2 +-
 .../src/views/terminal/host/operate/index.vue |  2 +-
 .../views/terminal/terminal/host-create.vue   |  2 +-
 .../src/views/toolbox/clam/operate/index.vue  |  2 +-
 .../src/views/toolbox/device/dns/index.vue    |  2 +-
 .../views/toolbox/device/hostname/index.vue   |  2 +-
 .../src/views/toolbox/device/hosts/index.vue  |  2 +-
 .../src/views/toolbox/device/ntp/index.vue    |  2 +-
 .../src/views/toolbox/device/passwd/index.vue |  2 +-
 .../src/views/toolbox/device/swap/index.vue   |  2 +-
 .../views/toolbox/device/time-zone/index.vue  |  2 +-
 .../toolbox/fail2ban/ban-action/index.vue     |  2 +-
 .../views/toolbox/fail2ban/ban-time/index.vue |  2 +-
 .../toolbox/fail2ban/find-time/index.vue      |  2 +-
 .../src/views/toolbox/fail2ban/ips/index.vue  |  2 +-
 .../views/toolbox/fail2ban/log-path/index.vue |  2 +-
 .../toolbox/fail2ban/max-retry/index.vue      |  2 +-
 .../src/views/toolbox/fail2ban/port/index.vue |  2 +-
 frontend/src/views/toolbox/ftp/log/index.vue  |  2 +-
 .../src/views/toolbox/ftp/operate/index.vue   |  2 +-
 .../views/toolbox/supervisor/create/index.vue |  2 +-
 .../views/toolbox/supervisor/file/index.vue   |  2 +-
 .../toolbox/supervisor/status/init/index.vue  |  2 +-
 .../website/runtime/dotnet/operate/index.vue  |  2 +-
 .../website/runtime/go/operate/index.vue      |  2 +-
 .../website/runtime/java/operate/index.vue    |  2 +-
 .../website/runtime/node/module/index.vue     |  2 +-
 .../website/runtime/node/operate/index.vue    |  2 +-
 .../website/runtime/php/config/index.vue      |  8 +++++++-
 .../website/runtime/php/create/index.vue      |  2 +-
 .../php/extension-management/index.vue        |  2 +-
 .../runtime/php/extension-template/index.vue  |  2 +-
 .../runtime/php/supervisor/create/index.vue   |  2 +-
 .../runtime/php/supervisor/file/index.vue     |  2 +-
 .../website/runtime/php/supervisor/index.vue  |  2 +-
 .../website/runtime/python/operate/index.vue  |  2 +-
 .../views/website/ssl/acme-account/index.vue  |  2 +-
 .../src/views/website/ssl/ca/detail/index.vue |  2 +-
 frontend/src/views/website/ssl/ca/index.vue   |  2 +-
 .../src/views/website/ssl/create/index.vue    |  3 ++-
 .../src/views/website/ssl/detail/index.vue    |  2 +-
 .../views/website/ssl/dns-account/index.vue   |  2 +-
 .../src/views/website/ssl/upload/index.vue    |  2 +-
 .../config/basic/auth-basic/create/index.vue  |  2 +-
 .../config/basic/domain/create/index.vue      |  2 +-
 .../config/basic/load-balance/file/index.vue  |  2 +-
 .../basic/load-balance/operate/index.vue      |  2 +-
 .../config/basic/proxy/cache/index.vue        |  2 +-
 .../config/basic/proxy/create/index.vue       |  2 +-
 .../website/config/basic/proxy/file/index.vue |  2 +-
 .../config/basic/redirect/create/index.vue    |  2 +-
 .../config/basic/redirect/file/index.vue      |  2 +-
 .../config/basic/rewrite/custom/index.vue     |  2 +-
 .../views/website/website/create/index.vue    |  2 +-
 .../views/website/website/default/index.vue   |  2 +-
 .../src/views/website/website/html/index.vue  |  2 +-
 .../website/nginx/module/build/index.vue      |  2 +-
 .../website/nginx/module/operate/index.vue    |  2 +-
 168 files changed, 196 insertions(+), 179 deletions(-)

diff --git a/agent/app/service/website_ssl.go b/agent/app/service/website_ssl.go
index bcc3c760d4c4..8d95c6d18bd5 100644
--- a/agent/app/service/website_ssl.go
+++ b/agent/app/service/website_ssl.go
@@ -448,15 +448,19 @@ func (w WebsiteSSLService) Delete(ids []uint) error {
 		if err != nil {
 			return err
 		}
-		acmeAccount, err := websiteAcmeRepo.GetFirst(repo.WithByID(websiteSSL.AcmeAccountID))
-		if err != nil {
-			return err
-		}
-		client, err := ssl.NewAcmeClient(acmeAccount)
-		if err != nil {
-			return err
+		if websiteSSL.Type != constant.Manual && websiteSSL.Type != constant.SelfSigned {
+			acmeAccount, err := websiteAcmeRepo.GetFirst(repo.WithByID(websiteSSL.AcmeAccountID))
+			if err != nil {
+				return err
+			}
+			client, err := ssl.NewAcmeClient(acmeAccount)
+			if err != nil {
+				return err
+			}
+			go func() {
+				_ = client.RevokeSSL([]byte(websiteSSL.Pem))
+			}()
 		}
-		_ = client.RevokeSSL([]byte(websiteSSL.Pem))
 		_ = websiteSSLRepo.DeleteBy(repo.WithByID(id))
 	}
 	if len(names) > 0 {
diff --git a/frontend/src/components/backup/index.vue b/frontend/src/components/backup/index.vue
index c8fcb3ef1a0f..8f858825d788 100644
--- a/frontend/src/components/backup/index.vue
+++ b/frontend/src/components/backup/index.vue
@@ -3,7 +3,7 @@
         v-model="backupVisible"
         :header="$t('commons.button.backup')"
         :resource="detailName ? name + ' [' + detailName + ']' : name"
-        :back="handleClose"
+        @close="handleClose"
         size="large"
     >
         <template #content>
diff --git a/frontend/src/components/compose-log/index.vue b/frontend/src/components/compose-log/index.vue
index 3b368011f3c8..1a7c4b907fcf 100644
--- a/frontend/src/components/compose-log/index.vue
+++ b/frontend/src/components/compose-log/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="open"
         :header="resource"
-        :back="handleClose"
+        @close="handleClose"
         :size="globalStore.isFullScreen ? 'full' : 'large'"
         :resource="resource"
     >
diff --git a/frontend/src/components/drawer-pro/index.vue b/frontend/src/components/drawer-pro/index.vue
index ef1f1789fed9..9cfb1c6e32dd 100644
--- a/frontend/src/components/drawer-pro/index.vue
+++ b/frontend/src/components/drawer-pro/index.vue
@@ -1,7 +1,7 @@
 <template>
     <el-drawer
         v-model="localOpenPage"
-        @close="closePage"
+        @close="handleClose"
         :destroy-on-close="true"
         :size="size"
         :close-on-press-escape="true"
@@ -73,8 +73,7 @@ const props = defineProps({
 });
 
 const slots = useSlots();
-
-const emit = defineEmits(['update:modelValue']);
+const emit = defineEmits(['update:modelValue', 'close']);
 
 const size = computed(() => {
     switch (props.size) {
@@ -106,13 +105,14 @@ const handleBack = () => {
     if (props.back) {
         props.back();
     } else {
-        closePage();
+        handleClose();
     }
 };
 
-const closePage = () => {
+const handleClose = () => {
     localOpenPage.value = false;
     globalStore.isFullScreen = false;
+    emit('close');
 };
 
 function toggleFullscreen() {
diff --git a/frontend/src/components/group/change.vue b/frontend/src/components/group/change.vue
index 49a0de3cd2d6..bb19ee8eb6eb 100644
--- a/frontend/src/components/group/change.vue
+++ b/frontend/src/components/group/change.vue
@@ -1,6 +1,6 @@
 <template>
     <div v-loading="loading">
-        <DrawerPro v-model="drawerVisible" :header="$t('terminal.groupChange')" :back="handleClose" size="small">
+        <DrawerPro v-model="drawerVisible" :header="$t('terminal.groupChange')" @close="handleClose" size="small">
             <el-form @submit.prevent ref="hostInfoRef" label-position="top" :model="dialogData" :rules="rules">
                 <el-form-item :label="$t('commons.table.group')" prop="group">
                     <el-select filterable v-model="dialogData.groupID" clearable style="width: 100%">
diff --git a/frontend/src/components/group/index.vue b/frontend/src/components/group/index.vue
index 145584713e11..bb4d16c45db4 100644
--- a/frontend/src/components/group/index.vue
+++ b/frontend/src/components/group/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.table.group')" @close="handleClose" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('commons.table.group')" @close="handleClose" size="large">
         <template #content>
             <ComplexTable :data="data" @search="search()">
                 <template #toolbar>
diff --git a/frontend/src/components/log-dialog/index.vue b/frontend/src/components/log-dialog/index.vue
index c1e4f66557b5..c2b7e9e2eef9 100644
--- a/frontend/src/components/log-dialog/index.vue
+++ b/frontend/src/components/log-dialog/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.log')" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('commons.button.log')" size="large" @close="handleClose">
         <LogFile :config="config" :height-diff="config.heightDiff"></LogFile>
     </DrawerPro>
 </template>
diff --git a/frontend/src/components/system-upgrade/upgrade/index.vue b/frontend/src/components/system-upgrade/upgrade/index.vue
index 4611bd9444de..00fe616a92fd 100644
--- a/frontend/src/components/system-upgrade/upgrade/index.vue
+++ b/frontend/src/components/system-upgrade/upgrade/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="drawerVisible"
         :header="$t('commons.button.upgrade')"
-        :back="handleClose"
+        @close="handleClose"
         size="large"
         :key="refresh"
     >
diff --git a/frontend/src/components/upload/index.vue b/frontend/src/components/upload/index.vue
index 537d3acebb44..afc8c2127590 100644
--- a/frontend/src/components/upload/index.vue
+++ b/frontend/src/components/upload/index.vue
@@ -4,7 +4,7 @@
             v-model="uploadOpen"
             :header="$t('commons.button.import')"
             :resource="title"
-            :back="handleUploadClose"
+            @close="handleUploadClose"
             size="large"
         >
             <template #content>
diff --git a/frontend/src/views/ai/model/add/index.vue b/frontend/src/views/ai/model/add/index.vue
index 99a02582b8ef..c8e541cc228b 100644
--- a/frontend/src/views/ai/model/add/index.vue
+++ b/frontend/src/views/ai/model/add/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('aiTools.model.create')" :back="handleClose">
+    <DrawerPro v-model="drawerVisible" :header="$t('aiTools.model.create')" @close="handleClose">
         <el-row type="flex" justify="center">
             <el-col :span="22">
                 <el-alert type="info" :closable="false">
diff --git a/frontend/src/views/ai/model/conn/index.vue b/frontend/src/views/ai/model/conn/index.vue
index 5d1af785dfce..9dfbefe79613 100644
--- a/frontend/src/views/ai/model/conn/index.vue
+++ b/frontend/src/views/ai/model/conn/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('database.databaseConnInfo')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('database.databaseConnInfo')" @close="handleClose" size="small">
         <el-form @submit.prevent v-loading="loading" :model="form" label-position="top">
             <el-row type="flex" justify="center">
                 <el-col :span="22">
diff --git a/frontend/src/views/ai/model/domain/index.vue b/frontend/src/views/ai/model/domain/index.vue
index d0525f4a63e9..d1a46b9f4ffb 100644
--- a/frontend/src/views/ai/model/domain/index.vue
+++ b/frontend/src/views/ai/model/domain/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('aiTools.proxy.proxy')" :back="handleClose" size="large">
+    <DrawerPro v-model="open" :header="$t('aiTools.proxy.proxy')" @close="handleClose" size="large">
         <div v-loading="loading">
             <el-form ref="formRef" label-position="top" @submit.prevent :model="req" :rules="rules">
                 <el-alert class="common-prompt" :closable="false" type="warning">
diff --git a/frontend/src/views/ai/model/terminal/index.vue b/frontend/src/views/ai/model/terminal/index.vue
index 02fa194c2360..6029004e9a49 100644
--- a/frontend/src/views/ai/model/terminal/index.vue
+++ b/frontend/src/views/ai/model/terminal/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="open"
         :title="$t('menu.terminal')"
-        :back="handleClose"
+        @close="handleClose"
         :resource="title"
         :size="globalStore.isFullScreen ? 'full' : 'large'"
     >
diff --git a/frontend/src/views/app-store/detail/index.vue b/frontend/src/views/app-store/detail/index.vue
index 66041e4c4a23..700ae523b080 100644
--- a/frontend/src/views/app-store/detail/index.vue
+++ b/frontend/src/views/app-store/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('app.detail')" :back="handleClose" size="large">
+    <DrawerPro v-model="open" :header="$t('app.detail')" @close="handleClose" size="large">
         <div class="brief" v-loading="loadingApp">
             <div class="detail flex">
                 <div class="w-12 h-12 rounded p-1 shadow-md icon">
diff --git a/frontend/src/views/app-store/detail/install/index.vue b/frontend/src/views/app-store/detail/install/index.vue
index a05757241bd6..64bced847a64 100644
--- a/frontend/src/views/app-store/detail/install/index.vue
+++ b/frontend/src/views/app-store/detail/install/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.install')" :back="handleClose" size="large">
+    <DrawerPro v-model="open" :header="$t('commons.button.install')" @close="handleClose" size="large">
         <el-alert
             :title="$t('app.hostModeHelper')"
             class="common-prompt"
diff --git a/frontend/src/views/app-store/installed/detail/index.vue b/frontend/src/views/app-store/installed/detail/index.vue
index 8a2494d710bd..a6eb3c5a5b67 100644
--- a/frontend/src/views/app-store/installed/detail/index.vue
+++ b/frontend/src/views/app-store/installed/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('app.param')" :back="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="$t('app.param')" @close="handleClose" size="normal">
         <template #buttons>
             <el-button type="primary" plain @click="editParam" :disabled="loading">
                 {{ edit ? $t('app.detail') : $t('commons.button.edit') }}
diff --git a/frontend/src/views/app-store/installed/ignore/index.vue b/frontend/src/views/app-store/installed/ignore/index.vue
index e194404046f1..e06544f3aca9 100644
--- a/frontend/src/views/app-store/installed/ignore/index.vue
+++ b/frontend/src/views/app-store/installed/ignore/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('app.ignoreList')" :back="handleClose" size="small">
+    <DrawerPro v-model="open" :header="$t('app.ignoreList')" @close="handleClose" size="small">
         <template #content>
             <el-row :gutter="5">
                 <el-col v-for="(app, index) in apps" :key="index">
diff --git a/frontend/src/views/app-store/installed/upgrade/index.vue b/frontend/src/views/app-store/installed/upgrade/index.vue
index fef1b29eaf5c..c75c5db138fc 100644
--- a/frontend/src/views/app-store/installed/upgrade/index.vue
+++ b/frontend/src/views/app-store/installed/upgrade/index.vue
@@ -3,7 +3,7 @@
         v-model="open"
         :header="$t('commons.button.' + operateReq.operate)"
         :resource="resourceName"
-        :back="handleClose"
+        @close="handleClose"
     >
         <el-descriptions direction="vertical">
             <el-descriptions-item>
diff --git a/frontend/src/views/app-store/setting/default-domain/index.vue b/frontend/src/views/app-store/setting/default-domain/index.vue
index c2e3d3ba8f53..70e16d22c2df 100644
--- a/frontend/src/views/app-store/setting/default-domain/index.vue
+++ b/frontend/src/views/app-store/setting/default-domain/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('app.defaultWebDomain')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('app.defaultWebDomain')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" :rules="rules" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('app.defaultWebDomain')" prop="defaultDomain">
                 <el-input v-model="form.defaultDomain">
diff --git a/frontend/src/views/container/compose/create/index.vue b/frontend/src/views/container/compose/create/index.vue
index 334acc5de153..2cf095d1b005 100644
--- a/frontend/src/views/container/compose/create/index.vue
+++ b/frontend/src/views/container/compose/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('container.compose')" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('container.compose')" @close="handleClose" size="large">
         <el-form ref="formRef" @submit.prevent label-position="top" :model="form" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('app.source')">
                 <el-radio-group v-model="form.from" @change="onEdit('form')">
diff --git a/frontend/src/views/container/compose/edit/index.vue b/frontend/src/views/container/compose/edit/index.vue
index c1d79b7521f1..53d28f75d1ef 100644
--- a/frontend/src/views/container/compose/edit/index.vue
+++ b/frontend/src/views/container/compose/edit/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="composeVisible"
         :header="$t('commons.button.edit')"
-        :back="handleClose"
+        @close="handleClose"
         :resource="name"
         size="large"
     >
diff --git a/frontend/src/views/container/container/commit/index.vue b/frontend/src/views/container/container/commit/index.vue
index 0e44ff3e2818..a5fc8443dbfd 100644
--- a/frontend/src/views/container/container/commit/index.vue
+++ b/frontend/src/views/container/container/commit/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="drawerVisible"
         :header="$t('container.makeImage')"
-        :back="handleClose"
+        @close="handleClose"
         :resource="form.containerName"
         size="large"
     >
diff --git a/frontend/src/views/container/container/log/index.vue b/frontend/src/views/container/container/log/index.vue
index 43541fea01e7..fb0e6b78cbbb 100644
--- a/frontend/src/views/container/container/log/index.vue
+++ b/frontend/src/views/container/container/log/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="logVisible"
         :header="$t('commons.button.log')"
-        :back="handleClose"
+        @close="handleClose"
         :resource="logSearch.container"
         :size="globalStore.isFullScreen ? 'full' : 'large'"
     >
diff --git a/frontend/src/views/container/container/monitor/index.vue b/frontend/src/views/container/container/monitor/index.vue
index 28b8f7b56f5b..a46d87b3db4d 100644
--- a/frontend/src/views/container/container/monitor/index.vue
+++ b/frontend/src/views/container/container/monitor/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <DrawerPro v-model="monitorVisible" :header="$t('menu.monitor')" :back="handleClose" :resource="title" size="large">
+    <DrawerPro
+        v-model="monitorVisible"
+        :header="$t('menu.monitor')"
+        @close="handleClose"
+        :resource="title"
+        size="large"
+    >
         <el-form label-position="top" @submit.prevent>
             <el-form-item :label="$t('container.refreshTime')">
                 <el-select v-model="timeInterval" @change="changeTimer">
diff --git a/frontend/src/views/container/container/rename/index.vue b/frontend/src/views/container/container/rename/index.vue
index 3f7fffcc1ba5..f705336c3421 100644
--- a/frontend/src/views/container/container/rename/index.vue
+++ b/frontend/src/views/container/container/rename/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="newNameVisible"
         :header="$t('container.rename')"
-        :back="handleClose"
+        @close="handleClose"
         :resource="renameForm.name"
         size="small"
     >
diff --git a/frontend/src/views/container/container/terminal/index.vue b/frontend/src/views/container/container/terminal/index.vue
index 0b7abe7f3f8a..e3370675ed01 100644
--- a/frontend/src/views/container/container/terminal/index.vue
+++ b/frontend/src/views/container/container/terminal/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="terminalVisible"
         :header="$t('menu.terminal')"
-        :back="handleClose"
+        @close="handleClose"
         :resource="title"
         size="large"
     >
diff --git a/frontend/src/views/container/container/upgrade/index.vue b/frontend/src/views/container/container/upgrade/index.vue
index b72ccb01b20a..3bdcc798aae7 100644
--- a/frontend/src/views/container/container/upgrade/index.vue
+++ b/frontend/src/views/container/container/upgrade/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="drawerVisible"
         :header="$t('commons.button.upgrade')"
-        :back="handleClose"
+        @close="handleClose"
         :resource="form.containerName"
         size="large"
     >
diff --git a/frontend/src/views/container/image/build/index.vue b/frontend/src/views/container/image/build/index.vue
index c9381c415eeb..6c4b21c99fef 100644
--- a/frontend/src/views/container/image/build/index.vue
+++ b/frontend/src/views/container/image/build/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('container.imageBuild')" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('container.imageBuild')" @close="handleClose" size="large">
         <el-form ref="formRef" label-position="top" :model="form" label-width="80px" :rules="rules">
             <el-form-item :label="$t('commons.table.name')" prop="name">
                 <el-input :placeholder="$t('container.imageNameHelper')" v-model.trim="form.name" clearable />
diff --git a/frontend/src/views/container/image/delete/index.vue b/frontend/src/views/container/image/delete/index.vue
index 57ec335336a5..f30cc55ac9f3 100644
--- a/frontend/src/views/container/image/delete/index.vue
+++ b/frontend/src/views/container/image/delete/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <DrawerPro v-model="deleteVisible" :header="$t('container.imageDelete')" :back="handleClose" size="small">
+        <DrawerPro v-model="deleteVisible" :header="$t('container.imageDelete')" @close="handleClose" size="small">
             <el-form @submit.prevent :model="form" label-position="top">
                 <el-form-item :label="$t('container.tag')" prop="tagName">
                     <div style="width: 100%">
diff --git a/frontend/src/views/container/image/load/index.vue b/frontend/src/views/container/image/load/index.vue
index 18240c6c94ca..4f9ab28b6d5b 100644
--- a/frontend/src/views/container/image/load/index.vue
+++ b/frontend/src/views/container/image/load/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="loadVisible" :header="$t('container.importImage')" :back="handleClose" size="small">
+    <DrawerPro v-model="loadVisible" :header="$t('container.importImage')" @close="handleClose" size="small">
         <el-form @submit.prevent v-loading="loading" ref="formRef" :model="form" label-position="top">
             <el-form-item :label="$t('container.path')" :rules="Rules.requiredInput" prop="path">
                 <el-input v-model="form.path">
diff --git a/frontend/src/views/container/image/prune/index.vue b/frontend/src/views/container/image/prune/index.vue
index 0977c6543e90..88dbab37419b 100644
--- a/frontend/src/views/container/image/prune/index.vue
+++ b/frontend/src/views/container/image/prune/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="dialogVisible" :header="$t('container.imagePrune')" :back="handleClose" size="small">
+    <DrawerPro v-model="dialogVisible" :header="$t('container.imagePrune')" @close="handleClose" size="small">
         <el-form ref="deleteForm" v-loading="loading">
             <el-form-item>
                 <el-radio-group class="w-full" v-model="scope" @change="changeScope">
diff --git a/frontend/src/views/container/image/pull/index.vue b/frontend/src/views/container/image/pull/index.vue
index c0f179e9bfce..594acbc5e580 100644
--- a/frontend/src/views/container/image/pull/index.vue
+++ b/frontend/src/views/container/image/pull/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('container.imagePull')" :back="onCloseLog" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('container.imagePull')" @close="onCloseLog" size="large">
         <el-form ref="formRef" label-position="top" :model="form">
             <el-form-item :label="$t('app.source')">
                 <el-checkbox v-model="form.fromRepo">
diff --git a/frontend/src/views/container/image/push/index.vue b/frontend/src/views/container/image/push/index.vue
index 45be19522012..71ccc6e36352 100644
--- a/frontend/src/views/container/image/push/index.vue
+++ b/frontend/src/views/container/image/push/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('container.imagePush')" :back="onCloseLog" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('container.imagePush')" @close="onCloseLog" size="large">
         <el-form ref="formRef" label-position="top" :model="form" label-width="80px">
             <el-form-item :label="$t('container.tag')" :rules="Rules.requiredSelect" prop="tagName">
                 <el-select filterable v-model="form.tagName">
diff --git a/frontend/src/views/container/image/save/index.vue b/frontend/src/views/container/image/save/index.vue
index 03d849921c05..9c9aea908bf0 100644
--- a/frontend/src/views/container/image/save/index.vue
+++ b/frontend/src/views/container/image/save/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('terminal.exportImage')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('terminal.exportImage')" @close="handleClose" size="small">
         <el-form v-loading="loading" label-position="top" ref="formRef" :model="form" label-width="80px">
             <el-form-item :label="$t('container.tag')" :rules="Rules.requiredSelect" prop="tagName">
                 <el-select filterable v-model="form.tagName">
diff --git a/frontend/src/views/container/image/tag/index.vue b/frontend/src/views/container/image/tag/index.vue
index f94092758402..2410386d1a76 100644
--- a/frontend/src/views/container/image/tag/index.vue
+++ b/frontend/src/views/container/image/tag/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('container.imageTag')" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('container.imageTag')" @close="handleClose" size="large">
         <el-form v-loading="loading" label-position="top" ref="formRef" :model="form" label-width="80px">
             <el-form-item :label="$t('app.source')">
                 <el-checkbox v-model="form.fromRepo">{{ $t('container.imageRepo') }}</el-checkbox>
diff --git a/frontend/src/views/container/network/create/index.vue b/frontend/src/views/container/network/create/index.vue
index 9af47f2c4ccb..44c8f0bf6487 100644
--- a/frontend/src/views/container/network/create/index.vue
+++ b/frontend/src/views/container/network/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('container.createNetwork')" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('container.createNetwork')" @close="handleClose" size="large">
         <el-form ref="formRef" label-position="top" v-loading="loading" :model="form" :rules="rules" label-width="80px">
             <el-form-item :label="$t('container.networkName')" prop="name">
                 <el-input clearable v-model.trim="form.name" />
diff --git a/frontend/src/views/container/repo/operator/index.vue b/frontend/src/views/container/repo/operator/index.vue
index 9c635eb6b231..e17e81b84a5c 100644
--- a/frontend/src/views/container/repo/operator/index.vue
+++ b/frontend/src/views/container/repo/operator/index.vue
@@ -3,7 +3,7 @@
         v-model="drawerVisible"
         :header="title + $t('container.repo')"
         :resource="dialogData.rowData?.name"
-        :back="handleClose"
+        @close="handleClose"
         size="small"
     >
         <el-form
diff --git a/frontend/src/views/container/setting/ipv6/index.vue b/frontend/src/views/container/setting/ipv6/index.vue
index 2264d1e1fe71..397c7cd5f132 100644
--- a/frontend/src/views/container/setting/ipv6/index.vue
+++ b/frontend/src/views/container/setting/ipv6/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <DrawerPro v-model="drawerVisible" header="IPv6" :back="handleClose" size="small">
+        <DrawerPro v-model="drawerVisible" header="IPv6" @close="handleClose" size="small">
             <el-alert class="common-prompt" :closable="false" type="warning">
                 <template #default>
                     <span class="input-help">
diff --git a/frontend/src/views/container/setting/log/index.vue b/frontend/src/views/container/setting/log/index.vue
index 411d89878d6f..444b6c351049 100644
--- a/frontend/src/views/container/setting/log/index.vue
+++ b/frontend/src/views/container/setting/log/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <DrawerPro v-model="drawerVisible" :header="$t('container.cutLog')" :back="handleClose" size="small">
+        <DrawerPro v-model="drawerVisible" :header="$t('container.cutLog')" @close="handleClose" size="small">
             <el-alert class="common-prompt" :closable="false" type="warning">
                 <template #default>
                     <ul style="margin-left: -20px">
diff --git a/frontend/src/views/container/setting/mirror/index.vue b/frontend/src/views/container/setting/mirror/index.vue
index 5df532097e62..b936e73ffa69 100644
--- a/frontend/src/views/container/setting/mirror/index.vue
+++ b/frontend/src/views/container/setting/mirror/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <DrawerPro v-model="drawerVisible" :header="$t('container.mirrors')" :back="handleClose" size="small">
+        <DrawerPro v-model="drawerVisible" :header="$t('container.mirrors')" @close="handleClose" size="small">
             <el-form
                 ref="formRef"
                 label-position="top"
diff --git a/frontend/src/views/container/setting/registry/index.vue b/frontend/src/views/container/setting/registry/index.vue
index 667238658131..8624a95280eb 100644
--- a/frontend/src/views/container/setting/registry/index.vue
+++ b/frontend/src/views/container/setting/registry/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <DrawerPro v-model="drawerVisible" :header="$t('container.registries')" :back="handleClose" size="small">
+        <DrawerPro v-model="drawerVisible" :header="$t('container.registries')" @close="handleClose" size="small">
             <el-form
                 ref="formRef"
                 label-position="top"
diff --git a/frontend/src/views/container/setting/sock-path/index.vue b/frontend/src/views/container/setting/sock-path/index.vue
index 44f28711fa0b..1270c7eaaeeb 100644
--- a/frontend/src/views/container/setting/sock-path/index.vue
+++ b/frontend/src/views/container/setting/sock-path/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <DrawerPro v-model="drawerVisible" :header="$t('container.sockPath')" :back="handleClose" size="small">
+        <DrawerPro v-model="drawerVisible" :header="$t('container.sockPath')" @close="handleClose" size="small">
             <el-form
                 ref="formRef"
                 label-position="top"
diff --git a/frontend/src/views/container/template/detail/index.vue b/frontend/src/views/container/template/detail/index.vue
index 69c612682dab..238f5f4307f7 100644
--- a/frontend/src/views/container/template/detail/index.vue
+++ b/frontend/src/views/container/template/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="detailVisible" :header="$t('commons.button.view')" :back="handleClose" size="large">
+    <DrawerPro v-model="detailVisible" :header="$t('commons.button.view')" @close="handleClose" size="large">
         <CodemirrorPro
             :placeholder="$t('commons.msg.noneData')"
             v-model="detailInfo"
diff --git a/frontend/src/views/container/template/operator/index.vue b/frontend/src/views/container/template/operator/index.vue
index bffa32dfd0ba..eafa0f69eadd 100644
--- a/frontend/src/views/container/template/operator/index.vue
+++ b/frontend/src/views/container/template/operator/index.vue
@@ -3,7 +3,7 @@
         v-model="drawerVisible"
         :header="$t('container.composeTemplate')"
         :resource="dialogData.title === 'create' ? '' : dialogData.rowData?.name"
-        :back="handleClose"
+        @close="handleClose"
         size="large"
     >
         <el-form
diff --git a/frontend/src/views/container/volume/create/index.vue b/frontend/src/views/container/volume/create/index.vue
index 0fea77282a4e..c5d0e6d899d3 100644
--- a/frontend/src/views/container/volume/create/index.vue
+++ b/frontend/src/views/container/volume/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('container.createVolume')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('container.createVolume')" @close="handleClose" size="small">
         <el-form
             ref="formRef"
             v-loading="loading"
diff --git a/frontend/src/views/cronjob/backup/index.vue b/frontend/src/views/cronjob/backup/index.vue
index fa8024fa5138..a89b46ea3546 100644
--- a/frontend/src/views/cronjob/backup/index.vue
+++ b/frontend/src/views/cronjob/backup/index.vue
@@ -3,7 +3,7 @@
         v-model="backupVisible"
         :header="$t('commons.button.backup')"
         :resource="cronjob"
-        :back="handleClose"
+        @close="handleClose"
         size="large"
     >
         <template #content>
diff --git a/frontend/src/views/cronjob/operate/index.vue b/frontend/src/views/cronjob/operate/index.vue
index da860d08238b..8e30ec45b7ca 100644
--- a/frontend/src/views/cronjob/operate/index.vue
+++ b/frontend/src/views/cronjob/operate/index.vue
@@ -3,7 +3,7 @@
         v-model="drawerVisible"
         :header="title"
         :resource="dialogData.title === 'create' ? '' : dialogData.rowData?.name"
-        :back="handleClose"
+        @close="handleClose"
         size="large"
     >
         <el-form ref="formRef" label-position="top" :model="dialogData.rowData" :rules="rules">
diff --git a/frontend/src/views/database/mysql/bind/index.vue b/frontend/src/views/database/mysql/bind/index.vue
index 3dddd4b5196d..5fe525ed6160 100644
--- a/frontend/src/views/database/mysql/bind/index.vue
+++ b/frontend/src/views/database/mysql/bind/index.vue
@@ -4,7 +4,7 @@
             v-model="bindVisible"
             :header="$t('database.userBind')"
             :resource="form.mysqlName"
-            :back="handleClose"
+            @close="handleClose"
             size="small"
         >
             <el-form v-loading="loading" ref="changeFormRef" :model="form" :rules="rules" label-position="top">
diff --git a/frontend/src/views/database/mysql/conn/index.vue b/frontend/src/views/database/mysql/conn/index.vue
index 5f107cebb2b4..ad20cd266233 100644
--- a/frontend/src/views/database/mysql/conn/index.vue
+++ b/frontend/src/views/database/mysql/conn/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="dialogVisible" :header="$t('database.databaseConnInfo')" :back="handleClose" size="small">
+    <DrawerPro v-model="dialogVisible" :header="$t('database.databaseConnInfo')" @close="handleClose" size="small">
         <el-form @submit.prevent v-loading="loading" ref="formRef" :model="form" label-position="top">
             <el-form-item :label="$t('database.containerConn')" v-if="form.from === 'local'">
                 <el-card class="mini-border-card">
diff --git a/frontend/src/views/database/mysql/create/index.vue b/frontend/src/views/database/mysql/create/index.vue
index 226e2c32b34c..ce7ae6272f4c 100644
--- a/frontend/src/views/database/mysql/create/index.vue
+++ b/frontend/src/views/database/mysql/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="createVisible" :header="$t('database.create')" :back="handleClose" size="normal">
+    <DrawerPro v-model="createVisible" :header="$t('database.create')" @close="handleClose" size="normal">
         <el-form ref="formRef" label-position="top" :model="form" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('commons.table.name')" prop="name">
                 <el-input clearable v-model.trim="form.name" @input="form.username = form.name">
diff --git a/frontend/src/views/database/mysql/password/index.vue b/frontend/src/views/database/mysql/password/index.vue
index 832302043e72..0dbe0abfbdb8 100644
--- a/frontend/src/views/database/mysql/password/index.vue
+++ b/frontend/src/views/database/mysql/password/index.vue
@@ -4,7 +4,7 @@
             v-model="changeVisible"
             :header="title"
             :resource="changeForm.mysqlName"
-            :back="handleClose"
+            @close="handleClose"
             size="small"
         >
             <el-form v-loading="loading" ref="changeFormRef" :model="changeForm" :rules="rules" label-position="top">
diff --git a/frontend/src/views/database/mysql/remote/operate/index.vue b/frontend/src/views/database/mysql/remote/operate/index.vue
index 18abab44585f..ab433abbf996 100644
--- a/frontend/src/views/database/mysql/remote/operate/index.vue
+++ b/frontend/src/views/database/mysql/remote/operate/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="drawerVisible"
         :header="title"
-        :back="handleClose"
+        @close="handleClose"
         :resource="dialogData.title === 'create' ? '' : dialogData.rowData?.name"
         size="large"
     >
diff --git a/frontend/src/views/database/postgresql/bind/index.vue b/frontend/src/views/database/postgresql/bind/index.vue
index 95ca3b8c514b..bec795292752 100644
--- a/frontend/src/views/database/postgresql/bind/index.vue
+++ b/frontend/src/views/database/postgresql/bind/index.vue
@@ -4,7 +4,7 @@
             v-model="bindVisible"
             :header="$t('database.userBind')"
             :resource="form.name"
-            :back="handleClose"
+            @close="handleClose"
             size="small"
         >
             <el-form v-loading="loading" ref="changeFormRef" :model="form" :rules="rules" label-position="top">
diff --git a/frontend/src/views/database/postgresql/conn/index.vue b/frontend/src/views/database/postgresql/conn/index.vue
index 9d47752de78c..23a990c5f15d 100644
--- a/frontend/src/views/database/postgresql/conn/index.vue
+++ b/frontend/src/views/database/postgresql/conn/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="dialogVisible" :header="$t('database.databaseConnInfo')" :back="handleClose" size="small">
+    <DrawerPro v-model="dialogVisible" :header="$t('database.databaseConnInfo')" @close="handleClose" size="small">
         <el-form @submit.prevent v-loading="loading" ref="formRef" :model="form" label-position="top">
             <el-form-item :label="$t('database.containerConn')" v-if="form.from === 'local'">
                 <el-card class="mini-border-card">
diff --git a/frontend/src/views/database/postgresql/create/index.vue b/frontend/src/views/database/postgresql/create/index.vue
index 87708775e02b..221f60cec6ce 100644
--- a/frontend/src/views/database/postgresql/create/index.vue
+++ b/frontend/src/views/database/postgresql/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="createVisible" :header="$t('database.create')" :back="handleClose" size="small">
+    <DrawerPro v-model="createVisible" :header="$t('database.create')" @close="handleClose" size="small">
         <div v-loading="loading">
             <el-form ref="formRef" label-position="top" :model="form" :rules="rules">
                 <el-form-item :label="$t('commons.table.name')" prop="name">
diff --git a/frontend/src/views/database/postgresql/password/index.vue b/frontend/src/views/database/postgresql/password/index.vue
index d3ab80f45c4e..85fd4fd127fa 100644
--- a/frontend/src/views/database/postgresql/password/index.vue
+++ b/frontend/src/views/database/postgresql/password/index.vue
@@ -4,7 +4,7 @@
             v-model="changeVisible"
             :header="title"
             :resource="changeForm.postgresqlName"
-            :back="handleClose"
+            @close="handleClose"
             size="small"
         >
             <el-form v-loading="loading" ref="changeFormRef" :rules="rules" :model="changeForm" label-position="top">
diff --git a/frontend/src/views/database/postgresql/privileges/index.vue b/frontend/src/views/database/postgresql/privileges/index.vue
index 8ac89734754e..1c9f671344ca 100644
--- a/frontend/src/views/database/postgresql/privileges/index.vue
+++ b/frontend/src/views/database/postgresql/privileges/index.vue
@@ -4,7 +4,7 @@
             v-model="changeVisible"
             :header="$t('database.permission')"
             :resource="form.name"
-            :back="handleClose"
+            @close="handleClose"
             size="small"
         >
             <el-form v-loading="loading" :model="form" label-position="top">
diff --git a/frontend/src/views/database/postgresql/remote/operate/index.vue b/frontend/src/views/database/postgresql/remote/operate/index.vue
index 8d5499369c8f..15223e5fe448 100644
--- a/frontend/src/views/database/postgresql/remote/operate/index.vue
+++ b/frontend/src/views/database/postgresql/remote/operate/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="drawerVisible"
         :header="title"
-        :back="handleClose"
+        @close="handleClose"
         :resource="dialogData.title === 'create' ? '' : dialogData.rowData?.name"
         size="large"
     >
diff --git a/frontend/src/views/database/redis/command/index.vue b/frontend/src/views/database/redis/command/index.vue
index fe9d3d014ae7..a6c7e4334555 100644
--- a/frontend/src/views/database/redis/command/index.vue
+++ b/frontend/src/views/database/redis/command/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('database.redisQuickCmd')" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('database.redisQuickCmd')" @close="handleClose" size="large">
         <template #content>
             <el-button type="primary" @click="handleCmdAdd()">
                 {{ $t('commons.button.add') }}
diff --git a/frontend/src/views/database/redis/conn/index.vue b/frontend/src/views/database/redis/conn/index.vue
index ce85ef4a0e25..ffb2e646d524 100644
--- a/frontend/src/views/database/redis/conn/index.vue
+++ b/frontend/src/views/database/redis/conn/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="dialogVisible" :header="$t('database.databaseConnInfo')" :back="handleClose" size="small">
+    <DrawerPro v-model="dialogVisible" :header="$t('database.databaseConnInfo')" @close="handleClose" size="small">
         <el-form @submit.prevent v-loading="loading" ref="formRef" :model="form" label-position="top" :rules="rules">
             <el-form-item :label="$t('database.containerConn')" v-if="form.from === 'local'">
                 <el-card class="mini-border-card">
diff --git a/frontend/src/views/database/redis/remote/operate/index.vue b/frontend/src/views/database/redis/remote/operate/index.vue
index 3b24c2e8b3eb..b94f9b1cffdb 100644
--- a/frontend/src/views/database/redis/remote/operate/index.vue
+++ b/frontend/src/views/database/redis/remote/operate/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="drawerVisible"
         :header="title"
-        :back="handleClose"
+        @close="handleClose"
         :resource="dialogData.title === 'create' ? '' : dialogData.rowData?.name"
         size="large"
     >
diff --git a/frontend/src/views/host/file-management/batch-role/index.vue b/frontend/src/views/host/file-management/batch-role/index.vue
index ed35d3c741da..9d75872a5cb0 100644
--- a/frontend/src/views/host/file-management/batch-role/index.vue
+++ b/frontend/src/views/host/file-management/batch-role/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('file.setRole')" :back="handleClose" size="large">
+    <DrawerPro v-model="open" :header="$t('file.setRole')" @close="handleClose" size="large">
         <div v-loading="loading">
             <FileRole :mode="mode" @get-mode="getMode" :key="open.toString()"></FileRole>
             <el-form ref="fileForm" label-position="left" :model="addForm" label-width="100px" :rules="rules">
diff --git a/frontend/src/views/host/file-management/change-role/index.vue b/frontend/src/views/host/file-management/change-role/index.vue
index ee3262b80bd6..85515d850d60 100644
--- a/frontend/src/views/host/file-management/change-role/index.vue
+++ b/frontend/src/views/host/file-management/change-role/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('file.setRole')" :back="handleClose" :resource="name" size="large">
+    <DrawerPro v-model="open" :header="$t('file.setRole')" @close="handleClose" :resource="name" size="large">
         <FileRole v-loading="loading" :mode="mode" @get-mode="getMode" :key="open.toString()"></FileRole>
         <el-form-item v-if="form.isDir">
             <el-checkbox v-model="form.sub">{{ $t('file.containSub') }}</el-checkbox>
diff --git a/frontend/src/views/host/file-management/chown/index.vue b/frontend/src/views/host/file-management/chown/index.vue
index 8e71cb574def..23c4270a1208 100644
--- a/frontend/src/views/host/file-management/chown/index.vue
+++ b/frontend/src/views/host/file-management/chown/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('file.setRole')" :back="handleClose" :resource="name" size="normal">
+    <DrawerPro v-model="open" :header="$t('file.setRole')" @close="handleClose" :resource="name" size="normal">
         <el-alert :title="$t('file.ownerHelper')" type="info" :closable="false" class="common-prompt" />
         <el-form
             ref="fileForm"
diff --git a/frontend/src/views/host/file-management/compress/index.vue b/frontend/src/views/host/file-management/compress/index.vue
index b74816907e5b..98ba280aa538 100644
--- a/frontend/src/views/host/file-management/compress/index.vue
+++ b/frontend/src/views/host/file-management/compress/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="title" :back="handleClose" size="large">
+    <DrawerPro v-model="open" :header="title" @close="handleClose" size="large">
         <el-form
             ref="fileForm"
             label-position="top"
diff --git a/frontend/src/views/host/file-management/create/index.vue b/frontend/src/views/host/file-management/create/index.vue
index c2ccb4f64a80..1d010dcae3d8 100644
--- a/frontend/src/views/host/file-management/create/index.vue
+++ b/frontend/src/views/host/file-management/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.create')" :back="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="$t('commons.button.create')" @close="handleClose" size="normal">
         <el-form
             ref="fileForm"
             label-position="top"
diff --git a/frontend/src/views/host/file-management/decompress/index.vue b/frontend/src/views/host/file-management/decompress/index.vue
index fa96f39d1c19..74c0b452f732 100644
--- a/frontend/src/views/host/file-management/decompress/index.vue
+++ b/frontend/src/views/host/file-management/decompress/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('file.deCompress')" :resource="name" :back="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="$t('file.deCompress')" :resource="name" @close="handleClose" size="normal">
         <el-form
             ref="fileForm"
             label-position="top"
diff --git a/frontend/src/views/host/file-management/detail/index.vue b/frontend/src/views/host/file-management/detail/index.vue
index 1b5604c46b4d..8b3723f4a7a7 100644
--- a/frontend/src/views/host/file-management/detail/index.vue
+++ b/frontend/src/views/host/file-management/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('file.info')" size="small" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('file.info')" size="small" @close="handleClose">
         <el-descriptions :column="1" border>
             <el-descriptions-item label-class-name="detail-label" :label="$t('file.fileName')">
                 {{ data.name }}
diff --git a/frontend/src/views/host/file-management/download/index.vue b/frontend/src/views/host/file-management/download/index.vue
index 359e5812c4cf..da2160557864 100644
--- a/frontend/src/views/host/file-management/download/index.vue
+++ b/frontend/src/views/host/file-management/download/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.download')" :back="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="$t('commons.button.download')" @close="handleClose" size="normal">
         <el-form ref="fileForm" label-position="top" :model="addForm" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('file.compressType')" prop="type">
                 <el-select v-model="addForm.type">
diff --git a/frontend/src/views/host/file-management/favorite/index.vue b/frontend/src/views/host/file-management/favorite/index.vue
index fc43e9565021..7fb59ddde528 100644
--- a/frontend/src/views/host/file-management/favorite/index.vue
+++ b/frontend/src/views/host/file-management/favorite/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('file.favorite')" :back="handleClose" size="large">
+    <DrawerPro v-model="open" :header="$t('file.favorite')" @close="handleClose" size="large">
         <template #content>
             <ComplexTable :pagination-config="paginationConfig" :data="data" @search="search">
                 <el-table-column :label="$t('file.path')" show-overflow-tooltip prop="path"></el-table-column>
diff --git a/frontend/src/views/host/file-management/move/index.vue b/frontend/src/views/host/file-management/move/index.vue
index f89892ca3700..953e257f9252 100644
--- a/frontend/src/views/host/file-management/move/index.vue
+++ b/frontend/src/views/host/file-management/move/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="title" :back="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="title" @close="handleClose" size="normal">
         <el-form
             @submit.prevent
             ref="fileForm"
diff --git a/frontend/src/views/host/file-management/recycle-bin/index.vue b/frontend/src/views/host/file-management/recycle-bin/index.vue
index 51ed6a62cb8f..a16ebbd4802c 100644
--- a/frontend/src/views/host/file-management/recycle-bin/index.vue
+++ b/frontend/src/views/host/file-management/recycle-bin/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('file.recycleBin')" :back="handleClose" size="large">
+    <DrawerPro v-model="open" :header="$t('file.recycleBin')" @close="handleClose" size="large">
         <template #content>
             <div class="flex space-x-4">
                 <el-button @click="clear" type="primary" :disabled="data == null || data.length == 0">
diff --git a/frontend/src/views/host/file-management/rename/index.vue b/frontend/src/views/host/file-management/rename/index.vue
index 7a8fb5cd2cd6..284c67a5c2b6 100644
--- a/frontend/src/views/host/file-management/rename/index.vue
+++ b/frontend/src/views/host/file-management/rename/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('file.rename')" :resource="oldName" :back="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="$t('file.rename')" :resource="oldName" @close="handleClose" size="normal">
         <el-form
             ref="fileForm"
             label-position="top"
diff --git a/frontend/src/views/host/file-management/upload/index.vue b/frontend/src/views/host/file-management/upload/index.vue
index 2b5414630d29..afda5ff36964 100644
--- a/frontend/src/views/host/file-management/upload/index.vue
+++ b/frontend/src/views/host/file-management/upload/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.upload')" :back="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="$t('commons.button.upload')" @close="handleClose" size="normal">
         <template #content>
             <div class="button-container">
                 <div>
diff --git a/frontend/src/views/host/file-management/wget/index.vue b/frontend/src/views/host/file-management/wget/index.vue
index b225f235fdf5..1137be56e15a 100644
--- a/frontend/src/views/host/file-management/wget/index.vue
+++ b/frontend/src/views/host/file-management/wget/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.download')" :back="handleClose" size="large">
+    <DrawerPro v-model="open" :header="$t('commons.button.download')" @close="handleClose" size="large">
         <el-form
             ref="fileForm"
             label-position="top"
diff --git a/frontend/src/views/host/firewall/forward/operate/index.vue b/frontend/src/views/host/firewall/forward/operate/index.vue
index a50d393b8956..e70cee0547a0 100644
--- a/frontend/src/views/host/firewall/forward/operate/index.vue
+++ b/frontend/src/views/host/firewall/forward/operate/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="title" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="title" @close="handleClose" size="large">
         <el-form ref="formRef" label-position="top" :model="dialogData.rowData" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('commons.table.protocol')" prop="protocol">
                 <el-select class="w-full" v-model="dialogData.rowData!.protocol">
diff --git a/frontend/src/views/host/firewall/ip/operate/index.vue b/frontend/src/views/host/firewall/ip/operate/index.vue
index 53fb6cb5ff14..973a41ff3e0e 100644
--- a/frontend/src/views/host/firewall/ip/operate/index.vue
+++ b/frontend/src/views/host/firewall/ip/operate/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="title" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="title" @close="handleClose" size="large">
         <el-form
             ref="formRef"
             label-position="top"
diff --git a/frontend/src/views/host/firewall/port/operate/index.vue b/frontend/src/views/host/firewall/port/operate/index.vue
index 32476e3cac1b..b6e78b89a826 100644
--- a/frontend/src/views/host/firewall/port/operate/index.vue
+++ b/frontend/src/views/host/firewall/port/operate/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="title" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="title" @close="handleClose" size="large">
         <el-form ref="formRef" label-position="top" :model="dialogData.rowData" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('commons.table.protocol')" prop="protocol">
                 <el-select class="w-full" v-model="dialogData.rowData!.protocol">
diff --git a/frontend/src/views/host/monitor/setting/days/index.vue b/frontend/src/views/host/monitor/setting/days/index.vue
index ed1c05103473..5a4178240e7d 100644
--- a/frontend/src/views/host/monitor/setting/days/index.vue
+++ b/frontend/src/views/host/monitor/setting/days/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('monitor.storeDays')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('monitor.storeDays')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('monitor.storeDays')" :rules="[Rules.integerNumber]" prop="monitorStoreDays">
                 <el-input clearable v-model.number="form.monitorStoreDays" />
diff --git a/frontend/src/views/host/monitor/setting/default-network/index.vue b/frontend/src/views/host/monitor/setting/default-network/index.vue
index 0fd324fd764c..29bffdf94d4e 100644
--- a/frontend/src/views/host/monitor/setting/default-network/index.vue
+++ b/frontend/src/views/host/monitor/setting/default-network/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('monitor.defaultNetwork')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('monitor.defaultNetwork')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('monitor.defaultNetwork')" prop="defaultNetwork" :rules="Rules.requiredSelect">
                 <el-select v-model="form.defaultNetwork" filterable>
diff --git a/frontend/src/views/host/monitor/setting/interval/index.vue b/frontend/src/views/host/monitor/setting/interval/index.vue
index ecf8f278c58e..d3f451702b6d 100644
--- a/frontend/src/views/host/monitor/setting/interval/index.vue
+++ b/frontend/src/views/host/monitor/setting/interval/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('monitor.interval')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('monitor.interval')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item
                 :label="$t('monitor.interval')"
diff --git a/frontend/src/views/host/process/process/detail/index.vue b/frontend/src/views/host/process/process/detail/index.vue
index 8b14d1d6ae53..d80621ebcf41 100644
--- a/frontend/src/views/host/process/process/detail/index.vue
+++ b/frontend/src/views/host/process/process/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('app.detail')" :resource="resourceName" :back="handleClose" size="large">
+    <DrawerPro v-model="open" :header="$t('app.detail')" :resource="resourceName" @close="handleClose" size="large">
         <template #content>
             <el-tabs v-model="activeName" type="card">
                 <el-tab-pane :label="$t('process.basic')" name="basic">
diff --git a/frontend/src/views/host/ssh/ssh/address/index.vue b/frontend/src/views/host/ssh/ssh/address/index.vue
index 06a761e34250..5675b3cb91ae 100644
--- a/frontend/src/views/host/ssh/ssh/address/index.vue
+++ b/frontend/src/views/host/ssh/ssh/address/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('ssh.listenAddress')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('ssh.listenAddress')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :rules="rules" :model="form" @submit.prevent v-loading="loading">
             <el-alert class="common-prompt" :closable="false" type="error">
                 <template #default>
diff --git a/frontend/src/views/host/ssh/ssh/port/index.vue b/frontend/src/views/host/ssh/ssh/port/index.vue
index 5bf00b118628..ebb6524a7f75 100644
--- a/frontend/src/views/host/ssh/ssh/port/index.vue
+++ b/frontend/src/views/host/ssh/ssh/port/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('commons.table.port')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('commons.table.port')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('commons.table.port')" prop="port" :rules="Rules.port">
                 <el-input clearable v-model.number="form.port" />
diff --git a/frontend/src/views/host/ssh/ssh/pubkey/index.vue b/frontend/src/views/host/ssh/ssh/pubkey/index.vue
index ae2a589caa38..4675669127d0 100644
--- a/frontend/src/views/host/ssh/ssh/pubkey/index.vue
+++ b/frontend/src/views/host/ssh/ssh/pubkey/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('ssh.pubkey')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('ssh.pubkey')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :rules="rules" :model="form" v-loading="loading">
             <el-form-item :label="$t('ssh.encryptionMode')" prop="encryptionMode">
                 <el-select v-model="form.encryptionMode" @change="onLoadSecret">
diff --git a/frontend/src/views/host/ssh/ssh/root/index.vue b/frontend/src/views/host/ssh/ssh/root/index.vue
index b2fa343b4c87..59dcfbab2acf 100644
--- a/frontend/src/views/host/ssh/ssh/root/index.vue
+++ b/frontend/src/views/host/ssh/ssh/root/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('ssh.permitRootLogin')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('ssh.permitRootLogin')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('ssh.permitRootLogin')" prop="permitRootLogin">
                 <el-select v-model="form.permitRootLogin" style="width: 100%">
diff --git a/frontend/src/views/setting/backup-account/operate/index.vue b/frontend/src/views/setting/backup-account/operate/index.vue
index 8f790b453c99..d453db9be07e 100644
--- a/frontend/src/views/setting/backup-account/operate/index.vue
+++ b/frontend/src/views/setting/backup-account/operate/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="title + $t('setting.backupAccount')" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="title + $t('setting.backupAccount')" @close="handleClose" size="large">
         <el-form @submit.prevent ref="formRef" v-loading="loading" label-position="top" :model="dialogData.rowData">
             <el-form-item :label="$t('commons.table.name')" prop="name" :rules="Rules.requiredInput">
                 <el-tag v-if="dialogData.title === 'edit'">{{ dialogData.rowData!.name }}</el-tag>
diff --git a/frontend/src/views/setting/license/bind/index.vue b/frontend/src/views/setting/license/bind/index.vue
index d278b7436a5f..68dc94bd415b 100644
--- a/frontend/src/views/setting/license/bind/index.vue
+++ b/frontend/src/views/setting/license/bind/index.vue
@@ -3,7 +3,7 @@
         v-model="drawerVisible"
         :header="$t('commons.button.bind')"
         :resource="licenseName"
-        :back="handleClose"
+        @close="handleClose"
         size="small"
     >
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
diff --git a/frontend/src/views/setting/panel/api-interface/index.vue b/frontend/src/views/setting/panel/api-interface/index.vue
index 69fe31f5191a..0646b26cb4b8 100644
--- a/frontend/src/views/setting/panel/api-interface/index.vue
+++ b/frontend/src/views/setting/panel/api-interface/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.apiInterface')" :back="handleClose" size="normal">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.apiInterface')" @close="handleClose" size="normal">
         <el-alert class="common-prompt" :closable="false" type="warning">
             <template #default>
                 <ul>
diff --git a/frontend/src/views/setting/panel/hidemenu/index.vue b/frontend/src/views/setting/panel/hidemenu/index.vue
index 0294d8ac7e8d..abb56058b51b 100644
--- a/frontend/src/views/setting/panel/hidemenu/index.vue
+++ b/frontend/src/views/setting/panel/hidemenu/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.menuSetting')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.menuSetting')" @close="handleClose" size="small">
         <el-alert :closable="false" :title="$t('setting.menuSettingHelper')" type="warning" />
         <ComplexTable :heightDiff="1" :data="treeData.hideMenu" :show-header="false" row-key="id">
             <el-table-column prop="title" :label="$t('setting.menu')">
diff --git a/frontend/src/views/setting/panel/name/index.vue b/frontend/src/views/setting/panel/name/index.vue
index 21733341fd65..f1c5c6328450 100644
--- a/frontend/src/views/setting/panel/name/index.vue
+++ b/frontend/src/views/setting/panel/name/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.title')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.title')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" :rules="rules" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('setting.title')" prop="panelName">
                 <el-input clearable v-model="form.panelName" />
diff --git a/frontend/src/views/setting/panel/password/index.vue b/frontend/src/views/setting/panel/password/index.vue
index 33fa37615304..ba584e3e4935 100644
--- a/frontend/src/views/setting/panel/password/index.vue
+++ b/frontend/src/views/setting/panel/password/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="passwordVisible" :header="$t('setting.changePassword')" :back="handleClose" size="small">
+    <DrawerPro v-model="passwordVisible" :header="$t('setting.changePassword')" @close="handleClose" size="small">
         <el-form ref="passFormRef" label-position="top" :model="passForm" :rules="passRules" v-loading="loading">
             <el-form-item :label="$t('setting.oldPassword')" prop="oldPassword">
                 <el-input type="password" show-password clearable v-model.trim="passForm.oldPassword" />
diff --git a/frontend/src/views/setting/panel/proxy/index.vue b/frontend/src/views/setting/panel/proxy/index.vue
index 14eb9dd3cdc6..cb73d9665f94 100644
--- a/frontend/src/views/setting/panel/proxy/index.vue
+++ b/frontend/src/views/setting/panel/proxy/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="passwordVisible" :header="$t('setting.proxy')" :back="handleClose" size="large">
+    <DrawerPro v-model="passwordVisible" :header="$t('setting.proxy')" @close="handleClose" size="large">
         <el-form ref="formRef" label-position="top" :model="form" :rules="rules" v-loading="loading">
             <el-alert class="common-prompt" :closable="false" type="warning">
                 <template #default>
diff --git a/frontend/src/views/setting/panel/systemip/index.vue b/frontend/src/views/setting/panel/systemip/index.vue
index 3dddc6d5e8c4..d8d951de5bc5 100644
--- a/frontend/src/views/setting/panel/systemip/index.vue
+++ b/frontend/src/views/setting/panel/systemip/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.systemIP')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.systemIP')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" :rules="rules" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('setting.systemIP')" prop="systemIP">
                 <el-input clearable v-model="form.systemIP" />
diff --git a/frontend/src/views/setting/panel/theme-color/index.vue b/frontend/src/views/setting/panel/theme-color/index.vue
index 65b013265460..d6d43931f73e 100644
--- a/frontend/src/views/setting/panel/theme-color/index.vue
+++ b/frontend/src/views/setting/panel/theme-color/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('xpack.theme.customColor')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('xpack.theme.customColor')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-row type="flex" justify="center">
                 <el-col :span="22">
diff --git a/frontend/src/views/setting/panel/timeout/index.vue b/frontend/src/views/setting/panel/timeout/index.vue
index 029aee6452f0..0b95e5721515 100644
--- a/frontend/src/views/setting/panel/timeout/index.vue
+++ b/frontend/src/views/setting/panel/timeout/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.sessionTimeout')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.sessionTimeout')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :rules="rules" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('setting.sessionTimeout')" prop="sessionTimeout">
                 <el-input clearable v-model.number="form.sessionTimeout" />
diff --git a/frontend/src/views/setting/panel/username/index.vue b/frontend/src/views/setting/panel/username/index.vue
index a7bce9c6052b..6f3927c32c52 100644
--- a/frontend/src/views/setting/panel/username/index.vue
+++ b/frontend/src/views/setting/panel/username/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.user')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.user')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading" :rules="rules">
             <el-form-item :label="$t('setting.user')" prop="userName">
                 <el-input clearable v-model.trim="form.userName" />
diff --git a/frontend/src/views/setting/safe/allowips/index.vue b/frontend/src/views/setting/safe/allowips/index.vue
index 4b2ca9736707..487ef227d693 100644
--- a/frontend/src/views/setting/safe/allowips/index.vue
+++ b/frontend/src/views/setting/safe/allowips/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.allowIPs')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.allowIPs')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" @submit.prevent :model="form" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('setting.allowIPs')" prop="allowIPs">
                 <el-input type="textarea" :placeholder="$t('setting.allowIPEgs')" :rows="3" v-model="form.allowIPs" />
diff --git a/frontend/src/views/setting/safe/bind/index.vue b/frontend/src/views/setting/safe/bind/index.vue
index 8cd9ddabdbc9..d7b8f8a75c1d 100644
--- a/frontend/src/views/setting/safe/bind/index.vue
+++ b/frontend/src/views/setting/safe/bind/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.bindInfo')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.bindInfo')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('setting.ipv6')" prop="ipv6" :rules="Rules.requiredSelect">
                 <el-radio-group style="width: 100%" v-model="form.ipv6" @change="onChangeMode()">
diff --git a/frontend/src/views/setting/safe/domain/index.vue b/frontend/src/views/setting/safe/domain/index.vue
index 0cd40b571c03..7bdfc0220a0a 100644
--- a/frontend/src/views/setting/safe/domain/index.vue
+++ b/frontend/src/views/setting/safe/domain/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.bindDomain')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.bindDomain')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :rules="rules" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('setting.bindDomain')" prop="bindDomain">
                 <el-input clearable v-model="form.bindDomain" />
diff --git a/frontend/src/views/setting/safe/entrance/index.vue b/frontend/src/views/setting/safe/entrance/index.vue
index cf4cc5e1a4e5..ec16bed325cf 100644
--- a/frontend/src/views/setting/safe/entrance/index.vue
+++ b/frontend/src/views/setting/safe/entrance/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.entrance')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.entrance')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading" :rules="rules">
             <el-form-item :label="$t('setting.entrance')" prop="securityEntrance">
                 <el-input clearable v-model="form.securityEntrance">
diff --git a/frontend/src/views/setting/safe/mfa/index.vue b/frontend/src/views/setting/safe/mfa/index.vue
index 7f958c4b90df..cebe0aebb18e 100644
--- a/frontend/src/views/setting/safe/mfa/index.vue
+++ b/frontend/src/views/setting/safe/mfa/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.mfa')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.mfa')" @close="handleClose" size="small">
         <el-alert class="common-prompt" :closable="false" type="warning">
             <template #default>
                 <span>
diff --git a/frontend/src/views/setting/safe/port/index.vue b/frontend/src/views/setting/safe/port/index.vue
index f92630082dcd..79bef80b8127 100644
--- a/frontend/src/views/setting/safe/port/index.vue
+++ b/frontend/src/views/setting/safe/port/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.panelPort')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.panelPort')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('setting.panelPort')" prop="serverPort" :rules="Rules.port">
                 <el-input clearable v-model.number="form.serverPort" />
diff --git a/frontend/src/views/setting/safe/response/index.vue b/frontend/src/views/setting/safe/response/index.vue
index b85d5325c5f5..61559842850b 100644
--- a/frontend/src/views/setting/safe/response/index.vue
+++ b/frontend/src/views/setting/safe/response/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.noAuthSetting')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.noAuthSetting')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('setting.responseSetting')" prop="noAuthSetting" :rules="Rules.requiredSelect">
                 <el-select v-model="form.noAuthSetting">
diff --git a/frontend/src/views/setting/safe/ssl/index.vue b/frontend/src/views/setting/safe/ssl/index.vue
index 5489b42c86bf..bfc785489d67 100644
--- a/frontend/src/views/setting/safe/ssl/index.vue
+++ b/frontend/src/views/setting/safe/ssl/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.panelSSL')" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.panelSSL')" @close="handleClose" size="large">
         <el-alert class="common-prompt" :closable="false" type="error">
             <template #default>
                 <span>
diff --git a/frontend/src/views/setting/safe/timeout/index.vue b/frontend/src/views/setting/safe/timeout/index.vue
index e0ac5af9da54..49cec324964f 100644
--- a/frontend/src/views/setting/safe/timeout/index.vue
+++ b/frontend/src/views/setting/safe/timeout/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.expirationTime')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.expirationTime')" @close="handleClose" size="small">
         <el-form ref="timeoutFormRef" @submit.prevent label-position="top" :model="form">
             <el-form-item
                 :label="$t('setting.days')"
diff --git a/frontend/src/views/setting/snapshot/create/index.vue b/frontend/src/views/setting/snapshot/create/index.vue
index 1fa113bfd88c..bb32b22afac7 100644
--- a/frontend/src/views/setting/snapshot/create/index.vue
+++ b/frontend/src/views/setting/snapshot/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.snapshot')" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.snapshot')" @close="handleClose" size="large">
         <fu-steps
             v-loading="loading"
             class="steps"
diff --git a/frontend/src/views/setting/snapshot/ignore-rule/index.vue b/frontend/src/views/setting/snapshot/ignore-rule/index.vue
index e421aadd517e..304b53e927ba 100644
--- a/frontend/src/views/setting/snapshot/ignore-rule/index.vue
+++ b/frontend/src/views/setting/snapshot/ignore-rule/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.ignoreRule')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.ignoreRule')" @close="handleClose" size="small">
         <el-alert :closable="false" type="warning">{{ $t('setting.ignoreHelper') }}</el-alert>
         <el-form ref="formRef" :model="form" :rules="rules" v-loading="loading" class="mt-2">
             <el-form-item prop="tmpRule">
diff --git a/frontend/src/views/setting/snapshot/import/index.vue b/frontend/src/views/setting/snapshot/import/index.vue
index 4defe4b9aba7..4dd70dcdc25f 100644
--- a/frontend/src/views/setting/snapshot/import/index.vue
+++ b/frontend/src/views/setting/snapshot/import/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.importSnapshot')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.importSnapshot')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('setting.backupAccount')" prop="from">
                 <el-select v-model="form.backupAccountID" @change="loadFiles" clearable>
diff --git a/frontend/src/views/setting/snapshot/status/index.vue b/frontend/src/views/setting/snapshot/status/index.vue
index ee10c6dcfb27..5b7aa5542649 100644
--- a/frontend/src/views/setting/snapshot/status/index.vue
+++ b/frontend/src/views/setting/snapshot/status/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('setting.recoverDetail')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('setting.recoverDetail')" @close="handleClose" size="small">
         <el-form label-position="top" v-loading="loading">
             <span class="card-title">{{ $t('commons.button.recover') }}</span>
             <el-divider class="divider" />
diff --git a/frontend/src/views/terminal/command/index.vue b/frontend/src/views/terminal/command/index.vue
index e23522810e0f..f7dccebc7771 100644
--- a/frontend/src/views/terminal/command/index.vue
+++ b/frontend/src/views/terminal/command/index.vue
@@ -85,7 +85,7 @@
         <DrawerPro
             v-model="cmdVisible"
             :header="$t('commons.button.' + operate) + $t('terminal.quickCommand')"
-            :back="handleClose"
+            @close="handleClose"
             size="small"
         >
             <el-form
diff --git a/frontend/src/views/terminal/host/operate/index.vue b/frontend/src/views/terminal/host/operate/index.vue
index cb06a9e3b0a0..88fe1735d6a3 100644
--- a/frontend/src/views/terminal/host/operate/index.vue
+++ b/frontend/src/views/terminal/host/operate/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('terminal.host')" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" :header="$t('terminal.host')" @close="handleClose" size="large">
         <el-form ref="hostInfoRef" label-position="top" :model="dialogData.rowData" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('terminal.ip')" prop="addr">
                 <el-input @change="isOK = false" clearable v-model.trim="dialogData.rowData!.addr" />
diff --git a/frontend/src/views/terminal/terminal/host-create.vue b/frontend/src/views/terminal/terminal/host-create.vue
index 17059cb15c44..3069012defc2 100644
--- a/frontend/src/views/terminal/terminal/host-create.vue
+++ b/frontend/src/views/terminal/terminal/host-create.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="dialogVisible" :header="$t('terminal.addHost')" :back="handleClose" size="large">
+    <DrawerPro v-model="dialogVisible" :header="$t('terminal.addHost')" @close="handleClose" size="large">
         <el-form ref="hostRef" label-width="100px" label-position="top" :model="hostInfo" :rules="rules">
             <el-alert
                 v-if="isLocal"
diff --git a/frontend/src/views/toolbox/clam/operate/index.vue b/frontend/src/views/toolbox/clam/operate/index.vue
index 9e3bb841658b..edcee838b571 100644
--- a/frontend/src/views/toolbox/clam/operate/index.vue
+++ b/frontend/src/views/toolbox/clam/operate/index.vue
@@ -4,7 +4,7 @@
         :header="title"
         size="large"
         :resource="dialogData.title === 'add' ? '' : dialogData.rowData?.name"
-        :back="handleClose"
+        @close="handleClose"
     >
         <el-form ref="formRef" label-position="top" :model="dialogData.rowData" :rules="rules" v-loading="loading">
             <el-row type="flex" justify="center">
diff --git a/frontend/src/views/toolbox/device/dns/index.vue b/frontend/src/views/toolbox/device/dns/index.vue
index 73d4a0908393..ba5db254b953 100644
--- a/frontend/src/views/toolbox/device/dns/index.vue
+++ b/frontend/src/views/toolbox/device/dns/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" header="DNS" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" header="DNS" @close="handleClose" size="large">
         <el-alert :title="$t('toolbox.device.dnsAlert')" class="common-prompt" :closable="false" type="warning" />
         <el-radio-group v-model="confShowType" @change="changeMode">
             <el-radio-button value="form">{{ $t('database.baseConf') }}</el-radio-button>
diff --git a/frontend/src/views/toolbox/device/hostname/index.vue b/frontend/src/views/toolbox/device/hostname/index.vue
index a92e5c661561..83480d2f85b0 100644
--- a/frontend/src/views/toolbox/device/hostname/index.vue
+++ b/frontend/src/views/toolbox/device/hostname/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.device.hostname')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.device.hostname')" @close="handleClose" size="small">
         <el-alert :title="$t('toolbox.device.hostnameHelper')" class="common-prompt" :closable="false" type="warning" />
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('toolbox.device.hostname')" prop="hostname" :rules="Rules.requiredInput">
diff --git a/frontend/src/views/toolbox/device/hosts/index.vue b/frontend/src/views/toolbox/device/hosts/index.vue
index 75e1971424c0..dd4dd4b3f89e 100644
--- a/frontend/src/views/toolbox/device/hosts/index.vue
+++ b/frontend/src/views/toolbox/device/hosts/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" header="Hosts" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" header="Hosts" @close="handleClose" size="large">
         <el-radio-group v-model="confShowType" @change="changeMode">
             <el-radio-button value="base">{{ $t('database.baseConf') }}</el-radio-button>
             <el-radio-button value="all">{{ $t('database.allConf') }}</el-radio-button>
diff --git a/frontend/src/views/toolbox/device/ntp/index.vue b/frontend/src/views/toolbox/device/ntp/index.vue
index 40f46b2243eb..f6576e06c209 100644
--- a/frontend/src/views/toolbox/device/ntp/index.vue
+++ b/frontend/src/views/toolbox/device/ntp/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.device.syncSite')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.device.syncSite')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('toolbox.device.syncSite')" prop="ntpSite" :rules="Rules.domain">
                 <el-input v-model="form.ntpSite" />
diff --git a/frontend/src/views/toolbox/device/passwd/index.vue b/frontend/src/views/toolbox/device/passwd/index.vue
index ba8afb19ce03..62b3c55604c4 100644
--- a/frontend/src/views/toolbox/device/passwd/index.vue
+++ b/frontend/src/views/toolbox/device/passwd/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="passwordVisible" :header="$t('setting.changePassword')" :back="handleClose" size="small">
+    <DrawerPro v-model="passwordVisible" :header="$t('setting.changePassword')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" :rules="passRules" v-loading="loading">
             <el-alert
                 :title="$t('toolbox.device.passwordHelper')"
diff --git a/frontend/src/views/toolbox/device/swap/index.vue b/frontend/src/views/toolbox/device/swap/index.vue
index bb85ee660e3b..5910a07a1142 100644
--- a/frontend/src/views/toolbox/device/swap/index.vue
+++ b/frontend/src/views/toolbox/device/swap/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" header="Swap" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" header="Swap" @close="handleClose" size="large">
         <el-alert class="common-prompt" :closable="false" type="warning">
             <template #default>
                 <ul style="margin-left: -20px">
diff --git a/frontend/src/views/toolbox/device/time-zone/index.vue b/frontend/src/views/toolbox/device/time-zone/index.vue
index 76e4f7db01e8..05fc768eb4a0 100644
--- a/frontend/src/views/toolbox/device/time-zone/index.vue
+++ b/frontend/src/views/toolbox/device/time-zone/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.device.timeZone')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.device.timeZone')" @close="handleClose" size="small">
         <el-alert :title="$t('toolbox.device.timeZoneHelper')" class="common-prompt" :closable="false" type="warning" />
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('toolbox.device.timeZone')" prop="timeZone" :rules="Rules.requiredInput">
diff --git a/frontend/src/views/toolbox/fail2ban/ban-action/index.vue b/frontend/src/views/toolbox/fail2ban/ban-action/index.vue
index b9bfeb8d3ff1..10f8ab505252 100644
--- a/frontend/src/views/toolbox/fail2ban/ban-action/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/ban-action/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.banAction')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.banAction')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('toolbox.fail2ban.banAction')" prop="banAction" :rules="Rules.requiredSelect">
                 <el-select v-model="form.banAction">
diff --git a/frontend/src/views/toolbox/fail2ban/ban-time/index.vue b/frontend/src/views/toolbox/fail2ban/ban-time/index.vue
index a93cbc843da1..7e859fba9586 100644
--- a/frontend/src/views/toolbox/fail2ban/ban-time/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/ban-time/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.banTime')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.banTime')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" :rules="rules" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('toolbox.fail2ban.banTime')" prop="banTime">
                 <el-input type="number" v-model.number="form.banTime">
diff --git a/frontend/src/views/toolbox/fail2ban/find-time/index.vue b/frontend/src/views/toolbox/fail2ban/find-time/index.vue
index 078ab686e1f2..18f8012ac292 100644
--- a/frontend/src/views/toolbox/fail2ban/find-time/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/find-time/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.findTime')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.findTime')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('toolbox.fail2ban.findTime')" prop="findTime" :rules="Rules.integerNumber">
                 <el-input clearable v-model.number="form.findTime">
diff --git a/frontend/src/views/toolbox/fail2ban/ips/index.vue b/frontend/src/views/toolbox/fail2ban/ips/index.vue
index e952e01a89c5..757c9e2d947f 100644
--- a/frontend/src/views/toolbox/fail2ban/ips/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/ips/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="drawerVisible"
         :header="$t('toolbox.fail2ban.' + form.operate + 'IP')"
-        :back="handleClose"
+        @close="handleClose"
         size="small"
     >
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent :rules="rules" v-loading="loading">
diff --git a/frontend/src/views/toolbox/fail2ban/log-path/index.vue b/frontend/src/views/toolbox/fail2ban/log-path/index.vue
index 9e57b94a9626..6d492f38573e 100644
--- a/frontend/src/views/toolbox/fail2ban/log-path/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/log-path/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.logPath')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.logPath')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('toolbox.fail2ban.logPath')" prop="logPath" :rules="Rules.requiredInput">
                 <el-input v-model="form.logPath">
diff --git a/frontend/src/views/toolbox/fail2ban/max-retry/index.vue b/frontend/src/views/toolbox/fail2ban/max-retry/index.vue
index 7213ffd24e65..c6dae8c80176 100644
--- a/frontend/src/views/toolbox/fail2ban/max-retry/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/max-retry/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.maxRetry')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.maxRetry')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :rules="rules" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('toolbox.fail2ban.maxRetry')" prop="maxRetry">
                 <el-input type="number" clearable v-model.number="form.maxRetry">
diff --git a/frontend/src/views/toolbox/fail2ban/port/index.vue b/frontend/src/views/toolbox/fail2ban/port/index.vue
index 31ab3c689bf3..53b54477026b 100644
--- a/frontend/src/views/toolbox/fail2ban/port/index.vue
+++ b/frontend/src/views/toolbox/fail2ban/port/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.sshPort')" :back="handleClose" size="small">
+    <DrawerPro v-model="drawerVisible" :header="$t('toolbox.fail2ban.sshPort')" @close="handleClose" size="small">
         <el-form ref="formRef" label-position="top" :rules="rules" :model="form" @submit.prevent v-loading="loading">
             <el-form-item :label="$t('toolbox.fail2ban.sshPort')" prop="port">
                 <el-input type="number" clearable v-model.number="form.port" />
diff --git a/frontend/src/views/toolbox/ftp/log/index.vue b/frontend/src/views/toolbox/ftp/log/index.vue
index 7d4a54bf9c2a..94fafeef533e 100644
--- a/frontend/src/views/toolbox/ftp/log/index.vue
+++ b/frontend/src/views/toolbox/ftp/log/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="drawerVisible" header="FTP" :resource="paginationConfig.user" :back="handleClose" size="large">
+    <DrawerPro v-model="drawerVisible" header="FTP" :resource="paginationConfig.user" @close="handleClose" size="large">
         <el-select @change="search" class="p-w-200" clearable v-model="paginationConfig.operation">
             <template #prefix>{{ $t('commons.table.operate') }}</template>
             <el-option value="PUT" :label="$t('commons.button.upload')" />
diff --git a/frontend/src/views/toolbox/ftp/operate/index.vue b/frontend/src/views/toolbox/ftp/operate/index.vue
index 3662f9205a46..fe96e117de42 100644
--- a/frontend/src/views/toolbox/ftp/operate/index.vue
+++ b/frontend/src/views/toolbox/ftp/operate/index.vue
@@ -3,7 +3,7 @@
         v-model="drawerVisible"
         :header="title"
         :resource="dialogData.title === 'add' ? '' : dialogData.rowData?.user"
-        :back="handleClose"
+        @close="handleClose"
         size="large"
     >
         <el-form ref="formRef" label-position="top" :model="dialogData.rowData" :rules="rules" v-loading="loading">
diff --git a/frontend/src/views/toolbox/supervisor/create/index.vue b/frontend/src/views/toolbox/supervisor/create/index.vue
index 5579bd83627b..09b7f6eb3065 100644
--- a/frontend/src/views/toolbox/supervisor/create/index.vue
+++ b/frontend/src/views/toolbox/supervisor/create/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="open"
         :header="process.operate == 'create' ? $t('commons.button.create') : $t('commons.button.edit')"
-        :back="handleClose"
+        @close="handleClose"
         size="small"
     >
         <el-form
diff --git a/frontend/src/views/toolbox/supervisor/file/index.vue b/frontend/src/views/toolbox/supervisor/file/index.vue
index a6ff8eefdd8a..b96103810168 100644
--- a/frontend/src/views/toolbox/supervisor/file/index.vue
+++ b/frontend/src/views/toolbox/supervisor/file/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="title" :back="handleClose" size="large" :fullScreen="true">
+    <DrawerPro v-model="open" :header="title" @close="handleClose" size="large" :fullScreen="true">
         <template #content>
             <div v-if="req.file != 'config'">
                 <el-tabs v-model="req.file" type="card" @tab-click="handleChange">
diff --git a/frontend/src/views/toolbox/supervisor/status/init/index.vue b/frontend/src/views/toolbox/supervisor/status/init/index.vue
index 518dcaa36e67..55c40603fe95 100644
--- a/frontend/src/views/toolbox/supervisor/status/init/index.vue
+++ b/frontend/src/views/toolbox/supervisor/status/init/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.init')" :back="handleClose" size="small">
+    <DrawerPro v-model="open" :header="$t('commons.button.init')" @close="handleClose" size="small">
         <el-form
             ref="initForm"
             label-position="top"
diff --git a/frontend/src/views/website/runtime/dotnet/operate/index.vue b/frontend/src/views/website/runtime/dotnet/operate/index.vue
index 608fef10ec0c..c7162a1fc95e 100644
--- a/frontend/src/views/website/runtime/dotnet/operate/index.vue
+++ b/frontend/src/views/website/runtime/dotnet/operate/index.vue
@@ -4,7 +4,7 @@
         :header="$t('runtime.' + mode)"
         size="large"
         :resource="mode === 'edit' ? runtime.name : ''"
-        :back="handleClose"
+        @close="handleClose"
     >
         <el-form
             v-loading="loading"
diff --git a/frontend/src/views/website/runtime/go/operate/index.vue b/frontend/src/views/website/runtime/go/operate/index.vue
index 3581b145f05b..a81b18fe24e8 100644
--- a/frontend/src/views/website/runtime/go/operate/index.vue
+++ b/frontend/src/views/website/runtime/go/operate/index.vue
@@ -4,7 +4,7 @@
         :header="$t('runtime.' + mode)"
         size="large"
         :resource="mode === 'edit' ? runtime.name : ''"
-        :back="handleClose"
+        @close="handleClose"
     >
         <el-form
             v-loading="loading"
diff --git a/frontend/src/views/website/runtime/java/operate/index.vue b/frontend/src/views/website/runtime/java/operate/index.vue
index 744a42f25a9d..1d5daa338737 100644
--- a/frontend/src/views/website/runtime/java/operate/index.vue
+++ b/frontend/src/views/website/runtime/java/operate/index.vue
@@ -4,7 +4,7 @@
         :header="$t('runtime.' + mode)"
         size="large"
         :resource="mode === 'edit' ? runtime.name : ''"
-        :back="handleClose"
+        @close="handleClose"
     >
         <el-form
             ref="runtimeForm"
diff --git a/frontend/src/views/website/runtime/node/module/index.vue b/frontend/src/views/website/runtime/node/module/index.vue
index 250776ac2785..ff2f5a8af0c8 100644
--- a/frontend/src/views/website/runtime/node/module/index.vue
+++ b/frontend/src/views/website/runtime/node/module/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('runtime.moduleManager')" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('runtime.moduleManager')" size="large" @close="handleClose">
         <template #content>
             <el-row :gutter="20" v-loading="loading">
                 <el-col :span="10">
diff --git a/frontend/src/views/website/runtime/node/operate/index.vue b/frontend/src/views/website/runtime/node/operate/index.vue
index 6d184d20fd59..6dc1cd4e0cbb 100644
--- a/frontend/src/views/website/runtime/node/operate/index.vue
+++ b/frontend/src/views/website/runtime/node/operate/index.vue
@@ -4,7 +4,7 @@
         :header="$t('runtime.' + mode)"
         :resource="mode === 'edit' ? runtime.name : ''"
         size="large"
-        :back="handleClose"
+        @close="handleClose"
     >
         <el-form
             v-loading="loading"
diff --git a/frontend/src/views/website/runtime/php/config/index.vue b/frontend/src/views/website/runtime/php/config/index.vue
index ee992d0f2701..4e761204c8c9 100644
--- a/frontend/src/views/website/runtime/php/config/index.vue
+++ b/frontend/src/views/website/runtime/php/config/index.vue
@@ -1,5 +1,11 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('runtime.runtime')" size="large" :resource="runtime.name" :back="handleClose">
+    <DrawerPro
+        v-model="open"
+        :header="$t('runtime.runtime')"
+        size="large"
+        :resource="runtime.name"
+        @close="handleClose"
+    >
         <template #content>
             <el-tabs tab-position="left" v-model="index">
                 <el-tab-pane :label="$t('website.updateConfig')" name="0">
diff --git a/frontend/src/views/website/runtime/php/create/index.vue b/frontend/src/views/website/runtime/php/create/index.vue
index 44e1185c4196..efcbe5f0348f 100644
--- a/frontend/src/views/website/runtime/php/create/index.vue
+++ b/frontend/src/views/website/runtime/php/create/index.vue
@@ -4,7 +4,7 @@
         :header="$t('runtime.' + mode)"
         size="large"
         :resource="mode === 'edit' ? runtime.name : ''"
-        :back="handleClose"
+        @close="handleClose"
     >
         <el-form
             ref="runtimeForm"
diff --git a/frontend/src/views/website/runtime/php/extension-management/index.vue b/frontend/src/views/website/runtime/php/extension-management/index.vue
index 604cf4a2721b..d46928d9e008 100644
--- a/frontend/src/views/website/runtime/php/extension-management/index.vue
+++ b/frontend/src/views/website/runtime/php/extension-management/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('runtime.extension')" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('runtime.extension')" size="large" @close="handleClose">
         <el-descriptions title="" border>
             <el-descriptions-item :label="$t('runtime.loadedExtension')" width="100px">
                 <el-tag v-for="(ext, index) in extensions" :key="index" type="info" class="mr-1 mt-1">{{ ext }}</el-tag>
diff --git a/frontend/src/views/website/runtime/php/extension-template/index.vue b/frontend/src/views/website/runtime/php/extension-template/index.vue
index 444ac454d324..c8da3d3b08a3 100644
--- a/frontend/src/views/website/runtime/php/extension-template/index.vue
+++ b/frontend/src/views/website/runtime/php/extension-template/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('php.extensions')" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('php.extensions')" size="large" @close="handleClose">
         <template #content>
             <ComplexTable :data="data" @search="search()" :pagination-config="paginationConfig">
                 <template #toolbar>
diff --git a/frontend/src/views/website/runtime/php/supervisor/create/index.vue b/frontend/src/views/website/runtime/php/supervisor/create/index.vue
index 5174aabd3518..856cbe1dbb9c 100644
--- a/frontend/src/views/website/runtime/php/supervisor/create/index.vue
+++ b/frontend/src/views/website/runtime/php/supervisor/create/index.vue
@@ -2,7 +2,7 @@
     <DrawerPro
         v-model="open"
         :header="process.operate == 'create' ? $t('commons.button.create') : $t('commons.button.edit')"
-        :back="handleClose"
+        @close="handleClose"
         size="small"
     >
         <el-form
diff --git a/frontend/src/views/website/runtime/php/supervisor/file/index.vue b/frontend/src/views/website/runtime/php/supervisor/file/index.vue
index 89d037e101f1..89e542a81b5c 100644
--- a/frontend/src/views/website/runtime/php/supervisor/file/index.vue
+++ b/frontend/src/views/website/runtime/php/supervisor/file/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="title" :back="handleClose" size="large" :fullScreen="true">
+    <DrawerPro v-model="open" :header="title" @close="handleClose" size="large" :fullScreen="true">
         <template #content>
             <div v-if="req.file != 'config'">
                 <el-tabs v-model="req.file" type="card" @tab-click="handleChange">
diff --git a/frontend/src/views/website/runtime/php/supervisor/index.vue b/frontend/src/views/website/runtime/php/supervisor/index.vue
index 52ca4354a66c..10937e078188 100644
--- a/frontend/src/views/website/runtime/php/supervisor/index.vue
+++ b/frontend/src/views/website/runtime/php/supervisor/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('tool.supervisor.list')" size="60%" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('tool.supervisor.list')" size="60%" @close="handleClose">
         <template #content>
             <ComplexTable :data="data" v-loading="loading">
                 <template #toolbar>
diff --git a/frontend/src/views/website/runtime/python/operate/index.vue b/frontend/src/views/website/runtime/python/operate/index.vue
index fe2383d834d2..48ecc5a1bb99 100644
--- a/frontend/src/views/website/runtime/python/operate/index.vue
+++ b/frontend/src/views/website/runtime/python/operate/index.vue
@@ -4,7 +4,7 @@
         :header="$t('runtime.' + mode)"
         size="large"
         :resource="mode === 'edit' ? runtime.name : ''"
-        :back="handleClose"
+        @close="handleClose"
     >
         <el-form
             v-loading="loading"
diff --git a/frontend/src/views/website/ssl/acme-account/index.vue b/frontend/src/views/website/ssl/acme-account/index.vue
index e7987633622f..ecd469aa9d1a 100644
--- a/frontend/src/views/website/ssl/acme-account/index.vue
+++ b/frontend/src/views/website/ssl/acme-account/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.acmeAccountManage')" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('website.acmeAccountManage')" size="large" @close="handleClose">
         <template #content>
             <div class="mb-1.5">
                 <el-alert :title="$t('ssl.acmeHelper')" type="info" :closable="false" />
diff --git a/frontend/src/views/website/ssl/ca/detail/index.vue b/frontend/src/views/website/ssl/ca/detail/index.vue
index 4a90d7e1995a..65254559579d 100644
--- a/frontend/src/views/website/ssl/ca/detail/index.vue
+++ b/frontend/src/views/website/ssl/ca/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('ssl.organizationDetail')" :back="handleClose" size="large">
+    <DrawerPro v-model="open" :header="$t('ssl.organizationDetail')" @close="handleClose" size="large">
         <div v-loading="loading">
             <el-radio-group v-model="curr">
                 <el-radio-button value="detail">{{ $t('ssl.organizationDetail') }}</el-radio-button>
diff --git a/frontend/src/views/website/ssl/ca/index.vue b/frontend/src/views/website/ssl/ca/index.vue
index 033008f52e9f..8156d4cab8af 100644
--- a/frontend/src/views/website/ssl/ca/index.vue
+++ b/frontend/src/views/website/ssl/ca/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('ssl.ca')" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('ssl.ca')" size="large" @close="handleClose">
         <template #content>
             <ComplexTable :data="data" :pagination-config="paginationConfig" @search="search()" v-loading="loading">
                 <template #toolbar>
diff --git a/frontend/src/views/website/ssl/create/index.vue b/frontend/src/views/website/ssl/create/index.vue
index 636b1f9a8839..af1f72c07793 100644
--- a/frontend/src/views/website/ssl/create/index.vue
+++ b/frontend/src/views/website/ssl/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('ssl.' + operate)" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('ssl.' + operate)" size="large" @close="handleClose">
         <el-form ref="sslForm" label-position="top" :model="ssl" label-width="100px" :rules="rules" v-loading="loading">
             <el-row :gutter="20">
                 <el-col :span="12">
@@ -224,6 +224,7 @@ const ssl = ref(initData());
 const operate = ref('create');
 const dnsResolve = ref<Website.DNSResolve[]>([]);
 const em = defineEmits(['close', 'submit']);
+
 const handleClose = () => {
     resetForm();
     open.value = false;
diff --git a/frontend/src/views/website/ssl/detail/index.vue b/frontend/src/views/website/ssl/detail/index.vue
index e67cab7002a0..5d613eb70a6d 100644
--- a/frontend/src/views/website/ssl/detail/index.vue
+++ b/frontend/src/views/website/ssl/detail/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('ssl.detail')" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('ssl.detail')" size="large" @close="handleClose">
         <template #content>
             <div v-loading="loading">
                 <el-radio-group v-model="curr">
diff --git a/frontend/src/views/website/ssl/dns-account/index.vue b/frontend/src/views/website/ssl/dns-account/index.vue
index 8dc377d93f21..f3d2210ae4a9 100644
--- a/frontend/src/views/website/ssl/dns-account/index.vue
+++ b/frontend/src/views/website/ssl/dns-account/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.dnsAccountManage')" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('website.dnsAccountManage')" size="large" @close="handleClose">
         <template #content>
             <ComplexTable :data="data" :pagination-config="paginationConfig" @search="search()">
                 <template #toolbar>
diff --git a/frontend/src/views/website/ssl/upload/index.vue b/frontend/src/views/website/ssl/upload/index.vue
index 301d3eabf372..271a9c4c47f1 100644
--- a/frontend/src/views/website/ssl/upload/index.vue
+++ b/frontend/src/views/website/ssl/upload/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('ssl.upload')" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('ssl.upload')" size="large" @close="handleClose">
         <el-form ref="sslForm" label-position="top" :model="ssl" label-width="100px" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('website.importType')" prop="type">
                 <el-select v-model="ssl.type">
diff --git a/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue b/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue
index 48ddc451ced2..7c68bcff0469 100644
--- a/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/auth-basic/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.' + authBasic.operate)" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('commons.button.' + authBasic.operate)" @close="handleClose">
         <el-form-item>
             <el-alert
                 v-if="authBasic.operate === 'edit'"
diff --git a/frontend/src/views/website/website/config/basic/domain/create/index.vue b/frontend/src/views/website/website/config/basic/domain/create/index.vue
index 7adcaafc8a75..767a94657b21 100644
--- a/frontend/src/views/website/website/config/basic/domain/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/domain/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.addDomain')" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('website.addDomain')" @close="handleClose">
         <el-form ref="domainForm" label-position="top" :model="create">
             <DomainCreate v-model:form="create"></DomainCreate>
         </el-form>
diff --git a/frontend/src/views/website/website/config/basic/load-balance/file/index.vue b/frontend/src/views/website/website/config/basic/load-balance/file/index.vue
index cd3a61bc7d2b..f12b0c0bcb2c 100644
--- a/frontend/src/views/website/website/config/basic/load-balance/file/index.vue
+++ b/frontend/src/views/website/website/config/basic/load-balance/file/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.proxyFile')" :back="handleClose" :size="mobile ? 'full' : 'normal'">
+    <DrawerPro v-model="open" :header="$t('website.proxyFile')" @close="handleClose" :size="mobile ? 'full' : 'normal'">
         <CodemirrorPro v-model="req.content" mode="nginx"></CodemirrorPro>
         <template #footer>
             <span class="dialog-footer">
diff --git a/frontend/src/views/website/website/config/basic/load-balance/operate/index.vue b/frontend/src/views/website/website/config/basic/load-balance/operate/index.vue
index 86a17b8c61bf..28a1af685b1d 100644
--- a/frontend/src/views/website/website/config/basic/load-balance/operate/index.vue
+++ b/frontend/src/views/website/website/config/basic/load-balance/operate/index.vue
@@ -1,7 +1,7 @@
 <template>
     <DrawerPro
         v-model="open"
-        :back="handleClose"
+        @close="handleClose"
         size="large"
         :header="$t('commons.button.' + item.operate) + $t('website.loadBalance')"
         :resource="item.operate == 'create' ? '' : item.name"
diff --git a/frontend/src/views/website/website/config/basic/proxy/cache/index.vue b/frontend/src/views/website/website/config/basic/proxy/cache/index.vue
index b82616bbb059..49d209f81fce 100644
--- a/frontend/src/views/website/website/config/basic/proxy/cache/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/cache/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.proxyCache')" size="normal" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('website.proxyCache')" size="normal" @close="handleClose">
         <el-form
             v-loading="loading"
             @submit.prevent
diff --git a/frontend/src/views/website/website/config/basic/proxy/create/index.vue b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
index 559ec875fd4d..432999ac4c1f 100644
--- a/frontend/src/views/website/website/config/basic/proxy/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.' + proxy.operate)" :back="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="$t('commons.button.' + proxy.operate)" @close="handleClose" size="normal">
         <el-form ref="proxyForm" label-position="top" :model="proxy" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('commons.table.name')" prop="name">
                 <el-input v-model.trim="proxy.name" :disabled="proxy.operate === 'edit'"></el-input>
diff --git a/frontend/src/views/website/website/config/basic/proxy/file/index.vue b/frontend/src/views/website/website/config/basic/proxy/file/index.vue
index fb02d59765c7..671c9eea2bee 100644
--- a/frontend/src/views/website/website/config/basic/proxy/file/index.vue
+++ b/frontend/src/views/website/website/config/basic/proxy/file/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.proxyFile')" :back="handleClose" :size="mobile ? 'full' : 'normal'">
+    <DrawerPro v-model="open" :header="$t('website.proxyFile')" @close="handleClose" :size="mobile ? 'full' : 'normal'">
         <CodemirrorPro v-model="req.content" mode="nginx"></CodemirrorPro>
         <template #footer>
             <span class="dialog-footer">
diff --git a/frontend/src/views/website/website/config/basic/redirect/create/index.vue b/frontend/src/views/website/website/config/basic/redirect/create/index.vue
index 8b8647da2d91..e8438008aeab 100644
--- a/frontend/src/views/website/website/config/basic/redirect/create/index.vue
+++ b/frontend/src/views/website/website/config/basic/redirect/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('commons.button.' + redirect.operate)" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('commons.button.' + redirect.operate)" @close="handleClose">
         <el-form ref="redirectForm" label-position="top" :model="redirect" :rules="rules" v-loading="loading">
             <el-form-item :label="$t('commons.table.name')" prop="name">
                 <el-input
diff --git a/frontend/src/views/website/website/config/basic/redirect/file/index.vue b/frontend/src/views/website/website/config/basic/redirect/file/index.vue
index aa0aa506bc9b..2b3a09a465e2 100644
--- a/frontend/src/views/website/website/config/basic/redirect/file/index.vue
+++ b/frontend/src/views/website/website/config/basic/redirect/file/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.proxyFile')" :back="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="$t('website.proxyFile')" @close="handleClose" size="normal">
         <CodemirrorPro v-model="req.content" mode="nginx"></CodemirrorPro>
         <template #footer>
             <span class="dialog-footer">
diff --git a/frontend/src/views/website/website/config/basic/rewrite/custom/index.vue b/frontend/src/views/website/website/config/basic/rewrite/custom/index.vue
index 26c35a64d792..63508b5fd40c 100644
--- a/frontend/src/views/website/website/config/basic/rewrite/custom/index.vue
+++ b/frontend/src/views/website/website/config/basic/rewrite/custom/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.saveCustom')" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('website.saveCustom')" @close="handleClose">
         <el-form ref="rewriteForm" label-position="top" :model="req" :rules="rules">
             <el-form-item :label="$t('commons.table.name')" prop="name">
                 <el-input v-model="req.name"></el-input>
diff --git a/frontend/src/views/website/website/create/index.vue b/frontend/src/views/website/website/create/index.vue
index c58b3002c817..a611b41d2d7d 100644
--- a/frontend/src/views/website/website/create/index.vue
+++ b/frontend/src/views/website/website/create/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.create')" size="large" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('website.create')" size="large" @close="handleClose">
         <template #buttons>
             <span class="drawer-header-button">
                 <template
diff --git a/frontend/src/views/website/website/default/index.vue b/frontend/src/views/website/website/default/index.vue
index e4a151919fdc..56909fff53e1 100644
--- a/frontend/src/views/website/website/default/index.vue
+++ b/frontend/src/views/website/website/default/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.defaultServer')" size="normal" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('website.defaultServer')" size="normal" @close="handleClose">
         <el-form @submit.prevent label-position="top" v-loading="loading">
             <el-form-item :label="$t('website.defaultServer')">
                 <el-select v-model="defaultId">
diff --git a/frontend/src/views/website/website/html/index.vue b/frontend/src/views/website/website/html/index.vue
index 0893d402da48..60405661199d 100644
--- a/frontend/src/views/website/website/html/index.vue
+++ b/frontend/src/views/website/website/html/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('website.defaultHtml')" :back="handleClose" size="normal">
+    <DrawerPro v-model="open" :header="$t('website.defaultHtml')" @close="handleClose" size="normal">
         <el-select v-model="type" class="w-full" @change="get()" v-loading="loading">
             <el-option :value="'404'" :label="$t('website.website404')"></el-option>
             <el-option :value="'domain404'" :label="$t('website.domain404')"></el-option>
diff --git a/frontend/src/views/website/website/nginx/module/build/index.vue b/frontend/src/views/website/website/nginx/module/build/index.vue
index 474724305846..1ff6f1b16f63 100644
--- a/frontend/src/views/website/website/nginx/module/build/index.vue
+++ b/frontend/src/views/website/website/nginx/module/build/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('nginx.build')" size="normal" :back="handleClose">
+    <DrawerPro v-model="open" :header="$t('nginx.build')" size="normal" @close="handleClose">
         <el-form ref="buildForm" label-position="top" :model="build" :rules="rules">
             <el-form-item :label="$t('nginx.mirrorUrl')" prop="mirror">
                 <el-select v-model="build.mirror">
diff --git a/frontend/src/views/website/website/nginx/module/operate/index.vue b/frontend/src/views/website/website/nginx/module/operate/index.vue
index 9d7c3af7a32c..830e0eda2fa9 100644
--- a/frontend/src/views/website/website/nginx/module/operate/index.vue
+++ b/frontend/src/views/website/website/nginx/module/operate/index.vue
@@ -4,7 +4,7 @@
         :header="$t('nginx.' + mode)"
         size="large"
         :resource="mode === 'update' ? module.name : ''"
-        :back="handleClose"
+        @close="handleClose"
     >
         <el-form ref="moduleForm" label-position="top" :model="module" :rules="rules">
             <el-form-item :label="$t('commons.table.name')" prop="name">