|  |  | 
 |  |  | <template> | 
 |  |  |   <ContentScrollView style="background-color: transparent"> | 
 |  |  |     <MyTaskCard :showMyTaskArrow="false"></MyTaskCard> | 
 |  |  |     <MyTaskCard | 
 |  |  |       :name="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.taskInfo?.name ?? ''" | 
 |  |  |       :addressName=" | 
 |  |  |         infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.taskInfo?.addressName ?? '' | 
 |  |  |       " | 
 |  |  |       :beginTime="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.taskInfo?.beginTime" | 
 |  |  |       :endTime="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.taskInfo?.endTime" | 
 |  |  |       :showMyTaskArrow="false" | 
 |  |  |     ></MyTaskCard> | 
 |  |  |     <div class="taskCheckFileCard-status-title">验收照片</div> | 
 |  |  |     <InfiniteLoading | 
 |  |  |       scrollViewClassName="common-infinite-scroll-list task-list" | 
 |  |  | 
 |  |  |       <template #renderItem="{ item }"> | 
 |  |  |         <TaskCheckFileCard | 
 |  |  |           :created-time="item?.createdTime" | 
 |  |  |           :files="item?.files" | 
 |  |  |           :checkReceiveStatus="item?.checkReceiveStatus" | 
 |  |  |           :files="item?.files?.map((x) => setOSSLink(x))" | 
 |  |  |         ></TaskCheckFileCard> | 
 |  |  |       </template> | 
 |  |  |     </InfiniteLoading> | 
 |  |  |   </ContentScrollView> | 
 |  |  |   <!-- <div class="taskCheckDetail-tips-wrapper"> | 
 |  |  |   <!-- <div class="taskCheckDetail-tips-wrapper" v-if="!isBindBankCard"> | 
 |  |  |     <div class="taskCheckDetail-tips-text">您尚未绑定银行卡,暂时无法结算服务费</div> | 
 |  |  |     <div class="taskCheckDetail-tips-btn">立即绑定银行卡信息</div> | 
 |  |  |     <div class="taskCheckDetail-tips-btn" @click="goBindBankCard">立即绑定银行卡信息</div> | 
 |  |  |   </div> --> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  | import { MyTaskCard, TaskCheckFileCard } from '@12333/components'; | 
 |  |  | import Taro from '@tarojs/taro'; | 
 |  |  | import { useCheckReceiveTaskUserSubmits } from '@12333/hooks'; | 
 |  |  | import { setOSSLink } from '@12333/utils'; | 
 |  |  |  | 
 |  |  | defineOptions({ | 
 |  |  |   name: 'InnerPage', | 
 |  |  | 
 |  |  | const id = route.params?.id as string; | 
 |  |  |  | 
 |  |  | const { infiniteLoadingProps } = useCheckReceiveTaskUserSubmits({ id: id }); | 
 |  |  |  | 
 |  |  | const isBindBankCard = computed( | 
 |  |  |   () => | 
 |  |  |     infiniteLoadingProps.value?.listData?.pages?.[0]?.objectData?.enterpriseEmployeeUser | 
 |  |  |       ?.isBindBankCard | 
 |  |  | ); | 
 |  |  |  | 
 |  |  | function goBindBankCard() { | 
 |  |  |   Taro.navigateTo({ | 
 |  |  |     url: `${RouterPath.unboundBankCard}`, | 
 |  |  |   }); | 
 |  |  | } | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style lang="scss"> | 
 |  |  | 
 |  |  |     margin-bottom: 16px; | 
 |  |  |     color: boleGetCssVar('text-color', 'primary'); | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |   .taskCheckDetail-tips-wrapper { | 
 |  |  |     text-align: center; | 
 |  |  |     font-size: 24px; | 
 |  |  |     line-height: 32px; | 
 |  |  |  | 
 |  |  |     .taskCheckDetail-tips-text { | 
 |  |  |       color: boleGetCssVar('text-color', 'secondary'); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     .taskCheckDetail-tips-btn { | 
 |  |  |       color: boleGetCssVar('color', 'primary'); | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | </style> |