统计报表宗数详情第二次进入后接口未返回数据之前显示的第一次数据优化

src/views/demo/caseoffence/RecordList.vue

@@ -5,6 +5,7 @@
     size="small"
     height="500"
     bordered
+    :loading="loading"
     :pagination="pagination.pagination"
   >
     <template #bodyCell="{ column, record }">
@@ -52,6 +53,7 @@
     currentListQuery: Object;
   }>();
   const caseId = ref('');
+  const loading = ref(false)
   let columns = reactive({
     data: [],
     col: [
@@ -175,6 +177,7 @@
   );
 
   function handleGetList() {
+    loading.value = true
     getLoadCaseInfoListOffence(props.currentListQuery).then((res) => {
       res.items.forEach((item) => {
         item.area = dataProcessingCount(item.area);
@@ -182,6 +185,8 @@
       });
       columns.data = res.items;
       total.value = res.total;
+    }).finally(() => {
+      loading.value = false
     });
   }
 

src/views/demo/inspectionaudit/caseoffence/RecordList.vue

@@ -5,6 +5,7 @@
     size="small"
     height="500"
     bordered
+    :loading="loading"
     :pagination="pagination.pagination"
   >
     <template #bodyCell="{ column, record }">
@@ -52,6 +53,7 @@
     currentListQuery: Object;
   }>();
   const caseId = ref('');
+  const loading = ref(false)
   let columns = reactive({
     data: [],
     col: [
@@ -175,6 +177,7 @@
   );
 
   function handleGetList() {
+    loading.value = true
     getLoadCaseInfoListOffence(props.currentListQuery).then((res) => {
       res.items.forEach((item) => {
         item.area = dataProcessingCount(item.area);
@@ -182,6 +185,8 @@
       });
       columns.data = res.items;
       total.value = res.total;
+    }).finally(() => {
+      loading.value = false
     });
   }