监听用户点击任意地方时取消token提示框显示。

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>