flexJobMiniApp.git

			@@ -1,6 +1,6 @@
			<template>
			<ProTabs
			v-model="queryState.status"
			v-model="queryMenuState.status"
			name="task-tab"
			:showPaneContent="false"
			class="task-tabs"
			@@ -8,19 +8,41 @@
			title-gutter="8"
			title-scroll
			>
			<ProTabPane :title="`待安排(10)`" :pane-key="10"></ProTabPane>
			<ProTabPane :title="`已安排(11)`" :pane-key="20"></ProTabPane>
			<ProTabPane :title="`待安排(${waitAssignCount})`" :pane-key="EnumTaskStatus.Wait"></ProTabPane>
			<ProTabPane
			:title="`已安排(${completedAssignCount})`"
			:pane-key="EnumTaskStatus.Complete"
			></ProTabPane>
			</ProTabs>
			<InfiniteLoading
			scrollViewClassName="common-infinite-scroll-list"
			v-bind="infiniteLoadingProps"
			:key="queryState.status"
			:key="queryMenuState.status"
			>
			<template #renderItem="{ item }">
			<JobApplicationCard @click="goSubmitTaskDetail(item)" mode="taskManage">
			<JobApplicationCard
			:name="item.name"
			:beginTime="item.beginTime"
			:endTime="item.endTime"
			:addressName="item.addressName"
			:createdTime="item.createdTime"
			:serviceFee="item.serviceFee"
			:unit="BillingMethodEnumUnit[item.billingMethod]"
			@click="goSubmitTaskDetail(item)"
			mode="taskManage"
			>
			<template #footer-actions>
			<!-- <nut-button type="primary">人员安排</nut-button> -->
			<nut-button type="primary" :color="Colors.Info" class="dark-btn">详情</nut-button>
			<nut-button
			v-if="item.status === EnumTaskStatus.Complete"
			type="primary"
			:color="Colors.Info"
			class="dark-btn"
			@click.stop="goBatchTaskList(item, 'detail')"
			>详情</nut-button
			>
			<nut-button type="primary" v-else @click.stop="goBatchTaskList(item, 'arrange')"
			>人员安排</nut-button
			>
			</template>
			</JobApplicationCard>
			</template>
			@@ -30,40 +52,35 @@
			<script setup lang="ts">
			import { JobApplicationCard, ProTabs, ProTabPane } from '@12333/components';
			import Taro from '@tarojs/taro';
			import { useInfiniteLoading } from '@12333/hooks';
			import { OrderInputType, Colors } from '@12333/constants';
			import * as flexWorkerServices from '@12333/services/api/FlexWorker';
			import { EnumTaskStatus, BillingMethodEnumUnit, Colors } from '@12333/constants';
			import { useTaskList } from '@12333/hooks';

			defineOptions({
			name: 'InnerPage',
			});

			const queryState = reactive({
			status: 10,
			const { queryMenuState, infiniteLoadingProps } = useTaskList({
			defaultQueryMenuState: {
			status: EnumTaskStatus.Wait,
			},
			});

			const { infiniteLoadingProps } = useInfiniteLoading(
			({ pageParam }) => {
			let params: API.GetFlexTaskListInput = {
			pageModel: {
			rows: 20,
			page: pageParam,
			orderInput: [{ property: 'lastShelfTime', order: OrderInputType.Desc }],
			},
			};
			const completedAssignCount = computed(() => {
			return infiniteLoadingProps.value?.listData?.pages?.[0]?.objectData?.completedAssignCount ?? 0;
			});
			const waitAssignCount = computed(() => {
			return infiniteLoadingProps.value?.listData?.pages?.[0]?.objectData?.waitAssignCount ?? 0;
			});

			return flexWorkerServices.getFlexTaskByArrange(params, {
			showLoading: false,
			});
			},
			{
			queryKey: ['flexWorkerServices/getFlexTaskByArrange', queryState],
			}
			);

			function goSubmitTaskDetail(item: API.GetFlexTaskListOutput) {
			function goSubmitTaskDetail(item: API.GetTaskInfosQueryResultItem) {
			Taro.navigateTo({
			url: `${RouterPath.batchTaskList}?id=${item.id}`,
			url: `${RouterPath.flexJobDetail}?taskId=${item.id}`,
			});
			}

			function goBatchTaskList(item: API.GetTaskInfosQueryResultItem, status: string) {
			Taro.navigateTo({
			url: `${RouterPath.batchTaskList}?taskId=${item.id}&detail=${status}`,
			});
			}
			</script>