|  |  |  | 
|---|
|  |  |  | :service-fee="item.serviceFee" | 
|---|
|  |  |  | :settlement-cycle="item.settlementCycle" | 
|---|
|  |  |  | :address-name="item.addressName" | 
|---|
|  |  |  | @click="goTaskDetail(item)" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <template #actions> | 
|---|
|  |  |  | <div class="task-card-actions-text">{{ '已取消' }}</div> | 
|---|
|  |  |  | 
|---|
|  |  |  | import { useInfiniteLoading } from '@12333/hooks'; | 
|---|
|  |  |  | import { EnumPagedListOrder } from '@12333/constants'; | 
|---|
|  |  |  | import * as taskServices from '@12333/services/apiV2/task'; | 
|---|
|  |  |  | import Taro from '@tarojs/taro'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'InnerPage', | 
|---|
|  |  |  | 
|---|
|  |  |  | queryKey: ['taskServices/getPersonalCancelTaskInfos'], | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function goTaskDetail(item: API.GetPersonalHireTaskInfosQueryResultItem) { | 
|---|
|  |  |  | Taro.navigateTo({ | 
|---|
|  |  |  | url: `${RouterPath.taskDetail}?id=${item.id}&from=cancel`, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style lang="scss"> | 
|---|