From 82b65ee5a751d34dfded530ac3ac8fed8b407bf2 Mon Sep 17 00:00:00 2001
From: wxg0103 <727495428@qq.com>
Date: Mon, 9 Nov 2026 17:27:30 +0800
Subject: [PATCH] fix: refresh access restriction config after save

---
 .../access-restriction/AccessRestrictionDrawer.vue     |  5 +++--
 .../access-restriction/ButtonAccessRestriction.vue     |  9 ++++++++-
 ui/src/views/application-detail/overview/index.vue     | 10 +++++++++-
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/ui/src/views/application-detail/overview/access-restriction/AccessRestrictionDrawer.vue b/ui/src/views/application-detail/overview/access-restriction/AccessRestrictionDrawer.vue
index fa773e428a5..e40a93e8162 100644
--- a/ui/src/views/application-detail/overview/access-restriction/AccessRestrictionDrawer.vue
+++ b/ui/src/views/application-detail/overview/access-restriction/AccessRestrictionDrawer.vue
@@ -14,7 +14,7 @@ import type { ApplicationAccessToken } from '@/api/types'
 defineOptions({ name: 'AccessRestrictionDrawer' })
 
 const props = defineProps<{ initialConfig?: ApplicationAccessToken }>()
-const emit = defineEmits<{ closed: [] }>()
+const emit = defineEmits<{ closed: []; updated: [config: ApplicationAccessToken] }>()
 const { auth } = useStore()
 const { applicationId, resourceApi } = useApplicationDetailContext()
 const visible = ref(true)
@@ -107,7 +107,8 @@ function handleSave() {
     loading.value = true
     return resourceApi.application
       .putAccessToken(applicationId.value, payload)
-      .then(() => {
+      .then((config: ApplicationAccessToken) => {
+        emit('updated', config)
         MsgSuccess('保存成功')
         visible.value = false
       })
diff --git a/ui/src/views/application-detail/overview/access-restriction/ButtonAccessRestriction.vue b/ui/src/views/application-detail/overview/access-restriction/ButtonAccessRestriction.vue
index e3b8434641d..8acb1ca5901 100644
--- a/ui/src/views/application-detail/overview/access-restriction/ButtonAccessRestriction.vue
+++ b/ui/src/views/application-detail/overview/access-restriction/ButtonAccessRestriction.vue
@@ -9,6 +9,8 @@ defineOptions({ name: 'ButtonAccessRestriction' })
 
 const drawerVisible = ref(false)
 
+const emit = defineEmits<{ updated: [config: ApplicationAccessToken] }>()
+
 function handleOpenAccessRestriction() {
   drawerVisible.value = true
 }
@@ -20,5 +22,10 @@ function handleOpenAccessRestriction() {
     <MkIcon name="icon-lock" />
     <span>访问限制</span>
   </el-button>
-  <AccessRestrictionDrawer v-if="drawerVisible" :initial-config="accessTokenConfig" @closed="drawerVisible = false" />
+  <AccessRestrictionDrawer
+    v-if="drawerVisible"
+    :initial-config="accessTokenConfig"
+    @closed="drawerVisible = false"
+    @updated="(config) => emit('updated', config)"
+  />
 </template>
diff --git a/ui/src/views/application-detail/overview/index.vue b/ui/src/views/application-detail/overview/index.vue
index f807bd354f7..3fbd3d89f6a 100644
--- a/ui/src/views/application-detail/overview/index.vue
+++ b/ui/src/views/application-detail/overview/index.vue
@@ -104,6 +104,10 @@ function handleResetAccessToken() {
   )
 }
 
+function handleAccessRestrictionUpdated(config: ApplicationAccessToken) {
+  accessTokenConfig.value = config
+}
+
 function handleChangeApiKeyAccess() {
   if (apiKeySaving.value) return false
   apiKeySaving.value = true
@@ -171,7 +175,11 @@ onMounted(() => {
             <!-- 嵌入第三方 -->
             <ButtonEmbedThirdParty v-if="applicationOverviewPermission('overviewEmbed')" :share-url="accessUrl" :access-token="accessToken" />
             <!-- 访问限制 -->
-            <ButtonAccessRestriction v-if="applicationOverviewPermission('overviewAccess')" :access-token-config="accessTokenConfig" />
+            <ButtonAccessRestriction
+              v-if="applicationOverviewPermission('overviewAccess')"
+              :access-token-config="accessTokenConfig"
+              @updated="handleAccessRestrictionUpdated"
+            />
             <!-- 显示设置 -->
             <ButtonDisplaySetting v-if="applicationOverviewPermission('overviewDisplay')" />
           </div>