diff --git a/apps/web-antd/src/views/crm/statistics/performance/data.ts b/apps/web-antd/src/views/crm/statistics/performance/data.ts index 93a15aefd..d3966c926 100644 --- a/apps/web-antd/src/views/crm/statistics/performance/data.ts +++ b/apps/web-antd/src/views/crm/statistics/performance/data.ts @@ -1,11 +1,10 @@ import type { VbenFormSchema } from '#/adapter/form'; import { useUserStore } from '@vben/stores'; -import { beginOfDay, endOfDay, formatDateTime, handleTree } from '@vben/utils'; +import { handleTree } from '@vben/utils'; import { getSimpleDeptList } from '#/api/system/dept'; import { getSimpleUserList } from '#/api/system/user'; -import { getRangePickerDefaultProps } from '#/utils'; const userStore = useUserStore(); @@ -28,21 +27,15 @@ export const customerSummaryTabs = [ export function useGridFormSchema(): VbenFormSchema[] { return [ { - fieldName: 'times', - label: '时间范围', - component: 'RangePicker', - // TODO @AI:这里有问题,只选择年份 + fieldName: 'time', + label: '选择年份', + component: 'DatePicker', componentProps: { - ...getRangePickerDefaultProps(), - presets: {}, picker: 'year', - showTime: false, format: 'YYYY', + valueFormat: 'YYYY', }, - defaultValue: [ - formatDateTime(beginOfDay(new Date(new Date().getFullYear(), 0, 1))), - formatDateTime(endOfDay(new Date(new Date().getFullYear(), 11, 31))), - ], + defaultValue: new Date().getFullYear().toString(), }, { fieldName: 'deptId', diff --git a/apps/web-antd/src/views/crm/statistics/performance/index.vue b/apps/web-antd/src/views/crm/statistics/performance/index.vue index dbbf0bf32..0e029aec1 100644 --- a/apps/web-antd/src/views/crm/statistics/performance/index.vue +++ b/apps/web-antd/src/views/crm/statistics/performance/index.vue @@ -8,6 +8,7 @@ import { onMounted, ref } from 'vue'; import { ContentWrap, Page } from '@vben/common-ui'; import { EchartsUI, useEcharts } from '@vben/plugins/echarts'; +import { beginOfDay, endOfDay, formatDateTime } from '@vben/utils'; import { Tabs } from 'ant-design-vue'; @@ -68,6 +69,11 @@ const [Grid, gridApi] = useVbenVxeGrid({ async function handleTabChange(key: any) { activeTabName.value = key; const queryParams = (await formApi.getValues()) as any; + // 将年份转换为年初和年末的日期时间 + const selectYear = Number.parseInt(queryParams.time); + queryParams.times = []; + queryParams.times[0] = formatDateTime(beginOfDay(new Date(selectYear, 0, 1))); + queryParams.times[1] = formatDateTime(endOfDay(new Date(selectYear, 11, 31))); let data: any[] = []; const columnsData: any[] = []; let tableData: any[] = []; diff --git a/apps/web-ele/src/views/crm/statistics/performance/data.ts b/apps/web-ele/src/views/crm/statistics/performance/data.ts index 78eaa7c29..42516fb82 100644 --- a/apps/web-ele/src/views/crm/statistics/performance/data.ts +++ b/apps/web-ele/src/views/crm/statistics/performance/data.ts @@ -1,11 +1,10 @@ import type { VbenFormSchema } from '#/adapter/form'; import { useUserStore } from '@vben/stores'; -import { beginOfDay, endOfDay, formatDate, handleTree } from '@vben/utils'; +import { handleTree } from '@vben/utils'; import { getSimpleDeptList } from '#/api/system/dept'; import { getSimpleUserList } from '#/api/system/user'; -import { getRangePickerDefaultProps } from '#/utils'; const userStore = useUserStore(); @@ -28,26 +27,15 @@ export const customerSummaryTabs = [ export function useGridFormSchema(): VbenFormSchema[] { return [ { - fieldName: 'times', - label: '时间范围', - component: 'RangePicker', + fieldName: 'time', + label: '选择年份', + component: 'DatePicker', componentProps: { - ...getRangePickerDefaultProps(), - shortcuts: [], - // TODO @AI:这里有问题,只选择年份 type: 'year', format: 'YYYY', + valueFormat: 'YYYY', }, - defaultValue: [ - formatDate( - beginOfDay(new Date(new Date().getFullYear(), 0, 1)), - 'YYYY-MM-DD HH:mm:ss', - ), - formatDate( - endOfDay(new Date(new Date().getFullYear(), 11, 31)), - 'YYYY-MM-DD HH:mm:ss', - ), - ], + defaultValue: new Date().getFullYear().toString(), }, { fieldName: 'deptId', diff --git a/apps/web-ele/src/views/crm/statistics/performance/index.vue b/apps/web-ele/src/views/crm/statistics/performance/index.vue index e6434b7ae..8271ed776 100644 --- a/apps/web-ele/src/views/crm/statistics/performance/index.vue +++ b/apps/web-ele/src/views/crm/statistics/performance/index.vue @@ -8,6 +8,7 @@ import { onMounted, ref } from 'vue'; import { ContentWrap, Page } from '@vben/common-ui'; import { EchartsUI, useEcharts } from '@vben/plugins/echarts'; +import { beginOfDay, endOfDay, formatDate } from '@vben/utils'; import { ElTabPane, ElTabs } from 'element-plus'; @@ -68,6 +69,17 @@ const [Grid, gridApi] = useVbenVxeGrid({ async function handleTabChange(key: any) { activeTabName.value = key; const queryParams = (await formApi.getValues()) as any; + // 将年份转换为年初和年末的日期时间 + const selectYear = Number.parseInt(queryParams.time); + queryParams.times = []; + queryParams.times[0] = formatDate( + beginOfDay(new Date(selectYear, 0, 1)), + 'YYYY-MM-DD HH:mm:ss', + ); + queryParams.times[1] = formatDate( + endOfDay(new Date(selectYear, 11, 31)), + 'YYYY-MM-DD HH:mm:ss', + ); let data: any[] = []; const columnsData: any[] = []; let tableData: any[] = [];