From 5b40af560e5d86cc15ef3bbde320aab3286e41ce Mon Sep 17 00:00:00 2001
From: chenghuan <chenghuanv587@qq.com>
Date: Fri, 16 Jan 2026 17:57:01 +0800
Subject: [PATCH] =?UTF-8?q?refactor(statistics):=20=E6=9B=BF=E6=8D=A2=20Sp?=
 =?UTF-8?q?inner=20=E4=B8=BA=20Loading=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/finance/src/views/statistics/course/report.vue    | 10 +++++-----
 apps/finance/src/views/statistics/physical/report.vue  | 10 +++++-----
 apps/finance/src/views/statistics/tianyibi/report.vue  | 10 +++++-----
 .../src/views/statistics/trainingClass/report.vue      | 10 +++++-----
 apps/finance/src/views/statistics/vip/report.vue       | 10 +++++-----
 5 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/apps/finance/src/views/statistics/course/report.vue b/apps/finance/src/views/statistics/course/report.vue
index 3d7dd73..b09e61c 100644
--- a/apps/finance/src/views/statistics/course/report.vue
+++ b/apps/finance/src/views/statistics/course/report.vue
@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
 
 import { onMounted, ref } from 'vue';
 
-import { Page, Spinner } from '@vben/common-ui';
+import { Loading, Page } from '@vben/common-ui';
 // import { downloadFileFromBlobPart } from '@vben/utils';
 
 import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
