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">