From 7904b3b4b976031b1cc6dbf2b463fc3d70461ef0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <bestsongj@163.com>
Date: Wed, 10 Sep 2025 16:09:36 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=91=E5=90=AC=E7=94=A8=E6=88=B7=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E4=BB=BB=E6=84=8F=E5=9C=B0=E6=96=B9=E6=97=B6=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88token=E6=8F=90=E7=A4=BA=E6=A1=86=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/homePage.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index f8b5dd4..dac4135 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -342,6 +342,23 @@ const closeTokenRuleDialog = () => {
   tokenRuleDialogVisible.value = false;
 };
 
+// 添加全局点击事件监听器，使任何点击动作都能关闭提示框
+// 定义处理函数，以便正确移除事件监听器
+const handleGlobalClick = () => {
+  if (tokenRuleDialogVisible.value) {
+    tokenRuleDialogVisible.value = false;
+  }
+};
+
+onMounted(() => {
+  document.addEventListener('click', handleGlobalClick);
+});
+
+// 在组件卸载时移除事件监听器
+onUnmounted(() => {
+  document.removeEventListener('click', handleGlobalClick);
+});
+
 // 检查是否需要显示Token规则提示框（从其他页面跳转过来时）
 const checkTokenRuleOnPageLoad = () => {
   const activeTab = sessionStorage.getItem('activeTabAI');
@@ -1670,8 +1687,8 @@ onUnmounted(() => {
     </el-dialog>
 
     <!-- Token规则提示框 -->
-    <div v-if="tokenRuleDialogVisible" class="tokenRuleDialog">
-      <div class="tokenRuleDialogContent">
+    <div v-if="tokenRuleDialogVisible" class="tokenRuleDialog" @click="closeTokenRuleDialog">
+      <div class="tokenRuleDialogContent" @click.stop>
         <div class="tokenRuleDialogClose" @click="closeTokenRuleDialog">
           <el-icon><Close /></el-icon>
         </div>