| | |
| | | </div> |
| | | <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps"> |
| | | <template #renderItem="{ item }"> |
| | | <FlexJobCard :showFooterLeft="false"> |
| | | <FlexJobCard |
| | | :name="item.name" |
| | | :genderType="item.genderType" |
| | | :age="item.age" |
| | | :educationalLevel="item.educationalLevel" |
| | | :arrangeCount="item.arrangeCount" |
| | | :showFooterLeft="false" |
| | | > |
| | | <template #footerRight> |
| | | <nut-button type="primary">安排</nut-button> |
| | | <nut-button type="primary" @click="handleArrange(item)">安排</nut-button> |
| | | <!-- <div class="batch-task-card-status">已安排</div> --> |
| | | </template> |
| | | </FlexJobCard> |
| | |
| | | import { OrderInputType } from '@12333/constants'; |
| | | import * as flexWorkerServices from '@12333/services/api/FlexWorker'; |
| | | import _ from 'lodash'; |
| | | import { trim } from '@12333/utils'; |
| | | import { Message, trim } from '@12333/utils'; |
| | | import { FlexJobCard } from '@12333/components'; |
| | | |
| | | defineOptions({ |
| | |
| | | }); |
| | | |
| | | const searchValue = ref(''); |
| | | |
| | | const router = Taro.useRouter(); |
| | | const taskId = router.params?.taskId ?? ''; |
| | | const queryState = reactive({ |
| | | searchValueTrim: '', |
| | | }); |
| | |
| | | queryState.searchValueTrim = trim(searchValue.value); |
| | | }, 300); |
| | | |
| | | const { infiniteLoadingProps } = useInfiniteLoading( |
| | | const { infiniteLoadingProps, invalidateQueries } = useInfiniteLoading( |
| | | ({ pageParam }) => { |
| | | let params: API.GetFlexTaskListInput = { |
| | | let params: API.GetFlexTaskWorkerArrangeListInput = { |
| | | searchKeys: queryState.searchValueTrim, |
| | | flexTaskId: taskId, |
| | | pageModel: { |
| | | rows: 20, |
| | | page: pageParam, |
| | |
| | | }, |
| | | }; |
| | | |
| | | return flexWorkerServices.getFlexTaskByArrange(params, { |
| | | return flexWorkerServices.getFlexTaskWorkerArrangeList(params, { |
| | | showLoading: false, |
| | | }); |
| | | }, |
| | | { |
| | | queryKey: ['flexWorkerServices/getFlexTaskByArrange', queryState], |
| | | queryKey: ['flexWorkerServices/getFlexTaskWorkerArrangeList', queryState], |
| | | } |
| | | ); |
| | | |
| | | async function handleArrange(item: API.GetNewestWorkerListOutput) { |
| | | try { |
| | | let params: API.TaskWorkerArrangeInput = { |
| | | flexTaskId: taskId, |
| | | flexWorkerId: item.userId, |
| | | arrange: true, |
| | | }; |
| | | let res = await flexWorkerServices.taskWorkerArrange(params); |
| | | if (res) { |
| | | Message.success('已安排'); |
| | | invalidateQueries(); |
| | | } |
| | | } catch (error) {} |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss"> |