import { useInfiniteLoading } from '@12333/hooks';
|
import {
|
EnumPagedListOrder,
|
EnumSettlementCycle,
|
EnumTaskCheckReceiveStatus,
|
EnumTaskRecommendStatus,
|
EnumTaskReleaseStatus,
|
EnumTaskStatus,
|
EnumUserGender,
|
} from '@12333/constants';
|
import _ from 'lodash';
|
import { trim } from '@12333/utils';
|
import { MaybeRef, reactive, ref, unref } from 'vue';
|
import * as taskServices from '@12333/services/apiV2/task';
|
import dayjs from 'dayjs';
|
import * as taskCheckReceiveServices from '@12333/services/apiV2/taskCheckReceive';
|
|
export enum HomeOrderType {
|
Recommend = 'Recommend',
|
LastShelfTime = 'LastShelfTime',
|
}
|
|
type UseTaskListOptions = {
|
cityCode?: MaybeRef<string>;
|
enabled?: MaybeRef<boolean>;
|
|
defaultQueryMenuState?: {
|
releaseStatus?: EnumTaskReleaseStatus;
|
status?: EnumTaskStatus;
|
genderLimit?: EnumUserGender;
|
settlementCycle?: EnumSettlementCycle;
|
checkReceiveStatus?: EnumTaskCheckReceiveStatus;
|
benefitCodes?: string;
|
enterpriseId?: string;
|
time?: Date;
|
};
|
};
|
|
/**
|
* @description 仅C端使用
|
*/
|
export function useTaskList(options: UseTaskListOptions = {}) {
|
const { cityCode = '', enabled = true, defaultQueryMenuState = {} } = options;
|
|
const searchValue = ref('');
|
|
const queryMenuState = reactive({
|
genderLimit: '' as any as EnumUserGender,
|
settlementCycle: '' as any as EnumSettlementCycle,
|
benefitCodes: '',
|
status: '' as any as EnumTaskStatus,
|
releaseStatus: '' as any as EnumTaskReleaseStatus,
|
checkReceiveStatus: '' as any as EnumTaskCheckReceiveStatus,
|
enterpriseId: '',
|
time: '' as any as Date,
|
...defaultQueryMenuState,
|
});
|
|
const queryState = reactive({
|
searchValueTrim: '',
|
orderType: HomeOrderType.Recommend,
|
});
|
|
const handleSearch = _.debounce(function () {
|
queryState.searchValueTrim = trim(searchValue.value);
|
}, 300);
|
|
const { infiniteLoadingProps, invalidateQueries } = useInfiniteLoading(
|
({ pageParam }) => {
|
let params: API.GetTaskInfosQuery = {
|
pageModel: {
|
rows: 20,
|
page: pageParam,
|
orderInput: [
|
queryState.orderType === HomeOrderType.Recommend
|
? { property: 'recommendStatus', order: EnumPagedListOrder.Desc }
|
: { property: 'createdTime', order: EnumPagedListOrder.Desc },
|
],
|
},
|
keywords: queryState.searchValueTrim,
|
cityCode: unref(cityCode),
|
settlementCycle: queryMenuState.settlementCycle,
|
benefitCodes: [queryMenuState.benefitCodes].filter(Boolean),
|
genderLimit: queryMenuState.genderLimit,
|
status: queryMenuState.status,
|
releaseStatus: queryMenuState.releaseStatus,
|
checkReceiveStatus: queryMenuState.checkReceiveStatus,
|
enterpriseId: queryMenuState.enterpriseId,
|
beginTime: queryMenuState.time
|
? dayjs(queryMenuState.time).format('YYYY-MM-DD 00:00:00')
|
: '',
|
endTime: queryMenuState.time
|
? dayjs(queryMenuState.time).format('YYYY-MM-DD 23:59:59')
|
: '',
|
};
|
|
return taskServices.getOpenTaskInfos(params, {
|
showLoading: false,
|
});
|
},
|
{
|
queryKey: ['taskServices/getOpenTaskInfos', queryState, queryMenuState, cityCode],
|
enabled: enabled,
|
}
|
);
|
|
return {
|
searchValue,
|
queryState,
|
queryMenuState,
|
handleSearch,
|
infiniteLoadingProps,
|
invalidateQueries,
|
};
|
}
|
|
export function useCheckReceiveTasks() {
|
const queryState = reactive({
|
date: dayjs().toDate(),
|
checkReceiveStatus: EnumTaskCheckReceiveStatus.WaitSubmit,
|
});
|
|
const { infiniteLoadingProps } = useInfiniteLoading(
|
({ pageParam }) => {
|
let params: API.GetCheckReceiveTasksQuery = {
|
pageModel: {
|
rows: 20,
|
page: pageParam,
|
},
|
date: dayjs(queryState.date).format('YYYY-MM-DD'),
|
checkReceiveStatus: queryState.checkReceiveStatus,
|
};
|
|
return taskCheckReceiveServices.getCheckReceiveTasks(params, {
|
showLoading: false,
|
});
|
},
|
{
|
queryKey: ['taskCheckReceiveServices/getCheckReceiveTasks', queryState],
|
}
|
);
|
|
return {
|
queryState,
|
infiniteLoadingProps,
|
};
|
}
|
