版本变更V3.23（添加AI助手版）

inventory-web/index.html

@@ -18,25 +18,48 @@
         userVariables: {},
       };
     </script>
+
     <script
       src="http://172.16.0.198:8080/embed.min.js"
       id="Zp6B44AgCUPKprFG"
       defer>
     </script>
+
     <style>
-      /* 修改悬浮按钮的颜色，使其与系统的主题蓝（如新增按钮）完全一致 */
       #dify-chatbot-bubble-button {
         background-color: #409EFF !important;
-        box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4) !important; /* 增加同色系发光投影，质感更好 */
+        box-shadow: 0 4px 12px rgba(64, 158, 255, 0.4) !important;
       }
 
-      /* 调整聊天窗口的尺寸和阴影，使其更贴合现代 UI */
       #dify-chatbot-bubble-window {
-        width: 28rem !important;  /* 稍微加宽一点，文字展示更舒服 */
-        height: 42rem !important; /* 稍微加高一点 */
-        border-radius: 12px !important; /* 更圆润的边角 */
-        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important; /* 更柔和的高级阴影 */
+        width: 28rem !important;
+        height: 42rem !important;
+        border-radius: 12px !important;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
       }
     </style>
+
+    <script>
+      // 等待页面加载完毕
+      document.addEventListener('DOMContentLoaded', function() {
+        // 给整个网页添加点击监听器
+        document.addEventListener('click', function(event) {
+          // 获取 Dify 的聊天窗口和按钮元素
+          var bubbleWindow = document.getElementById('dify-chatbot-bubble-window');
+          var bubbleButton = document.getElementById('dify-chatbot-bubble-button');
+
+          if (bubbleWindow && bubbleButton) {
+            // 判断窗口当前是否处于打开状态 (不为 none 说明是打开的)
+            var isWindowOpen = window.getComputedStyle(bubbleWindow).display !== 'none';
+
+            // 如果窗口是打开的，并且点击的位置既不在窗口内，也不在按钮上
+            if (isWindowOpen && !bubbleWindow.contains(event.target) && !bubbleButton.contains(event.target)) {
+              // 模拟点击按钮，关闭窗口
+              bubbleButton.click();
+            }
+          }
+        });
+      });
+    </script>
   </body>
 </html>

inventory-web/src/App.vue

@@ -234,7 +234,7 @@ const handleLogout = () => {
     <footer v-if="!isLoginPage" class="app-footer">
       <span class="version-tag">
         <el-icon style="vertical-align: middle; margin-right: 4px"><InfoFilled /></el-icon>
-        当前版本:V3.22
+        当前版本:V3.23（添加AI助手版）
       </span>
     </footer>