|  |  |  | 
|---|
|  |  |  | <UserAvatar :size="60" class="mine-avatar" /> | 
|---|
|  |  |  | <div class="user-info" v-if="isLogin"> | 
|---|
|  |  |  | <div class="user-info-item"> | 
|---|
|  |  |  | <div class="user-info-item-name">{{ userDetail?.userName ?? '123' }}</div> | 
|---|
|  |  |  | <div class="user-info-item-gender"> | 
|---|
|  |  |  | <img v-if="1" :src="IconMale" class="user-info-item-gender-icon" /> | 
|---|
|  |  |  | <img v-else :src="IconFemale" class="user-info-item-gender-icon" /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="user-info-item-position">管理员</div> | 
|---|
|  |  |  | <div class="user-info-item-name">{{ userDetail?.name ?? '' }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="user-info-item"> | 
|---|
|  |  |  | <template v-if="isCertified"> | 
|---|
|  |  |  | <div class="user-info-certified-text"> | 
|---|
|  |  |  | {{ userDetail?.enterpriseName ?? '' }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="user-info-certified-btn">已认证</div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <!-- <template v-else> | 
|---|
|  |  |  | <div class="user-info-unCertified-text">未认证</div> | 
|---|
|  |  |  | <div class="user-info-unCertified-btn" @click.stop="goAuthentication"> | 
|---|
|  |  |  | 立即认证 | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <template v-else> | 
|---|
|  |  |  | <div class="user-info-certified-text"> | 
|---|
|  |  |  | {{ userDetail?.customerName ?? '123' }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="user-info-certified-btn">已认证</div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </template> --> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="mine-go-login" v-else>去登录</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <!-- <div class="mine-business-card"> | 
|---|
|  |  |  | <div class="mine-business-card-item"> | 
|---|
|  |  |  | <div class="mine-business-card" v-if="isLogin"> | 
|---|
|  |  |  | <div class="mine-business-card-item" @click="goBusinessCard"> | 
|---|
|  |  |  | <img class="mine-business-card-item-icon" :src="IconBusinessCard" alt="" /> | 
|---|
|  |  |  | <div class="mine-business-card-item-text">我的电子名片</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="mine-business-card-btn"> | 
|---|
|  |  |  | <nut-button type="info">递名片</nut-button> | 
|---|
|  |  |  | <nut-button type="info" @click="goBusinessCard">递名片</nut-button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> --> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </UserHomeTopView> | 
|---|
|  |  |  | <div class="mine-content-record"> | 
|---|
|  |  |  | <div class="mine-content-record-item"> | 
|---|
|  |  |  | <img class="mine-content-record-item-icon" :src="IconCollect" alt="" /> | 
|---|
|  |  |  | <nut-badge top="0" right="0" :value="8" color="#FF7D00"> | 
|---|
|  |  |  | <div class="mine-content-record-item-text">我的收藏</div> | 
|---|
|  |  |  | </nut-badge> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="mine-content-record-item"> | 
|---|
|  |  |  | <img class="mine-content-record-item-icon" :src="IconRecord" alt="" /> | 
|---|
|  |  |  | <nut-badge top="0" right="0" :value="8" color="#FF7D00"> | 
|---|
|  |  |  | <div class="mine-content-record-item-text">联系记录</div> | 
|---|
|  |  |  | </nut-badge> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <Cell :title="'更多服务'" class="mine-content-service"> | 
|---|
|  |  |  | <div class="mine-content-service-list"> | 
|---|
|  |  |  | <div class="mine-content-service--list-item"> | 
|---|
|  |  |  | <img class="mine-content-service--list-item-icon" :src="IconFinance" alt="" /> | 
|---|
|  |  |  | <div class="mine-content-service--list-item-text">财务管理</div> | 
|---|
|  |  |  | <template v-if="isLogin"> | 
|---|
|  |  |  | <div class="mine-content-record"> | 
|---|
|  |  |  | <div class="mine-content-record-item" @click="goMineFavorites"> | 
|---|
|  |  |  | <img class="mine-content-record-item-icon" :src="IconCollect" alt="" /> | 
|---|
|  |  |  | <nut-badge | 
|---|
|  |  |  | top="0" | 
|---|
|  |  |  | right="0" | 
|---|
|  |  |  | :value="userDetail?.collectedUserCount ?? 0" | 
|---|
|  |  |  | color="#FF7D00" | 
|---|
|  |  |  | hidden | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div class="mine-content-record-item-text">我的收藏</div> | 
|---|
|  |  |  | </nut-badge> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="mine-content-service--list-item"> | 
|---|
|  |  |  | <img class="mine-content-service--list-item-icon" :src="IconRealName" alt="" /> | 
|---|
|  |  |  | <div class="mine-content-service--list-item-text">企业实名</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="mine-content-service--list-item" @click="goSetting"> | 
|---|
|  |  |  | <img class="mine-content-service--list-item-icon" :src="IconSetting" alt="" /> | 
|---|
|  |  |  | <div class="mine-content-service--list-item-text">设置</div> | 
|---|
|  |  |  | <div class="mine-content-record-item" @click="goMineContactRecord"> | 
|---|
|  |  |  | <img class="mine-content-record-item-icon" :src="IconRecord" alt="" /> | 
|---|
|  |  |  | <nut-badge | 
|---|
|  |  |  | top="0" | 
|---|
|  |  |  | right="0" | 
|---|
|  |  |  | :value="userDetail?.contactedRecordCount ?? 0" | 
|---|
|  |  |  | color="#FF7D00" | 
|---|
|  |  |  | hidden | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div class="mine-content-record-item-text">联系记录</div> | 
|---|
|  |  |  | </nut-badge> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </Cell> | 
|---|
|  |  |  | <nut-button type="info" class="mine-content-logout" @click="handleLoginout" | 
|---|
|  |  |  | >退出登录</nut-button | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <Cell :title="'更多服务'" class="mine-content-service"> | 
|---|
|  |  |  | <div class="mine-content-service-list"> | 
|---|
|  |  |  | <TaskDetailWelfareItem | 
|---|
|  |  |  | :icon="IconFinance" | 
|---|
|  |  |  | text="财务管理" | 
|---|
|  |  |  | @click="goFinance" | 
|---|
|  |  |  | ></TaskDetailWelfareItem> | 
|---|
|  |  |  | <!-- <TaskDetailWelfareItem | 
|---|
|  |  |  | :icon="IconRealName" | 
|---|
|  |  |  | text="企业实名" | 
|---|
|  |  |  | @click.stop="goAuthentication" | 
|---|
|  |  |  | ></TaskDetailWelfareItem> --> | 
|---|
|  |  |  | <TaskDetailWelfareItem | 
|---|
|  |  |  | :icon="IconSetting" | 
|---|
|  |  |  | text="设置" | 
|---|
|  |  |  | @click="goSetting" | 
|---|
|  |  |  | ></TaskDetailWelfareItem> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </Cell> | 
|---|
|  |  |  | <nut-button type="info" class="mine-content-logout" @click="handleLoginout" | 
|---|
|  |  |  | >退出登录</nut-button | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </ContentView> | 
|---|
|  |  |  | </PageLayoutWithBg> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | import { Message } from '@12333/utils'; | 
|---|
|  |  |  | import { useUserStore } from '@/stores/modules/user'; | 
|---|
|  |  |  | import { useQueryClient } from '@tanstack/vue-query'; | 
|---|
|  |  |  | import { TaskDetailWelfareItem } from '@12333/components'; | 
|---|
|  |  |  | import { EnumUserGender } from '@12333/constants'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const userStore = useUserStore(); | 
|---|
|  |  |  | const queryClient = useQueryClient(); | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | Taro.useShareAppMessage((res) => { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | title: `${userDetail.value?.contacter}名片`, | 
|---|
|  |  |  | title: `${userDetail.value?.name}名片`, | 
|---|
|  |  |  | // path: `${RouterPath.userHomePage}?userId=${userDetail.value?.userId}`, | 
|---|
|  |  |  | imageUrl: userDetail.value?.avatarUrl, | 
|---|
|  |  |  | imageUrl: userDetail.value?.avatar, | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function goAuthentication() { | 
|---|
|  |  |  | goPage(RouterPath.authenticationHome); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | function goMineFavorites() { | 
|---|
|  |  |  | goPage(RouterPath.mineFavorites); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | function goMineContactRecord() { | 
|---|
|  |  |  | goPage(RouterPath.mineContactRecord); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function goBusinessCard() { | 
|---|
|  |  |  | goPage(RouterPath.businessCard); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function goFinance() { | 
|---|
|  |  |  | goPage(RouterPath.mineFinanceManage); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | async function handleLoginout() { | 
|---|
|  |  |  | 
|---|
|  |  |  | message: '确定要退出登录吗?', | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | userStore.logoutAndToHome(); | 
|---|
|  |  |  | queryClient.removeQueries(); | 
|---|
|  |  |  | queryClient.removeQueries({ | 
|---|
|  |  |  | predicate: (query) => !query.queryKey.includes('userResumeServices/getOpenUserResumes'), | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } catch (error) {} | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|