fix(api): 为默认请求客户端设置无超时限制

避免因网络延迟导致请求意外中断，将默认请求客户端的超时时间设置为0
feat(报表): 扩展天医币报表收入项显示点数和金额
2026-02-03 10:09:36 +08:00 · 2026-01-27 14:34:35 +08:00 · 2026-01-27 14:34:22 +08:00 · 2026-01-22 18:29:53 +08:00 · 2026-01-22 14:38:19 +08:00
17 changed files with 665 additions and 558 deletions
--- a/apps/finance/src/api/core/auth.ts
+++ b/apps/finance/src/api/core/auth.ts
@@ -14,6 +14,10 @@ export namespace AuthApi {
     * 最后登录时间
     */
    lastTime: string;
+    /**
+     * 角色列表
+     */
+    role: string;
  }

  /** 登录接口返回值 */
--- a/apps/finance/src/api/defaultRequest.ts
+++ b/apps/finance/src/api/defaultRequest.ts
@@ -0,0 +1,111 @@
+/**
+ * 该文件可自行根据业务逻辑进行调整
+ */
+import type { RequestClientOptions } from '@vben/request';
+
+import { useAppConfig } from '@vben/hooks';
+import { preferences } from '@vben/preferences';
+import {
+  authenticateResponseInterceptor,
+  defaultResponseInterceptor,
+  errorMessageResponseInterceptor,
+  RequestClient,
+} from '@vben/request';
+import { useAccessStore } from '@vben/stores';
+
+import { message } from 'ant-design-vue';
+
+import { useAuthStore } from '#/store';
+
+import { refreshTokenApi } from './core';
+
+const { apiURL } = useAppConfig(import.meta.env, import.meta.env.PROD);
+
+function createRequestClient(baseURL: string, options?: RequestClientOptions) {
+  const client = new RequestClient({
+    ...options,
+    baseURL,
+  });
+
+  /**
+   * 重新认证逻辑
+   */
+  async function doReAuthenticate() {
+    console.warn('Access token or refresh token is invalid or expired. ');
+    const accessStore = useAccessStore();
+    const authStore = useAuthStore();
+    accessStore.setAccessToken(null);
+    if (preferences.app.loginExpiredMode === 'modal' && accessStore.isAccessChecked) {
+      accessStore.setLoginExpired(true);
+    } else {
+      await authStore.logout();
+    }
+  }
+
+  /**
+   * 刷新token逻辑
+   */
+  async function doRefreshToken() {
+    const accessStore = useAccessStore();
+    const resp = await refreshTokenApi();
+    const newToken = resp.data;
+    accessStore.setAccessToken(newToken);
+    return newToken;
+  }
+
+  function formatToken(token: null | string) {
+    return token ? `${token}` : null;
+  }
+
+  // 请求头处理
+  client.addRequestInterceptor({
+    fulfilled: async (config) => {
+      const accessStore = useAccessStore();
+
+      config.headers.Token = formatToken(accessStore.accessToken);
+      config.headers['Accept-Language'] = preferences.app.locale;
+      return config;
+    },
+  });
+
+  // 处理返回的响应数据格式
+  client.addResponseInterceptor(
+    defaultResponseInterceptor({
+      codeField: 'code',
+      dataField: 'data',
+      successCode: 0,
+    }),
+  );
+
+  // token过期的处理
+  client.addResponseInterceptor(
+    authenticateResponseInterceptor({
+      client,
+      doReAuthenticate,
+      doRefreshToken,
+      enableRefreshToken: preferences.app.enableRefreshToken,
+      formatToken,
+    }),
+  );
+
+  // 通用的错误处理,如果没有进入上面的错误处理逻辑，就会进入这里
+  client.addResponseInterceptor(
+    errorMessageResponseInterceptor((msg: string, error) => {
+      // 这里可以根据业务进行定制,你可以拿到 error 内的信息进行定制化处理，根据不同的 code 做不同的提示，而不是直接使用 message.error 提示 msg
+      // 当前mock接口返回的错误字段是 error 或者 message
+      const responseData = error?.response?.data ?? {};
+      const errorMessage = responseData?.error ?? responseData?.message ?? '';
+      // 如果没有错误信息，则会根据状态码进行提示
+      message.error(errorMessage || msg);
+    }),
+  );
+
+  return client;
+}
+
+export const defaultRequestClient = createRequestClient(apiURL, {
+  responseReturn: 'data',
+  timeout: 0,
+});
+
+export const baseRequestClient = new RequestClient({ baseURL: apiURL });
--- a/apps/finance/src/api/statistics/index.ts
+++ b/apps/finance/src/api/statistics/index.ts
@@ -1,3 +1,4 @@
+import { defaultRequestClient } from '#/api/defaultRequest';
 import { requestClient } from '#/api/request';

 export const statisticsApi = {
@@ -58,10 +59,62 @@ export const statisticsApi = {

  /**
   * 下载天医币报表
+   * @param data 请求参数
+   * @param data.month 月份
+   * @param data.year 年份
+   * @returns 天医币报表数据
   */
-  downloadReportTianyibi: (data: { date: string }) => {
-    return requestClient.post('/common/import/getImportFile', data, {
-      responseType: 'blob',
+  downloadReportTianyibi: (data: { month?: string; year: number }) => {
+    return defaultRequestClient.download<Blob>('common/statistics/pointInfoExport', {
+      data,
+    });
+  },
+  /**
+   * 下载实物报表
+   * @param data 请求参数
+   * @param data.month 月份
+   * @param data.year 年份
+   * @returns 实物报表数据
+   */
+  downloadReportPhysical: (data: { month?: string; year: number }) => {
+    return defaultRequestClient.download<Blob>('common/statistics/physicalInfoExport', {
+      data,
+    });
+  },
+  /**
+   * 下载培训班报表
+   * @param data 请求参数
+   * @param data.month 月份
+   * @param data.year 年份
+   * @returns 培训班报表数据
+   */
+  downloadReportTrainingClass: (data: { month?: string; year: number }) => {
+    return defaultRequestClient.download<Blob>('common/statistics/trainingClassInfoExport', {
+      data,
+    });
+  },
+  /**
+   * 下载VIP报表
+   * @param data 请求参数
+   * @param data.month 月份
+   * @param data.year 年份
+   * @returns VIP报表数据
+   */
+  downloadReportVip: (data: { month?: string; year: number }) => {
+    return defaultRequestClient.download<Blob>('common/statistics/vipInfoExport', {
+      data,
+    });
+  },
+  /**
+   * 下载课程报表
+   * @param data 请求参数
+   * @param data.month 月份
+   * @param data.year 年份
+   * @returns 课程报表数据
+   */
+  downloadReportCourse: (data: { month?: string; year: number }) => {
+    return defaultRequestClient.download<Blob>('common/statistics/courseInfoExport', {
+      data,
    });
  },
 };
--- a/apps/finance/src/router/guard.ts
+++ b/apps/finance/src/router/guard.ts
@@ -93,7 +93,7 @@ function setupAccessGuard(router: Router) {
    // 生成路由表
    // 当前登录用户拥有的角色标识列表
    const userInfo = userStore.userInfo || (await authStore.fetchUserInfo());
-    const userRoles = userInfo.roles ?? [];
+    const userRoles = userInfo?.roles ?? [];

    // 生成菜单和路由
    const { accessibleMenus, accessibleRoutes } = await generateAccess({
@@ -109,7 +109,7 @@ function setupAccessGuard(router: Router) {
    accessStore.setIsAccessChecked(true);
    const redirectPath = (from.query.redirect ??
      (to.path === preferences.app.defaultHomePath
-        ? userInfo.homePath || preferences.app.defaultHomePath
+        ? userInfo?.homePath || preferences.app.defaultHomePath
        : to.fullPath)) as string;

    return {
--- a/apps/finance/src/store/auth.ts
+++ b/apps/finance/src/store/auth.ts
@@ -43,6 +43,7 @@ export const useAuthStore = defineStore('auth', () => {
        // ]);

        userInfo = userEntity;
+        userInfo.roles = userEntity.role ? [userEntity.role] : [];

        userStore.setUserInfo(userInfo);
        // accessStore.setAccessCodes(accessCodes);
--- a/apps/finance/src/views/posting/tianyibiOrders/index.vue
+++ b/apps/finance/src/views/posting/tianyibiOrders/index.vue
@@ -2,7 +2,7 @@
 import type { VbenFormProps } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';

-import { Page } from '@vben/common-ui';
+import { Page, SubmitButton } from '@vben/common-ui';

 import { Button, message, notification } from 'ant-design-vue';

@@ -55,6 +55,7 @@ const formOptions: VbenFormProps = {
      },
      fieldName: 'tel',
      label: '手机号',
+      defaultValue: '',
    },
    {
      component: 'Select',
@@ -159,6 +160,8 @@ const gridOptions: VxeTableGridOptions<RowType> = {
        return await tianyibiApi.getPointOrdersList({
          page: page.currentPage,
          limit: page.pageSize,
+          source: params.source || '',
+          type: params.type || '',
          ...params,
        });
      },
@@ -172,11 +175,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
 });

 async function onStartAutoMatch() {
-  const hide = message.loading('系统自动匹配消耗中...', 0);
+  const hide = message.loading('系统自动匹配天医币消耗中...', 0);
  await tianyibiApi.autoConsumeTianyibi();
  hide();
  notification.success({
-    message: '自动匹配消耗成功',
+    message: '自动匹配天医币消耗成功',
  });
  // 刷新表格数据
  gridApi?.query();
@@ -198,7 +201,8 @@ async function onConsumption(row: RowType, code: number) {
    <Grid>
      <template #toolbar-actions>
        <div class="flex gap-2">
-          <Button type="primary" @click="onStartAutoMatch()">启动自动匹配消耗</Button>
+          <!-- <Button type="primary" @click="onStartAutoMatch()">启动自动匹配消耗</Button> -->
+          <SubmitButton theme="ant-design" :submit="onStartAutoMatch" text="启动自动匹配消耗" />
        </div>
      </template>
      <template #action="{ row }">
--- a/apps/finance/src/views/statistics/common/MonthReportView.vue
+++ b/apps/finance/src/views/statistics/common/MonthReportView.vue
@@ -0,0 +1,122 @@
+<script lang="ts" setup>
+import { computed, ref, watch } from 'vue';
+
+import { Loading, Page } from '@vben/common-ui';
+
+import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
+
+const props = defineProps<{
+  contentItemClass?: string;
+  disabledDate: (d: any) => boolean;
+  downloadAll?: () => void;
+  downloadMonth?: (index: number) => void;
+  list: any[];
+  loading: boolean;
+  year: any;
+}>();
+
+const emit = defineEmits<{
+  (e: 'query'): void;
+  (e: 'update:year', v: any): void;
+}>();
+
+const modelYear = computed({
+  get: () => props.year,
+  set: (v) => emit('update:year', v),
+});
+
+const downloadingAll = ref(false);
+const downloadingMonth = ref<boolean[]>([]);
+
+watch(
+  () => props.list.length,
+  (len) => {
+    downloadingMonth.value = Array.from({ length: len }, () => false);
+  },
+  { immediate: true },
+);
+
+const handleDownloadAll = async () => {
+  if (!props.downloadAll) return;
+  downloadingAll.value = true;
+  try {
+    await Promise.resolve(props.downloadAll());
+  } finally {
+    downloadingAll.value = false;
+  }
+};
+
+const handleDownloadMonth = async (index: number) => {
+  if (!props.downloadMonth) return;
+  downloadingMonth.value[index] = true;
+  try {
+    await Promise.resolve(props.downloadMonth(index));
+  } finally {
+    downloadingMonth.value[index] = false;
+  }
+};
+</script>
+<template>
+  <Page auto-content-height>
+    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
+      <div class="search-form p-4">
+        <DatePicker
+          v-model:value="modelYear"
+          picker="year"
+          :disabled-date="disabledDate"
+          @change="() => emit('query')"
+        />
+        <Button type="primary" class="ml-2" @click="emit('query')">查询</Button>
+        <Button
+          v-if="props.downloadAll"
+          type="link"
+          class="ml-2"
+          :loading="downloadingAll"
+          @click="handleDownloadAll"
+        >
+          下载全年报表
+        </Button>
+      </div>
+      <div class="h-2 bg-gray-100"></div>
+      <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"
+        >
+          <Empty />
+        </div>
+        <div v-else class="grid max-h-full grid-cols-3 gap-3 overflow-auto px-1">
+          <Card v-for="(item, index) in list" :key="index" :title="`${index + 1} 月`" size="small">
+            <template #extra>
+              <Button
+                v-if="props.downloadMonth"
+                type="link"
+                :loading="downloadingMonth[index]"
+                @click="handleDownloadMonth(index)"
+              >
+                下载报表
+              </Button>
+            </template>
+            <template v-if="item !== null">
+              <slot :item="item" :index="index" :year="modelYear"></slot>
+            </template>
+            <template v-else>
+              <div
+                v-if="loading"
+                class="flex min-h-12 items-center justify-center"
+                :class="contentItemClass"
+              >
+                努力加载中...
+              </div>
+            </template>
+          </Card>
+        </div>
+      </div>
+    </Loading>
+  </Page>
+</template>
+<style scoped lang="scss">
+:deep(.ant-card-head-title) {
+  font-size: 16px !important;
+}
+</style>
--- a/apps/finance/src/views/statistics/common/useMonthReport.ts
+++ b/apps/finance/src/views/statistics/common/useMonthReport.ts
@@ -0,0 +1,67 @@
+import type { Dayjs } from 'dayjs';
+
+import { ref } from 'vue';
+
+import { downloadFileFromBlobPart } from '@vben/utils';
+
+import dayjs from 'dayjs';
+
+export function useMonthReport<T>(options: {
+  downloadFile: (p: { month: string; year: number }) => Promise<any>;
+  fetchMonth: (p: { month: string; year: number }) => Promise<any>;
+  fileNameBuilder?: (year: number, month: string) => string;
+  normalize: (resp: any) => T;
+}) {
+  const year = ref<Dayjs>(dayjs());
+  const disabledDate = (date: Dayjs) => date.year() > dayjs().year();
+  const list = ref<Array<null | T>>([]);
+  const loading = ref<boolean>(false);
+
+  const getList = async () => {
+    loading.value = true;
+    const monthList =
+      year.value.year() === dayjs().year()
+        ? Array.from({ length: dayjs().month() + 1 }, (_, i) => (i + 1).toString().padStart(2, '0'))
+        : Array.from({ length: 12 }, (_, i) => (i + 1).toString().padStart(2, '0'));
+    list.value = Array.from({ length: monthList.length }, () => null);
+    let pending = monthList.length;
+    monthList.forEach((month, idx) => {
+      options
+        .fetchMonth({
+          year: year.value.year(),
+          month,
+        })
+        .then((resp) => {
+          list.value[idx] = options.normalize(resp) as any;
+        })
+        .finally(() => {
+          pending -= 1;
+          if (pending === 0) {
+            loading.value = false;
+          }
+        });
+    });
+  };
+
+  // 下载报表
+  const downloadReport = async (index: number) => {
+    const month = index > 8 ? `${index + 1}` : `0${index + 1}`;
+    const filename =
+      options.fileNameBuilder?.(year.value.year(), month) ||
+      `报表_${year.value.year()}年${month}月_文件.xlsx`;
+    const Blob = await options.downloadFile({
+      month,
+      year: year.value.year(),
+    });
+    downloadFileFromBlobPart({
+      source: Blob,
+      fileName: filename,
+    });
+  };
+
+  const downloadAllReport = async () => {
+    await Promise.all(list.value.map((_, index) => downloadReport(index)));
+  };
+
+  return { year, disabledDate, list, loading, getList, downloadReport, downloadAllReport };
+}
--- a/apps/finance/src/views/statistics/course/report.vue
+++ b/apps/finance/src/views/statistics/course/report.vue
@@ -1,18 +1,10 @@
 <script lang="ts" setup>
-import type { Dayjs } from 'dayjs';
-
-import { onMounted, ref } from 'vue';
-
-import { Loading, Page } from '@vben/common-ui';
-// import { downloadFileFromBlobPart } from '@vben/utils';
-
-import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
-import dayjs from 'dayjs';
+import { onMounted } from 'vue';

 import { statisticsApi } from '#/api/statistics';
+import MonthReportView from '#/views/statistics/common/MonthReportView.vue';

-const year = ref<Dayjs>(dayjs());
-const disabledDate = (date: Dayjs) => date.year() > dayjs().year();
+import { useMonthReport } from '../common/useMonthReport';

 interface Report {
  incomes: Record<string, number>;
@@ -26,128 +18,74 @@ interface ReportItem {
  fee: number;
 }

-// 报表数据
-const list = ref<Report[]>([]);
-const loading = ref<boolean>(false);
-const getList = async () => {
-  loading.value = true;
-  list.value = [];
-  try {
-    // 计算查询年份中包含哪些月份, 若为今年则只查询到当前月份，往年则查询所有月份
-    const monthList =
-      year.value.year() === dayjs().year()
-        ? Array.from({ length: dayjs().month() + 1 }, (_, i) => (i + 1).toString().padStart(2, '0'))
-        : Array.from({ length: 12 }, (_, i) => (i + 1).toString().padStart(2, '0'));
-    for (const month of monthList) {
-      const data = await statisticsApi.getCourseStatistics({
-        year: year.value.year(),
-        month,
-      });
-      list.value.push({
-        incomes: {
-          微信: 0,
-          支付宝: 0,
-          银行: 0,
-          天医币: 0,
-          ...Object.fromEntries(data.incomes.map((item: ReportItem) => [item.type, item.fee])),
-        },
-        notyet: data.notyet || 0,
-        already: data.already || 0,
-        now: data.now || 0,
-      });
-    }
-  } finally {
-    loading.value = false;
-  }
+const { year, disabledDate, list, loading, getList, downloadReport, downloadAllReport } =
+  useMonthReport<Report>({
+    fetchMonth: (p) => statisticsApi.getCourseStatistics(p),
+    downloadFile: (p) => statisticsApi.downloadReportCourse(p),
+    fileNameBuilder: (y, m) => `课程报表_${y}年${m}月_文件.xlsx`,
+    normalize: (data) => ({
+      incomes: {
+        微信: 0,
+        支付宝: 0,
+        银行: 0,
+        天医币: 0,
+        ...Object.fromEntries(data.incomes.map((item: ReportItem) => [item.type, item.fee])),
+      },
+      notyet: data.notyet || 0,
+      already: data.already || 0,
+      now: data.now || 0,
+    }),
+  });
+
+const onUpdateYear = (v: any) => {
+  year.value = v;
 };

-// 下载报表
-// const downloadReport = async (index: number) => {
-//   const month = index > 9 ? `${index + 1}` : `0${index + 1}`;
-//   const date = `${year.value.year()}-${month}`;
-//   const filename = `天医币报表_${year.value.year()}年${month}月_文件.xlsx`;
-//   const res = await statisticsApi.downloadReportTianyibi({
-//     date,
-//   });
-//   downloadFileFromBlobPart({
-//     source: res.data,
-//     fileName: filename,
-//   });
-// };
-
-// const downloadAllReport = () => {
-//   list.value.forEach((_, index) => {
-//     downloadReport(index);
-//   });
-// };
-
 onMounted(() => {
  getList();
 });
 </script>

 <template>
-  <Page auto-content-height>
-    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
-      <div class="search-form p-4">
-        <DatePicker
-          v-model:value="year"
-          picker="year"
-          :disabled-date="disabledDate"
-          @change="getList"
-        />
-        <Button type="primary" class="ml-2" @click="getList">查询</Button>
-        <!-- <Button type="link" class="ml-2" @click="downloadAllReport">
-          下载 {{ year.year() }} 年全部天医币报表
-        </Button> -->
-      </div>
-      <div class="h-2 bg-gray-100"></div>
-      <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"
-        >
-          <Empty />
-        </div>
-        <div v-else class="grid max-h-full grid-cols-3 gap-3 overflow-auto px-1">
-          <Card v-for="(item, index) in list" :key="index" :title="`${index + 1} 月`" size="small">
-            <!-- <template #extra>
-              <Button type="link" @click="downloadReport(index)">下载报表</Button>
-            </template> -->
-            <div class="-m-2 text-[16px]">
-              <div class="flex">
-                <div class="flex-1 bg-[#F6FFF5] px-2 pb-1">
-                  <div class="p-1 text-center font-bold">收入</div>
-                  <div v-for="(fee, type) in item.incomes" :key="type" class="p-1">
-                    <span class="text-gray-500">{{ type }}：</span>
-                    <span class="text-black">{{ fee }}</span>
-                  </div>
-                </div>
-                <div class="flex-1 bg-[#FFFBF0] px-2 pb-1">
-                  <div class="p-1 text-center font-bold">摊销</div>
-                  <div class="p-1">
-                    <span class="text-gray-500">已摊销：</span>
-                    <span class="text-black">{{ item.already }}</span>
-                  </div>
-                  <div class="p-1">
-                    <span class="text-gray-500">月摊销：</span>
-                    <span class="text-black">{{ item.now }}</span>
-                  </div>
-                  <div class="p-1">
-                    <span class="text-gray-500">剩余摊销：</span>
-                    <span class="text-black">{{ item.notyet }}</span>
-                  </div>
-                </div>
-              </div>
+  <MonthReportView
+    :year="year"
+    :disabled-date="disabledDate"
+    :loading="loading"
+    :list="list"
+    :download-all="downloadAllReport"
+    :download-month="downloadReport"
+    content-item-class="h-[150px]"
+    @update:year="onUpdateYear"
+    @query="getList"
+  >
+    <template #default="{ item }">
+      <div class="-m-2 text-[16px]">
+        <div class="flex">
+          <div class="flex-1 bg-[#F6FFF5] px-2 pb-1">
+            <div class="p-1 text-center font-bold">收入</div>
+            <div v-for="(fee, type) in item.incomes" :key="type" class="p-1">
+              <span class="text-gray-500">{{ type }}：</span>
+              <span class="text-black">{{ fee }}</span>
            </div>
-          </Card>
+          </div>
+          <div class="flex-1 bg-[#FFFBF0] px-2 pb-1">
+            <div class="p-1 text-center font-bold">摊销</div>
+            <div class="p-1">
+              <span class="text-gray-500">已摊销：</span>
+              <span class="text-black">{{ item.already }}</span>
+            </div>
+            <div class="p-1">
+              <span class="text-gray-500">月摊销：</span>
+              <span class="text-black">{{ item.now }}</span>
+            </div>
+            <div class="p-1">
+              <span class="text-gray-500">剩余摊销：</span>
+              <span class="text-black">{{ item.notyet }}</span>
+            </div>
+          </div>
        </div>
      </div>
-    </Loading>
-  </Page>
+    </template>
+  </MonthReportView>
 </template>
-<style scoped lang="scss">
-:deep(.ant-card-head-title) {
-  font-size: 16px !important;
-}
-</style>
+<style scoped lang="scss"></style>
--- a/apps/finance/src/views/statistics/physical/report.vue
+++ b/apps/finance/src/views/statistics/physical/report.vue
@@ -1,19 +1,12 @@
 <script lang="ts" setup>
-import type { Dayjs } from 'dayjs';
-
-import { onMounted, ref } from 'vue';
-
-import { Loading, Page } from '@vben/common-ui';
+import { onMounted } from 'vue';

 import { VbenIcon } from '@vben-core/shadcn-ui';

-import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
-import dayjs from 'dayjs';
-
 import { statisticsApi } from '#/api/statistics';
+import MonthReportView from '#/views/statistics/common/MonthReportView.vue';

-const year = ref<Dayjs>(dayjs());
-const disabledDate = (date: Dayjs) => date.year() > dayjs().year();
+import { useMonthReport } from '../common/useMonthReport';

 interface ReportItem {
  type: string;
@@ -25,24 +18,12 @@ interface ReportItem {
  };
 }

-// 报表数据
-const list = ref<ReportItem[][]>([]);
-const loading = ref<boolean>(false);
-const getList = async () => {
-  loading.value = true;
-  list.value = [];
-  try {
-    // 计算查询年份中包含哪些月份, 若为今年则只查询到当前月份，往年则查询所有月份
-    const monthList =
-      year.value.year() === dayjs().year()
-        ? Array.from({ length: dayjs().month() + 1 }, (_, i) => (i + 1).toString().padStart(2, '0'))
-        : Array.from({ length: 12 }, (_, i) => (i + 1).toString().padStart(2, '0'));
-    for (const month of monthList) {
-      const data = await statisticsApi.getPhysicalStatistics({
-        year: year.value.year(),
-        month,
-      });
-      // 确保四种支付方式都存在，默认值为0
+const { year, disabledDate, list, loading, getList, downloadReport, downloadAllReport } =
+  useMonthReport<ReportItem[]>({
+    fetchMonth: (p) => statisticsApi.getPhysicalStatistics(p),
+    downloadFile: (p) => statisticsApi.downloadReportPhysical(p),
+    fileNameBuilder: (y, m) => `实物报表_${y}年${m}月_文件.xlsx`,
+    normalize: (data) => {
      const paymentTypes = [
        { type: '微信', icon: { color: 'text-green-500', icon: 'ant-design:wechat-filled' } },
        { type: '支付宝', icon: { color: 'text-blue-500', icon: 'ant-design:alipay-outlined' } },
@@ -52,74 +33,55 @@ const getList = async () => {
          icon: { color: 'text-purple-500', icon: 'ant-design:pay-circle-filled' },
        },
      ];
-      const report: ReportItem[] = paymentTypes.map((type) => {
+      return paymentTypes.map((type) => {
        const item = data.map.find((item: any) => item.type === type.type);
        return {
          type: type.type,
          fee: item?.fee || 0,
          count: item?.count || 0,
          icon: { color: type.icon.color, icon: type.icon.icon },
-        };
+        } as ReportItem;
      });
-      list.value.push(report);
-    }
-  } finally {
-    loading.value = false;
-  }
-};
+    },
+  });

+const onUpdateYear = (v: any) => {
+  year.value = v;
+};
 onMounted(() => {
  getList();
 });
 </script>

 <template>
-  <Page auto-content-height>
-    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
-      <div class="search-form p-4">
-        <DatePicker
-          v-model:value="year"
-          picker="year"
-          :disabled-date="disabledDate"
-          @change="getList"
-        />
-        <Button type="primary" class="ml-2" @click="getList">查询</Button>
-      </div>
-      <div class="h-2 bg-gray-100"></div>
-      <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"
-        >
-          <Empty />
-        </div>
-        <div v-else class="grid max-h-full grid-cols-3 gap-3 overflow-auto px-1">
-          <Card v-for="(item, index) in list" :key="index" :title="`${index + 1} 月`" size="small">
-            <div class="-m-2 text-[16px]">
-              <div class="flex flex-row py-2">
-                <div v-for="(payment, index2) in item" :key="index2" class="flex-1 text-center">
-                  <div class="flex items-center justify-center font-bold">
-                    <VbenIcon
-                      class="size-5"
-                      :class="payment.icon.color"
-                      :icon="payment.icon.icon"
-                      fallback
-                    />
-                    {{ payment.type }}
-                  </div>
-                  <!-- <div class="text-gray-500">{{ payment.count }}笔</div> -->
-                  <div class="text-black">{{ payment.fee }}</div>
-                </div>
-              </div>
+  <MonthReportView
+    :year="year"
+    :disabled-date="disabledDate"
+    :loading="loading"
+    :list="list"
+    :download-all="downloadAllReport"
+    :download-month="downloadReport"
+    @update:year="onUpdateYear"
+    @query="getList"
+  >
+    <template #default="{ item }">
+      <div class="-m-2 text-[16px]">
+        <div class="flex flex-row py-2">
+          <div v-for="(payment, index2) in item" :key="index2" class="flex-1 text-center">
+            <div class="flex items-center justify-center font-bold">
+              <VbenIcon
+                class="size-5"
+                :class="payment.icon.color"
+                :icon="payment.icon.icon"
+                fallback
+              />
+              {{ payment.type }}
            </div>
-          </Card>
+            <div class="text-black">{{ payment.fee }}</div>
+          </div>
        </div>
      </div>
-    </Loading>
-  </Page>
+    </template>
+  </MonthReportView>
 </template>
-<style scoped lang="scss">
-:deep(.ant-card-head-title) {
-  font-size: 16px !important;
-}
-</style>
+<style scoped lang="scss"></style>
--- a/apps/finance/src/views/statistics/tianyibi/report.vue
+++ b/apps/finance/src/views/statistics/tianyibi/report.vue
@@ -1,21 +1,18 @@
 <script lang="ts" setup>
-import type { Dayjs } from 'dayjs';
-
-import { onMounted, ref } from 'vue';
-
-import { Loading, Page } from '@vben/common-ui';
-// import { downloadFileFromBlobPart } from '@vben/utils';
-
-import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
-import dayjs from 'dayjs';
+import { onMounted } from 'vue';

 import { statisticsApi } from '#/api/statistics';
+import MonthReportView from '#/views/statistics/common/MonthReportView.vue';

-const year = ref<Dayjs>(dayjs());
-const disabledDate = (date: Dayjs) => date.year() > dayjs().year();
+import { useMonthReport } from '../common/useMonthReport';
+
+interface IncomeItem {
+  fee: number;
+  point: number;
+}

 interface Report {
-  incomes: Record<string, number>;
+  incomes: Record<string, IncomeItem>;
  consumes: Record<string, number>;
  surplus: number;
 }
@@ -23,127 +20,80 @@ interface Report {
 interface ReportItem {
  type: string;
  fee: number;
+  point: number;
 }

-// 报表数据
-const list = ref<Report[]>([]);
-const loading = ref<boolean>(false);
-const getList = async () => {
-  loading.value = true;
-  list.value = [];
-  try {
-    // 计算查询年份中包含哪些月份, 若为今年则只查询到当前月份，往年则查询所有月份
-    const monthList =
-      year.value.year() === dayjs().year()
-        ? Array.from({ length: dayjs().month() + 1 }, (_, i) => (i + 1).toString().padStart(2, '0'))
-        : Array.from({ length: 12 }, (_, i) => (i + 1).toString().padStart(2, '0'));
-    for (const month of monthList) {
-      const data = await statisticsApi.getReportTianyibi({
-        year: year.value.year(),
-        month,
-      });
-      list.value.push({
-        incomes: {
-          微信: 0,
-          支付宝: 0,
-          银行: 0,
-          ...Object.fromEntries(data.map.incomes.map((item: ReportItem) => [item.type, item.fee])),
-        },
-        consumes: {
-          实物: 0,
-          培训班: 0,
-          vip: 0,
-          课程: 0,
-          ...Object.fromEntries(data.map.consumes.map((item: ReportItem) => [item.type, item.fee])),
-        },
-        surplus: data.map.surplus,
-      });
-    }
-  } finally {
-    loading.value = false;
-  }
+const { year, disabledDate, list, loading, getList, downloadReport, downloadAllReport } =
+  useMonthReport<Report>({
+    fetchMonth: (p) => statisticsApi.getReportTianyibi(p),
+    downloadFile: (p) => statisticsApi.downloadReportTianyibi(p),
+    fileNameBuilder: (y, m) => `天医币报表_${y}年${m}月_文件.xlsx`,
+    normalize: (data) => ({
+      incomes: {
+        微信: { fee: 0, point: 0 },
+        支付宝: { fee: 0, point: 0 },
+        银行: { fee: 0, point: 0 },
+        ...Object.fromEntries(
+          data.map.incomes.map((item: ReportItem) => [
+            item.type,
+            { fee: item.fee, point: item.point },
+          ]),
+        ),
+      },
+      consumes: {
+        实物: 0,
+        培训班: 0,
+        vip: 0,
+        课程: 0,
+        ...Object.fromEntries(data.map.consumes.map((item: ReportItem) => [item.type, item.fee])),
+      },
+      surplus: data.map.surplus,
+    }),
+  });
+
+const onUpdateYear = (v: any) => {
+  year.value = v;
 };
-
-// 下载报表
-// const downloadReport = async (index: number) => {
-//   const month = index > 9 ? `${index + 1}` : `0${index + 1}`;
-//   const date = `${year.value.year()}-${month}`;
-//   const filename = `天医币报表_${year.value.year()}年${month}月_文件.xlsx`;
-//   const res = await statisticsApi.downloadReportTianyibi({
-//     date,
-//   });
-//   downloadFileFromBlobPart({
-//     source: res.data,
-//     fileName: filename,
-//   });
-// };
-
-// const downloadAllReport = () => {
-//   list.value.forEach((_, index) => {
-//     downloadReport(index);
-//   });
-// };
-
 onMounted(() => {
  getList();
 });
 </script>

 <template>
-  <Page auto-content-height>
-    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
-      <div class="search-form p-4">
-        <DatePicker
-          v-model:value="year"
-          picker="year"
-          :disabled-date="disabledDate"
-          @change="getList"
-        />
-        <Button type="primary" class="ml-2" @click="getList">查询</Button>
-        <!-- <Button type="link" class="ml-2" @click="downloadAllReport">
-          下载 {{ year.year() }} 年全部天医币报表
-        </Button> -->
-      </div>
-      <div class="h-2 bg-gray-100"></div>
-      <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"
-        >
-          <Empty />
-        </div>
-        <div v-else class="grid max-h-full grid-cols-3 gap-3 overflow-auto px-1">
-          <Card v-for="(item, index) in list" :key="index" :title="`${index + 1} 月`" size="small">
-            <!-- <template #extra>
-              <Button type="link" @click="downloadReport(index)">下载报表</Button>
-            </template> -->
-            <div class="-m-2 text-[16px]">
-              <div class="flex">
-                <div class="flex-1 bg-[#F6FFF5] px-2 pb-1">
-                  <div class="p-1 text-center font-bold">进项</div>
-                  <div v-for="(fee, type) in item.incomes" :key="type" class="p-1">
-                    <span class="text-gray-500">{{ type }}：</span>
-                    <span class="text-black">{{ fee }}</span>
-                  </div>
-                </div>
-                <div class="flex-1 bg-[#FFFBF0] px-2 pb-1">
-                  <div class="p-1 text-center font-bold">出项</div>
-                  <div v-for="(fee, type) in item.consumes" :key="type" class="p-1">
-                    <span class="text-gray-500">{{ type }}：</span>
-                    <span class="text-black">{{ fee }}</span>
-                  </div>
-                </div>
-              </div>
-              <div class="px-2">APP用户剩余天医币 : {{ item.surplus }}</div>
+  <MonthReportView
+    :year="year"
+    :disabled-date="disabledDate"
+    :loading="loading"
+    :list="list"
+    :download-all="downloadAllReport"
+    :download-month="downloadReport"
+    content-item-class="h-[180px]"
+    @update:year="onUpdateYear"
+    @query="getList"
+  >
+    <template #default="{ item }">
+      <div class="-m-2 text-[16px]">
+        <div class="flex">
+          <div class="min-w-[50%] bg-[#F6FFF5] px-2 pb-1">
+            <div class="p-1 text-center font-bold">进项</div>
+            <div v-for="(value, type) in item.incomes" :key="type" class="p-1">
+              <span class="text-gray-500">{{ type }}：</span>
+              <span class="text-black">{{
+                `￥${value.fee}${!value.point || value.fee === value.point ? '' : `（天医币${value.point}）`}`
+              }}</span>
            </div>
-          </Card>
+          </div>
+          <div class="flex-1 bg-[#FFFBF0] px-2 pb-1">
+            <div class="p-1 text-center font-bold">出项</div>
+            <div v-for="(fee, type) in item.consumes" :key="type" class="p-1">
+              <span class="text-gray-500">{{ type }}：</span>
+              <span class="text-black">{{ fee }}</span>
+            </div>
+          </div>
        </div>
+        <div class="px-2">APP用户剩余天医币 : {{ item.surplus }}</div>
      </div>
-    </Loading>
-  </Page>
+    </template>
+  </MonthReportView>
 </template>
-<style scoped lang="scss">
-:deep(.ant-card-head-title) {
-  font-size: 16px !important;
-}
-</style>
+<style scoped lang="scss"></style>
--- a/apps/finance/src/views/statistics/trainingClass/report.vue
+++ b/apps/finance/src/views/statistics/trainingClass/report.vue
@@ -1,19 +1,12 @@
 <script lang="ts" setup>
-import type { Dayjs } from 'dayjs';
-
-import { onMounted, ref } from 'vue';
-
-import { Loading, Page } from '@vben/common-ui';
+import { onMounted } from 'vue';

 import { VbenIcon } from '@vben-core/shadcn-ui';

-import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
-import dayjs from 'dayjs';
-
 import { statisticsApi } from '#/api/statistics';
+import MonthReportView from '#/views/statistics/common/MonthReportView.vue';

-const year = ref<Dayjs>(dayjs());
-const disabledDate = (date: Dayjs) => date.year() > dayjs().year();
+import { useMonthReport } from '../common/useMonthReport';

 interface ReportItem {
  type: string;
@@ -25,24 +18,12 @@ interface ReportItem {
  };
 }

-// 报表数据
-const list = ref<ReportItem[][]>([]);
-const loading = ref<boolean>(false);
-const getList = async () => {
-  loading.value = true;
-  list.value = [];
-  try {
-    // 计算查询年份中包含哪些月份, 若为今年则只查询到当前月份，往年则查询所有月份
-    const monthList =
-      year.value.year() === dayjs().year()
-        ? Array.from({ length: dayjs().month() + 1 }, (_, i) => (i + 1).toString().padStart(2, '0'))
-        : Array.from({ length: 12 }, (_, i) => (i + 1).toString().padStart(2, '0'));
-    for (const month of monthList) {
-      const data = await statisticsApi.getTrainingClassStatistics({
-        year: year.value.year(),
-        month,
-      });
-      // 确保四种支付方式都存在，默认值为0
+const { year, disabledDate, list, loading, getList, downloadReport, downloadAllReport } =
+  useMonthReport<ReportItem[]>({
+    fetchMonth: (p) => statisticsApi.getTrainingClassStatistics(p),
+    downloadFile: (p) => statisticsApi.downloadReportTrainingClass(p),
+    fileNameBuilder: (y, m) => `培训班报表_${y}年${m}月_文件.xlsx`,
+    normalize: (data) => {
      const paymentTypes = [
        { type: '微信', icon: { color: 'text-green-500', icon: 'ant-design:wechat-filled' } },
        { type: '支付宝', icon: { color: 'text-blue-500', icon: 'ant-design:alipay-outlined' } },
@@ -52,75 +33,56 @@ const getList = async () => {
          icon: { color: 'text-purple-500', icon: 'ant-design:pay-circle-filled' },
        },
      ];
-      const report: ReportItem[] = paymentTypes.map((type) => {
+      return paymentTypes.map((type) => {
        const item = data.map.find((item: any) => item.type === type.type);
        return {
          type: type.type,
          fee: item?.fee || 0,
          count: item?.count || 0,
          icon: { color: type.icon.color, icon: type.icon.icon },
-        };
+        } as ReportItem;
      });
-      list.value.push(report);
-    }
-  } finally {
-    loading.value = false;
-  }
-};
+    },
+  });

+const onUpdateYear = (v: any) => {
+  year.value = v;
+};
 onMounted(() => {
  getList();
 });
 </script>

 <template>
-  <Page auto-content-height>
-    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
-      <div class="search-form p-4">
-        <DatePicker
-          v-model:value="year"
-          picker="year"
-          :disabled-date="disabledDate"
-          @change="getList"
-        />
-        <Button type="primary" class="ml-2" @click="getList">查询</Button>
-      </div>
-      <div class="h-2 bg-gray-100"></div>
-      <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"
-        >
-          <Empty />
-        </div>
-        <div v-else class="grid max-h-full grid-cols-3 gap-3 overflow-auto px-1">
-          <Card v-for="(item, index) in list" :key="index" :title="`${index + 1} 月`" size="small">
-            <div class="-m-2 text-[16px]">
-              <div class="flex flex-row py-2">
-                <div v-for="(payment, index2) in item" :key="index2" class="flex-1 text-center">
-                  <div class="flex items-center justify-center font-bold">
-                    <VbenIcon
-                      class="size-5"
-                      :class="payment.icon.color"
-                      :icon="payment.icon.icon"
-                      fallback
-                    />
-                    {{ payment.type }}
-                  </div>
-                  <!-- <div class="text-gray-500">{{ payment.count }}笔</div> -->
-                  <div class="text-black">{{ payment.fee }}</div>
-                </div>
-              </div>
+  <MonthReportView
+    :year="year"
+    :disabled-date="disabledDate"
+    :loading="loading"
+    :list="list"
+    :download-all="downloadAllReport"
+    :download-month="downloadReport"
+    @update:year="onUpdateYear"
+    @query="getList"
+  >
+    <template #default="{ item }">
+      <div class="-m-2 text-[16px]">
+        <div class="flex flex-row py-2">
+          <div v-for="(payment, index2) in item" :key="index2" class="flex-1 text-center">
+            <div class="flex items-center justify-center font-bold">
+              <VbenIcon
+                class="size-5"
+                :class="payment.icon.color"
+                :icon="payment.icon.icon"
+                fallback
+              />
+              {{ payment.type }}
            </div>
-          </Card>
+            <div class="text-black">{{ payment.fee }}</div>
+          </div>
        </div>
      </div>
-    </Loading>
-  </Page>
+    </template>
+  </MonthReportView>
 </template>

-<style scoped lang="scss">
-:deep(.ant-card-head-title) {
-  font-size: 16px !important;
-}
-</style>
+<style scoped lang="scss"></style>
--- a/apps/finance/src/views/statistics/vip/report.vue
+++ b/apps/finance/src/views/statistics/vip/report.vue
@@ -1,18 +1,10 @@
 <script lang="ts" setup>
-import type { Dayjs } from 'dayjs';
-
-import { onMounted, ref } from 'vue';
-
-import { Loading, Page } from '@vben/common-ui';
-// import { downloadFileFromBlobPart } from '@vben/utils';
-
-import { Button, Card, DatePicker, Empty } from 'ant-design-vue';
-import dayjs from 'dayjs';
+import { onMounted } from 'vue';

 import { statisticsApi } from '#/api/statistics';
+import MonthReportView from '#/views/statistics/common/MonthReportView.vue';

-const year = ref<Dayjs>(dayjs());
-const disabledDate = (date: Dayjs) => date.year() > dayjs().year();
+import { useMonthReport } from '../common/useMonthReport';

 interface Report {
  incomes: Record<string, number>;
@@ -26,128 +18,73 @@ interface ReportItem {
  fee: number;
 }

-// 报表数据
-const list = ref<Report[]>([]);
-const loading = ref<boolean>(false);
-const getList = async () => {
-  loading.value = true;
-  list.value = [];
-  try {
-    // 计算查询年份中包含哪些月份, 若为今年则只查询到当前月份，往年则查询所有月份
-    const monthList =
-      year.value.year() === dayjs().year()
-        ? Array.from({ length: dayjs().month() + 1 }, (_, i) => (i + 1).toString().padStart(2, '0'))
-        : Array.from({ length: 12 }, (_, i) => (i + 1).toString().padStart(2, '0'));
-    for (const month of monthList) {
-      const data = await statisticsApi.getVipStatistics({
-        year: year.value.year(),
-        month,
-      });
-      list.value.push({
-        incomes: {
-          微信: 0,
-          支付宝: 0,
-          银行: 0,
-          天医币: 0,
-          ...Object.fromEntries(data.incomes.map((item: ReportItem) => [item.type, item.fee])),
-        },
-        notyet: data.notyet || 0,
-        already: data.already || 0,
-        now: data.now || 0,
-      });
-    }
-  } finally {
-    loading.value = false;
-  }
+const { year, disabledDate, list, loading, getList, downloadReport, downloadAllReport } =
+  useMonthReport<Report>({
+    fetchMonth: (p) => statisticsApi.getVipStatistics(p),
+    downloadFile: (p) => statisticsApi.downloadReportVip(p),
+    fileNameBuilder: (y, m) => `VIP报表_${y}年${m}月_文件.xlsx`,
+    normalize: (data) => ({
+      incomes: {
+        微信: 0,
+        支付宝: 0,
+        银行: 0,
+        天医币: 0,
+        ...Object.fromEntries(data.incomes.map((item: ReportItem) => [item.type, item.fee])),
+      },
+      notyet: data.notyet || 0,
+      already: data.already || 0,
+      now: data.now || 0,
+    }),
+  });
+
+const onUpdateYear = (v: any) => {
+  year.value = v;
 };

-// 下载报表
-// const downloadReport = async (index: number) => {
-//   const month = index > 9 ? `${index + 1}` : `0${index + 1}`;
-//   const date = `${year.value.year()}-${month}`;
-//   const filename = `天医币报表_${year.value.year()}年${month}月_文件.xlsx`;
-//   const res = await statisticsApi.downloadReportTianyibi({
-//     date,
-//   });
-//   downloadFileFromBlobPart({
-//     source: res.data,
-//     fileName: filename,
-//   });
-// };
-
-// const downloadAllReport = () => {
-//   list.value.forEach((_, index) => {
-//     downloadReport(index);
-//   });
-// };
-
 onMounted(() => {
  getList();
 });
 </script>

 <template>
-  <Page auto-content-height>
-    <Loading class="flex h-full flex-col rounded-md bg-white" :spinning="loading">
-      <div class="search-form p-4">
-        <DatePicker
-          v-model:value="year"
-          picker="year"
-          :disabled-date="disabledDate"
-          @change="getList"
-        />
-        <Button type="primary" class="ml-2" @click="getList">查询</Button>
-        <!-- <Button type="link" class="ml-2" @click="downloadAllReport">
-          下载 {{ year.year() }} 年全部天医币报表
-        </Button> -->
-      </div>
-      <div class="h-2 bg-gray-100"></div>
-      <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"
-        >
-          <Empty />
-        </div>
-        <div v-else class="grid max-h-full grid-cols-3 gap-3 overflow-auto px-1">
-          <Card v-for="(item, index) in list" :key="index" :title="`${index + 1} 月`" size="small">
-            <!-- <template #extra>
-              <Button type="link" @click="downloadReport(index)">下载报表</Button>
-            </template> -->
-            <div class="-m-2 text-[16px]">
-              <div class="flex">
-                <div class="flex-1 bg-[#F6FFF5] px-2 pb-1">
-                  <div class="p-1 text-center font-bold">收入</div>
-                  <div v-for="(fee, type) in item.incomes" :key="type" class="p-1">
-                    <span class="text-gray-500">{{ type }}：</span>
-                    <span class="text-black">{{ fee }}</span>
-                  </div>
-                </div>
-                <div class="flex-1 bg-[#FFFBF0] px-2 pb-1">
-                  <div class="p-1 text-center font-bold">摊销</div>
-                  <div class="p-1">
-                    <span class="text-gray-500">已摊销：</span>
-                    <span class="text-black">{{ item.already }}</span>
-                  </div>
-                  <div class="p-1">
-                    <span class="text-gray-500">月摊销：</span>
-                    <span class="text-black">{{ item.now }}</span>
-                  </div>
-                  <div class="p-1">
-                    <span class="text-gray-500">剩余摊销：</span>
-                    <span class="text-black">{{ item.notyet }}</span>
-                  </div>
-                </div>
-              </div>
+  <MonthReportView
+    :year="year"
+    :disabled-date="disabledDate"
+    :loading="loading"
+    :list="list"
+    :download-all="downloadAllReport"
+    :download-month="downloadReport"
+    @update:year="onUpdateYear"
+    @query="getList"
+  >
+    <template #default="{ item }">
+      <div class="-m-2 text-[16px]">
+        <div class="flex">
+          <div class="flex-1 bg-[#F6FFF5] px-2 pb-1">
+            <div class="p-1 text-center font-bold">收入</div>
+            <div v-for="(fee, type) in item.incomes" :key="type" class="p-1">
+              <span class="text-gray-500">{{ type }}：</span>
+              <span class="text-black">{{ fee }}</span>
            </div>
-          </Card>
+          </div>
+          <div class="flex-1 bg-[#FFFBF0] px-2 pb-1">
+            <div class="p-1 text-center font-bold">摊销</div>
+            <div class="p-1">
+              <span class="text-gray-500">已摊销：</span>
+              <span class="text-black">{{ item.already }}</span>
+            </div>
+            <div class="p-1">
+              <span class="text-gray-500">月摊销：</span>
+              <span class="text-black">{{ item.now }}</span>
+            </div>
+            <div class="p-1">
+              <span class="text-gray-500">剩余摊销：</span>
+              <span class="text-black">{{ item.notyet }}</span>
+            </div>
+          </div>
        </div>
      </div>
-    </Loading>
-  </Page>
+    </template>
+  </MonthReportView>
 </template>
-<style scoped lang="scss">
-:deep(.ant-card-head-title) {
-  font-size: 16px !important;
-}
-</style>
+<style scoped lang="scss"></style>
--- a/packages/@core/base/shared/src/utils/download.ts
+++ b/packages/@core/base/shared/src/utils/download.ts
@@ -55,10 +55,7 @@ export function downloadFileFromBase64({ fileName, source }: DownloadOptions) {
 /**
 * 通过图片 URL 下载图片文件
 */
-export async function downloadFileFromImageUrl({
-  fileName,
-  source,
-}: DownloadOptions) {
+export async function downloadFileFromImageUrl({ fileName, source }: DownloadOptions) {
  const base64 = await urlToBase64(source);
  downloadFileFromBase64({ fileName, source: base64 });
 }
@@ -87,9 +84,7 @@ export function downloadFileFromBlobPart({
 }: DownloadOptions<BlobPart>): void {
  // 如果 data 不是 Blob，则转换为 Blob
  const blob =
-    source instanceof Blob
-      ? source
-      : new Blob([source], { type: 'application/octet-stream' });
+    source instanceof Blob ? source : new Blob([source], { type: 'application/octet-stream' });

  // 创建对象 URL 并触发下载
  const url = URL.createObjectURL(blob);
--- a/packages/@core/base/typings/src/basic.d.ts
+++ b/packages/@core/base/typings/src/basic.d.ts
@@ -27,11 +27,15 @@ interface BasicUserInfo {
  /**
   * 用户角色
   */
-  role?: string;
+  roles?: string[];
  /**
   * 用户状态
   */
  state?: string;
+  /**
+   * 首页路径
+   */
+  homePath?: string;
 }

 type ClassType = Array<object | string> | object | string;
--- a/packages/effects/request/src/request-client/modules/downloader.ts
+++ b/packages/effects/request/src/request-client/modules/downloader.ts
@@ -22,13 +22,10 @@ class FileDownloader {
   * @param config 配置信息，可选。
   * @returns 如果config.responseReturn为'body'，则返回Blob(默认)，否则返回RequestResponse<Blob>
   */
-  public async download<T = Blob>(
-    url: string,
-    config?: DownloadRequestConfig,
-  ): Promise<T> {
+  public async download<T = Blob>(url: string, config?: DownloadRequestConfig): Promise<T> {
    const finalConfig: DownloadRequestConfig = {
      responseReturn: 'body',
-      method: 'GET',
+      method: 'post',
      ...config,
      responseType: 'blob',
    };
--- a/packages/stores/src/modules/user.ts
+++ b/packages/stores/src/modules/user.ts
@@ -10,7 +10,7 @@ interface AccessState {
  /**
   * 用户角色
   */
-  userRoles: string;
+  userRoles: string[];
 }

 /**
@@ -22,12 +22,12 @@ export const useUserStore = defineStore('core-user', {
      // 设置用户信息
      this.userInfo = userInfo;
      // 设置角色信息
-      const roles = userInfo?.role ?? '';
+      const roles = userInfo?.roles ?? [];
      // 存储信息到本地
      localStorage.setItem('userInfo', JSON.stringify(userInfo));
      this.setUserRoles(roles);
    },
-    setUserRoles(roles: string) {
+    setUserRoles(roles: string[]) {
      this.userRoles = roles;
    },
  },
Author	SHA1	Message	Date
chenghuan	1468891bf5	fix(api): 为默认请求客户端设置无超时限制避免因网络延迟导致请求意外中断，将默认请求客户端的超时时间设置为0	2026-02-03 10:09:36 +08:00
chenghuan	5c2c5b92dd	feat(报表): 扩展天医币报表收入项显示点数和金额修改收入项数据结构，支持同时显示金额和点数调整前端布局和显示格式，当点数与金额不同时显示点数信息	2026-01-27 14:34:35 +08:00
chenghuan	4b9f79192f	fix(财务): 修复天易币订单查询表单和接口参数问题为手机号字段添加默认空值，避免未填写时传undefined 在查询接口中添加source和type参数的默认空值处理	2026-01-27 14:34:22 +08:00
chenghuan	5c39bd4113	feat(报表): 重构报表模块并添加下载功能 Some checks failed Close stale issues / stale (push) Has been cancelled Details Lock Threads / action (push) Has been cancelled Details Issue Close Require / close-issues (push) Has been cancelled Details CodeQL / Analyze (javascript-typescript) (push) Has been cancelled Details 重构各报表页面，提取公共逻辑到useMonthReport和MonthReportView组件添加报表下载功能，支持单月下载和全年下载统一各报表的API调用方式和数据处理逻辑优化代码结构，减少重复代码	2026-01-22 18:29:53 +08:00
chenghuan	be5078ae0d	chore(auth): 解决ts 类型检查报错	2026-01-22 14:38:19 +08:00