<template> 
 | 
  <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch"> 
 | 
    <BusinessCardDetailInfoView> </BusinessCardDetailInfoView> 
 | 
    <PageFooter> 
 | 
      <PageFooterBtn type="primary" class="business-card-btn">收下名片</PageFooterBtn> 
 | 
      <PageFooterBtn type="primary" class="business-card-btn">删除名片</PageFooterBtn> 
 | 
      <PageFooterBtn type="primary" class="business-card-btn">转发名片</PageFooterBtn> 
 | 
    </PageFooter> 
 | 
  </LoadingLayout> 
 | 
</template> 
 | 
  
 | 
<script setup lang="ts"> 
 | 
import { useQuery } from '@tanstack/vue-query'; 
 | 
import Taro from '@tarojs/taro'; 
 | 
import * as flexWorkerServices from '@12333/services/api/FlexWorker'; 
 | 
import BusinessCardDetailInfoView from '../components/BusinessCardDetailInfoView.vue'; 
 | 
  
 | 
defineOptions({ 
 | 
  name: 'InnerPage', 
 | 
}); 
 | 
  
 | 
const router = Taro.useRouter(); 
 | 
  
 | 
const id = router.params?.id; 
 | 
  
 | 
const { 
 | 
  isLoading, 
 | 
  isError, 
 | 
  data: detail, 
 | 
  refetch, 
 | 
} = useQuery({ 
 | 
  queryKey: ['flexWorkerServices/getFlexTaskDto', id], 
 | 
  queryFn: async () => { 
 | 
    return await flexWorkerServices.getFlexTaskDto( 
 | 
      { id: id }, 
 | 
      { 
 | 
        showLoading: false, 
 | 
      } 
 | 
    ); 
 | 
  }, 
 | 
  placeholderData: () => ({} as API.GetFlexTaskDtoOutput), 
 | 
  onSuccess(data) {}, 
 | 
}); 
 | 
</script> 
 | 
  
 | 
<style lang="scss"> 
 | 
@import '@/styles/common.scss'; 
 | 
</style> 
 |