diff --git a/src/api/reports/types.ts b/src/api/reports/types.ts index 6a813fe..150473a 100644 --- a/src/api/reports/types.ts +++ b/src/api/reports/types.ts @@ -35,8 +35,10 @@ export interface FinanceReportVO { /** 财务报表查询参数 */ export interface ReportQueryParams { - /** 查询日期 yyyy-MM */ - date: string; + /** 起始月份 yyyy-MM */ + beginDate: string; + /** 结束月份 yyyy-MM */ + endDate: string; } export interface ApiResult { diff --git a/src/pages/finance/reports/index.module.less b/src/pages/finance/reports/index.module.less index c7590e9..b84d36d 100644 --- a/src/pages/finance/reports/index.module.less +++ b/src/pages/finance/reports/index.module.less @@ -22,6 +22,12 @@ gap: 6px; } + .dateRangeSelector { + display: flex; + align-items: center; + gap: 12px; + } + .reportTitle { font-size: 20px; font-weight: 600; diff --git a/src/pages/finance/reports/index.tsx b/src/pages/finance/reports/index.tsx index b50e5c2..9cbd18c 100644 --- a/src/pages/finance/reports/index.tsx +++ b/src/pages/finance/reports/index.tsx @@ -1,5 +1,5 @@ import { defineComponent, ref, nextTick } from 'vue'; -import { DatePicker, Table } from 'ant-design-vue'; +import { DatePicker, Select, Table } from 'ant-design-vue'; import * as echarts from 'echarts'; import { useReportsModel } from './model/useReportsModel'; import { useEffect, useContainerSize } from '@/hooks'; @@ -15,12 +15,15 @@ export default defineComponent({ setup() { const { dateRange, + preset, handleDateRangeChange, + handlePresetChange, summary, chartData, detailColumns, detailData, formatMoney, + PRESET_OPTIONS, } = useReportsModel(); // ===== echarts 组合图 ===== @@ -194,13 +197,23 @@ export default defineComponent({ 平台资金流水概览,包括收入、退款、提现、用户余额等核心财务指标 - +
+ +