Merge branch 'milestone-20250909-周更新分支' into dev

src/views/DBQBmodel.vue

@@ -212,6 +212,22 @@ const closeNoPermissionDialog = () => {
   border: none;
   padding: 0;
   cursor: pointer;
+  animation: breathing 3s ease-in-out infinite;
+}
+
+@keyframes breathing {
+  0% {
+    transform: scale(1);
+    opacity: 0.8;
+  }
+  50% {
+    transform: scale(1.1);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0.8;
+  }
 }
 
 .btn-item img {

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>
@@ -1798,7 +1815,7 @@ body {
   /* height: var(--app-height, 100vh); */
   height: var(--app-height, 100vh);
   margin: 0 auto;
-  background-image: url("https://d31zlh4on95l9h.cloudfront.net/images/2dc3c13a74100b906e809d26b66db211.png");
+  background-image: url("https://d31zlh4on95l9h.cloudfront.net/images/98c8230d386012c9f1e70bf05a30de5e.png");
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: center;