@@ -88,7 +88,7 @@ onMounted(() => {
 
 <template>
   <Page auto-content-height>
-    <div class="flex h-full flex-col rounded-md bg-white">
+    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
       <div class="search-form p-4">
         <DatePicker
           v-model:value="year"
@@ -102,7 +102,7 @@ onMounted(() => {
         </Button> -->
       </div>
       <div class="h-2 bg-gray-100"></div>
-      <Spinner class="content flex-1 px-3 py-4" :spinning="loading">
+      <div class="content relative min-h-2 flex-1 px-3 py-4">
         <div
           v-if="list.length === 0 && !loading"
           class="col-span-3 flex items-center justify-center"
@@ -142,8 +142,8 @@ onMounted(() => {
             </div>
           </Card>
         </div>
-      </Spinner>
-    </div>
+      </div>
+    </Loading>
   </Page>
 </template>
 <style scoped lang="scss">
diff --git a/apps/finance/src/views/statistics/physical/report.vue b/apps/finance/src/views/statistics/physical/report.vue
index 479c658..261b9ff 100644
--- a/apps/finance/src/views/statistics/physical/report.vue
+++ b/apps/finance/src/views/statistics/physical/report.vue
@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
 
 import { onMounted, ref } from 'vue';
 
-import { Page, Spinner } from '@vben/common-ui';
+import { Loading, Page } from '@vben/common-ui';
 
 import { VbenIcon } from '@vben-core/shadcn-ui';
 
@@ -75,7 +75,7 @@ onMounted(() => {
 
 <template>
   <Page auto-content-height>
-    <div class="flex h-full flex-col rounded-md bg-white">
+    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
       <div class="search-form p-4">
         <DatePicker
           v-model:value="year"
@@ -86,7 +86,7 @@ onMounted(() => {
         <Button type="primary" class="ml-2" @click="getList">查询</Button>
       </div>
       <div class="h-2 bg-gray-100"></div>
-      <Spinner class="content flex-1 px-3 py-4" :spinning="loading">
+      <div class="content relative min-h-2 flex-1 px-3 py-4">
         <div
           v-if="list.length === 0 && !loading"
           class="col-span-3 flex items-center justify-center"
@@ -114,8 +114,8 @@ onMounted(() => {
             </div>
           </Card>
         </div>
-      </Spinner>
-    </div>
+      </div>
+    </Loading>
   </Page>
 </template>
 <style scoped lang="scss">
diff --git a/apps/finance/src/views/statistics/tianyibi/report.vue b/apps/finance/src/views/statistics/tianyibi/report.vue
index 1c10d4b..3d0f36f 100644
--- a/apps/finance/src/views/statistics/tianyibi/report.vue
+++ b/apps/finance/src/views/statistics/tianyibi/report.vue
@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
 
 import { onMounted, ref } from 'vue';
 
-import { Page, Spinner } from '@vben/common-ui';
+import { Loading, Page } from '@vben/common-ui';
 // import { downloadFileFromBlobPart } from '@vben/utils';
 
 import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
@@ -91,7 +91,7 @@ onMounted(() => {
 
 <template>
   <Page auto-content-height>
-    <div class="flex h-full flex-col rounded-md bg-white">
+    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
       <div class="search-form p-4">
         <DatePicker
           v-model:value="year"
@@ -105,7 +105,7 @@ onMounted(() => {
         </Button> -->
       </div>
       <div class="h-2 bg-gray-100"></div>
-      <Spinner class="content flex-1 px-3 py-4" :spinning="loading">
+      <div class="content relative min-h-2 flex-1 px-3 py-4">
         <div
           v-if="list.length === 0 && !loading"
           class="col-span-3 flex items-center justify-center"
@@ -138,8 +138,8 @@ onMounted(() => {
             </div>
           </Card>
         </div>
-      </Spinner>
-    </div>
+      </div>
+    </Loading>
   </Page>
 </template>
 <style scoped lang="scss">
diff --git a/apps/finance/src/views/statistics/trainingClass/report.vue b/apps/finance/src/views/statistics/trainingClass/report.vue
index 5ff7139..c62baf6 100644
--- a/apps/finance/src/views/statistics/trainingClass/report.vue
+++ b/apps/finance/src/views/statistics/trainingClass/report.vue
@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
 
 import { onMounted, ref } from 'vue';
 
-import { Page, Spinner } from '@vben/common-ui';
+import { Loading, Page } from '@vben/common-ui';
 
 import { VbenIcon } from '@vben-core/shadcn-ui';
 
@@ -75,7 +75,7 @@ onMounted(() => {
 
 <template>
   <Page auto-content-height>
-    <div class="flex h-full flex-col rounded-md bg-white">
+    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
       <div class="search-form p-4">
         <DatePicker
           v-model:value="year"
@@ -86,7 +86,7 @@ onMounted(() => {
         <Button type="primary" class="ml-2" @click="getList">查询</Button>
       </div>
       <div class="h-2 bg-gray-100"></div>
-      <Spinner class="content flex-1 px-3 py-4" :spinning="loading">
+      <div class="content relative min-h-2 flex-1 px-3 py-4">
         <div
           v-if="list.length === 0 && !loading"
           class="col-span-3 flex items-center justify-center"
@@ -114,8 +114,8 @@ onMounted(() => {
             </div>
           </Card>
         </div>
-      </Spinner>
-    </div>
+      </div>
+    </Loading>
   </Page>
 </template>
 
diff --git a/apps/finance/src/views/statistics/vip/report.vue b/apps/finance/src/views/statistics/vip/report.vue
index ebf100d..0c270a4 100644
--- a/apps/finance/src/views/statistics/vip/report.vue
+++ b/apps/finance/src/views/statistics/vip/report.vue
@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
 
 import { onMounted, ref } from 'vue';
 
-import { Page, Spinner } from '@vben/common-ui';
+import { Loading, Page } from '@vben/common-ui';
 // import { downloadFileFromBlobPart } from '@vben/utils';
 
 import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
@@ -88,7 +88,7 @@ onMounted(() => {
 
 <template>
   <Page auto-content-height>
-    <div class="flex h-full flex-col rounded-md bg-white">
+    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
       <div class="search-form p-4">
         <DatePicker
           v-model:value="year"
@@ -102,7 +102,7 @@ onMounted(() => {
         </Button> -->
       </div>
       <div class="h-2 bg-gray-100"></div>
-      <Spinner class="content flex-1 px-3 py-4" :spinning="loading">
+      <div class="content relative min-h-2 flex-1 px-3 py-4">
         <div
           v-if="list.length === 0 && !loading"
           class="col-span-3 flex items-center justify-center"
@@ -142,8 +142,8 @@ onMounted(() => {
             </div>
           </Card>
         </div>
-      </Spinner>
-    </div>
+      </div>
+    </Loading>
   </Page>
 </template>
 <style scoped lang="scss">