|  |  | 
 |  |  |         :addressName="item.addressName" | 
 |  |  |         :serviceFee="item.serviceFee" | 
 |  |  |         :userCount="item.userCount" | 
 |  |  |         :status="item.status" | 
 |  |  |         :unit="BillingMethodEnumUnit[item.billingMethod]" | 
 |  |  |         :releaseStatus="item.releaseStatus" | 
 |  |  |         @edit="goEdit(item)" | 
 |  |  |         @copy="goEdit(item, true)" | 
 |  |  |         @detail="goDetail(item)" | 
 |  |  |         @click="goDetail(item)" | 
 |  |  |         @publish="handleChangeStatus(item, EnumTaskReleaseStatus.InProcess)" | 
 |  |  |         @stop="handleChangeStatus(item, EnumTaskReleaseStatus.Stopped)" | 
 |  |  |         @delete="handleDelete(item)" | 
 |  |  | 
 |  |  | import { JobApplicationCard, ProTabs, ProTabPane } from '@12333/components'; | 
 |  |  | import { RouterPath } from '@/constants'; | 
 |  |  | import { EnumTaskReleaseStatus, BillingMethodEnumUnit } from '@12333/constants'; | 
 |  |  | import * as flexWorkerServices from '@12333/services/api/FlexWorker'; | 
 |  |  | import Taro from '@tarojs/taro'; | 
 |  |  | import { Message } from '@12333/utils'; | 
 |  |  | import * as taskServices from '@12333/services/apiV2/task'; | 
 |  |  | import { useTaskList } from '@12333/hooks'; | 
 |  |  |  | 
 |  |  | defineOptions({ | 
 |  |  |   name: 'InnerPage', | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const { queryMenuState, infiniteLoadingProps, invalidateQueries } = useTaskList(); | 
 |  |  | const { queryMenuState, infiniteLoadingProps, invalidateQueries } = useTaskList({ | 
 |  |  |   defaultQueryMenuState: { | 
 |  |  |     releaseStatus: EnumTaskReleaseStatus.InProcess, | 
 |  |  |   }, | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const releaseing = computed(() => { | 
 |  |  |   return infiniteLoadingProps.value?.listData?.pages?.[0]?.objectData?.releaseing ?? 0; | 
 |  |  |   return infiniteLoadingProps.value?.listData?.pages?.[0]?.objectData?.inProcessReleaseCount ?? 0; | 
 |  |  | }); | 
 |  |  | const stoping = computed(() => { | 
 |  |  |   return infiniteLoadingProps.value?.listData?.pages?.[0]?.objectData?.stoping ?? 0; | 
 |  |  |   return infiniteLoadingProps.value?.listData?.pages?.[0]?.objectData?.stoppedReleaseCount ?? 0; | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | async function handleChangeStatus( | 
 |  |  | 
 |  |  |  | 
 |  |  | function goEdit(item: API.GetTaskInfosQueryResultItem, isCopy = false) { | 
 |  |  |   Taro.navigateTo({ | 
 |  |  |     url: `${RouterPath.publishTask}?taskId=${item.id}&isCopy=${isCopy}`, | 
 |  |  |     url: `${RouterPath.publishTask}?id=${item.id}&isCopy=${isCopy}`, | 
 |  |  |   }); | 
 |  |  | } | 
 |  |  | function goDetail(item: API.GetTaskInfosQueryResultItem) { | 
 |  |  |   Taro.navigateTo({ | 
 |  |  |     url: `${RouterPath.jobApplicationDetail}?taskId=${item.id}`, | 
 |  |  |     url: `${RouterPath.jobApplicationDetail}?id=${item.id}`, | 
 |  |  |   }); | 
 |  |  | } | 
 |  |  | </script> |