gx

src/view/sy_details.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="module">
+  <div class="module" v-loading="isLoading">
     <div class="displayFlex left_bg">
       <div class="bt_title">
         <div class="yd_title">
@@ -297,6 +297,7 @@ const lampImages = {
 
 const router = useRouter();
 const routers = useRoute();
+
 const data = reactive({
   name: "",
   identNo: "", //人物ID
@@ -449,7 +450,7 @@ const lampScreen = (val) => {
   if (selectedLamp.value === val) {
     return; //防止重复点击
   }
-  console.log(val);
+
   if (val == 1 || val == 2) {
     data.column_2 = [
       {
@@ -519,7 +520,6 @@ const lampScreen = (val) => {
         property: "operatesDeng",
         type: "slot",
       },
-      
     ];
   }
   selectedLamp.value = val;
@@ -528,9 +528,10 @@ const lampScreen = (val) => {
 };
 //----------------
 /**
- * 表格弹框
- * @param {*} dialogShow -弹框状态，false表示关闭，true表示开启
- * @param {*} dialogShowSf -算法弹框状态，false表示关闭，true表示开启
+ * 控制表格弹框和算法弹框的显示状态
+ *
+ * @param {boolean} dialogShow - 表格弹框的状态，`false` 表示关闭，`true` 表示打开。
+ * @param {boolean} dialogShowSf - 算法弹框的状态，`false` 表示关闭，`true` 表示打开。
  */
 const dialogShow = ref(false);
 const dialogShowSf = ref(false);
@@ -748,7 +749,23 @@ const openSf = () => {
     }
   });
 };
+
+const isLoading = ref(true);
+let loadingCount = 0; // 计数器，用于跟踪未完成请求的数量
+// 开始加载状态
+function startLoading() {
+  loadingCount++;
+  isLoading.value = true; // 有请求时，设置为 true
+}
+// 结束加载状态
+function stopLoading() {
+  loadingCount--;
+  if (loadingCount === 0) {
+    isLoading.value = false; // 所有请求完成后，设置为 false
+  }
+}
 const getTable = (pagination) => {
+  startLoading(); // 开始加载状态
   http
     .get(
       `${pagination.url}?page=${pagination.currentPage}&size=${pagination.pageSize}&xh=${routers.query.xh}&deng=${selectedLamp.value}`
@@ -780,10 +797,19 @@ const getTable = (pagination) => {
         //   };
         // });
         // pagination2.total = res.count - 6;
+      } else {
+        ElMessage.warning({ message: res.message });
       }
+    })
+    .catch((error) => {
+      console.error("请求失败", error);
+    })
+    .finally(() => {
+      stopLoading(); // 请求完成后调用 stopLoading
     });
 };
 const getTable1 = (pagination) => {
+  startLoading(); // 开始加载状态
   http
     .get(`${pagination.url}?sfzhm=${data.identNo}&xh=${routers.query.xh}`)
     .then((res) => {
@@ -797,9 +823,16 @@ const getTable1 = (pagination) => {
           message: res.message,
         });
       }
+    })
+    .catch((error) => {
+      console.error("请求失败", error);
+    })
+    .finally(() => {
+      stopLoading(); // 请求完成后调用 stopLoading
     });
 };
 const getTable2 = (pagination) => {
+  startLoading(); // 开始加载状态
   http
     .get(`${pagination.url1}?dxbm=${data.dxbm}&xh=${routers.query.xh}`)
     .then((res) => {
@@ -813,6 +846,12 @@ const getTable2 = (pagination) => {
           message: res.message,
         });
       }
+    })
+    .catch((error) => {
+      console.error("请求失败", error);
+    })
+    .finally(() => {
+      stopLoading(); // 请求完成后调用 stopLoading
     });
 };