add:增加一个全局的loading

hx-ai-intelligent/src/store/item.ts

@@ -1,4 +1,5 @@
 import { defineStore } from 'pinia';
+import { ref } from 'vue';
 
 export const items = defineStore({
   id: 'items',
@@ -10,10 +11,32 @@ export const items = defineStore({
       projectId: 'HLlmTZp8',
       // 站点ID
       siteId: undefined,
+      // 全局loading状态
+      isLoading: ref(false),
     };
   },
   getters: {
-    double: (state: any) => state.count * 2,
+    // double: (state: any) => state.count * 2,
+  },
+  actions: {
+    // 设置全局loading
+    setLoading(bool: boolean) {
+      if (bool == this.isLoading) {
+        return;
+      }
+      // loading在此框架的设定内，无法高于drawer（抽屉）
+      // 但操作逻辑又集中在drawer中，此处只能操作DOM
+      const dom: any = document.querySelector('.ant-spin-nested-loading');
+      if (bool) {
+        // 抽屉的高度为 999
+        dom.style.zIndex = '1111';
+      } else {
+        dom.style.zIndex = '';
+      }
+      this.isLoading = bool;
+      setTimeout(() => {
+        this.setLoading(false);
+      }, 5000);
+    },
   },
-  actions: {},
 });