| <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> |