<template> 
 | 
  <ContentScrollView :paddingH="false"> 
 | 
    <List v-if="detail?.length > 0"> 
 | 
      <ListItem 
 | 
        v-for="item in detail" 
 | 
        :key="item.id" 
 | 
        :title="item.typeContent" 
 | 
        @click="handleAdOrEdit(item.id)" 
 | 
      > 
 | 
      </ListItem> 
 | 
    </List> 
 | 
  </ContentScrollView> 
 | 
  <PageFooter> 
 | 
    <PageFooterBtn type="primary" @click="handleAdOrEdit()">添加证书</PageFooterBtn> 
 | 
  </PageFooter> 
 | 
</template> 
 | 
  
 | 
<script setup lang="ts"> 
 | 
import { List, ListItem } from '@12333/components'; 
 | 
import Taro from '@tarojs/taro'; 
 | 
import { RouterPath } from '@/constants'; 
 | 
import * as userResumeServices from '@12333/services/apiV2/userResume'; 
 | 
import { useQuery } from '@tanstack/vue-query'; 
 | 
  
 | 
defineOptions({ 
 | 
  name: 'InnerPage', 
 | 
}); 
 | 
  
 | 
const { 
 | 
  isLoading, 
 | 
  isError, 
 | 
  data: detail, 
 | 
  refetch, 
 | 
} = useQuery({ 
 | 
  queryKey: ['userResumeServices/getUserResumeCredentials'], 
 | 
  queryFn: async () => { 
 | 
    return await userResumeServices.getUserResumeCredentials( 
 | 
      {}, 
 | 
      { 
 | 
        showLoading: false, 
 | 
      } 
 | 
    ); 
 | 
  }, 
 | 
  placeholderData: () => [] as API.GetUserResumeCredentialsQueryResultItem[], 
 | 
}); 
 | 
  
 | 
function handleAdOrEdit(id?: string) { 
 | 
  Taro.navigateTo({ 
 | 
    url: `${RouterPath.mineCertificateAddOrEdit}?id=${id ?? ''}`, 
 | 
  }); 
 | 
} 
 | 
</script> 
 | 
  
 | 
<style lang="scss"> 
 | 
@import '@/styles/common.scss'; 
 | 
</style> 
 |