zm/finance-master
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

refactor(statistics): 替换 Spinner 为 Loading 组件

Browse Source
This commit is contained in:
chenghuan
2026-01-16 17:57:01 +08:00
parent 044db57c67
commit 5b40af560e
5 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/finance/src/views/statistics/course/report.vue
View File

@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
import { onMounted, ref } from 'vue'; 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 { downloadFileFromBlobPart } from '@vben/utils';
import { Button, Card, DatePicker, Empty } from 'ant-design-vue'; import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
@@ -88,7 +88,7 @@ onMounted(() => {
<template> <template>
<Page auto-content-height> <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"> <div class="search-form p-4">
<DatePicker <DatePicker
v-model:value="year" v-model:value="year"
@@ -102,7 +102,7 @@ onMounted(() => {
</Button> --> </Button> -->
</div> </div>
<div class="h-2 bg-gray-100"></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 <div
v-if="list.length === 0 && !loading" v-if="list.length === 0 && !loading"
class="col-span-3 flex items-center justify-center" class="col-span-3 flex items-center justify-center"
@@ -142,8 +142,8 @@ onMounted(() => {
</div> </div>
</Card> </Card>
</div> </div>
</Spinner> </div>
</div> </Loading>
</Page> </Page>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">

10
apps/finance/src/views/statistics/physical/report.vue
View File

@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
import { onMounted, ref } from 'vue'; 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'; import { VbenIcon } from '@vben-core/shadcn-ui';
@@ -75,7 +75,7 @@ onMounted(() => {
<template> <template>
<Page auto-content-height> <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"> <div class="search-form p-4">
<DatePicker <DatePicker
v-model:value="year" v-model:value="year"
@@ -86,7 +86,7 @@ onMounted(() => {
<Button type="primary" class="ml-2" @click="getList">查询</Button> <Button type="primary" class="ml-2" @click="getList">查询</Button>
</div> </div>
<div class="h-2 bg-gray-100"></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 <div
v-if="list.length === 0 && !loading" v-if="list.length === 0 && !loading"
class="col-span-3 flex items-center justify-center" class="col-span-3 flex items-center justify-center"
@@ -114,8 +114,8 @@ onMounted(() => {
</div> </div>
</Card> </Card>
</div> </div>
</Spinner> </div>
</div> </Loading>
</Page> </Page>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">

10
apps/finance/src/views/statistics/tianyibi/report.vue
View File

@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
import { onMounted, ref } from 'vue'; 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 { downloadFileFromBlobPart } from '@vben/utils';
import { Button, Card, DatePicker, Empty } from 'ant-design-vue'; import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
@@ -91,7 +91,7 @@ onMounted(() => {
<template> <template>
<Page auto-content-height> <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"> <div class="search-form p-4">
<DatePicker <DatePicker
v-model:value="year" v-model:value="year"
@@ -105,7 +105,7 @@ onMounted(() => {
</Button> --> </Button> -->
</div> </div>
<div class="h-2 bg-gray-100"></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 <div
v-if="list.length === 0 && !loading" v-if="list.length === 0 && !loading"
class="col-span-3 flex items-center justify-center" class="col-span-3 flex items-center justify-center"
@@ -138,8 +138,8 @@ onMounted(() => {
</div> </div>
</Card> </Card>
</div> </div>
</Spinner> </div>
</div> </Loading>
</Page> </Page>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">

10
apps/finance/src/views/statistics/trainingClass/report.vue
View File

@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
import { onMounted, ref } from 'vue'; 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'; import { VbenIcon } from '@vben-core/shadcn-ui';
@@ -75,7 +75,7 @@ onMounted(() => {
<template> <template>
<Page auto-content-height> <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"> <div class="search-form p-4">
<DatePicker <DatePicker
v-model:value="year" v-model:value="year"
@@ -86,7 +86,7 @@ onMounted(() => {
<Button type="primary" class="ml-2" @click="getList">查询</Button> <Button type="primary" class="ml-2" @click="getList">查询</Button>
</div> </div>
<div class="h-2 bg-gray-100"></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 <div
v-if="list.length === 0 && !loading" v-if="list.length === 0 && !loading"
class="col-span-3 flex items-center justify-center" class="col-span-3 flex items-center justify-center"
@@ -114,8 +114,8 @@ onMounted(() => {
</div> </div>
</Card> </Card>
</div> </div>
</Spinner> </div>
</div> </Loading>
</Page> </Page>
</template> </template>

10
apps/finance/src/views/statistics/vip/report.vue
View File

@@ -3,7 +3,7 @@ import type { Dayjs } from 'dayjs';
import { onMounted, ref } from 'vue'; 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 { downloadFileFromBlobPart } from '@vben/utils';
import { Button, Card, DatePicker, Empty } from 'ant-design-vue'; import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
@@ -88,7 +88,7 @@ onMounted(() => {
<template> <template>
<Page auto-content-height> <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"> <div class="search-form p-4">
<DatePicker <DatePicker
v-model:value="year" v-model:value="year"
@@ -102,7 +102,7 @@ onMounted(() => {
</Button> --> </Button> -->
</div> </div>
<div class="h-2 bg-gray-100"></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 <div
v-if="list.length === 0 && !loading" v-if="list.length === 0 && !loading"
class="col-span-3 flex items-center justify-center" class="col-span-3 flex items-center justify-center"
@@ -142,8 +142,8 @@ onMounted(() => {
</div> </div>
</Card> </Card>
</div> </div>
</Spinner> </div>
</div> </Loading>
</Page> </Page>
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">