| | |
| | | <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-name">{{ userDetail?.name ?? '' }}</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" /> |
| | | <img |
| | | v-if="userDetail?.gender === EnumUserGender.Male" |
| | | :src="IconMale" |
| | | class="user-info-item-gender-icon" |
| | | /> |
| | | <img |
| | | v-else-if="userDetail?.gender === EnumUserGender.Female" |
| | | :src="IconFemale" |
| | | class="user-info-item-gender-icon" |
| | | /> |
| | | </div> |
| | | <div class="user-info-item-position">管理员</div> |
| | | <div class="user-info-item-position">{{ (userDetail?.roles ?? []).join(',') }}</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> |
| | | </div> |
| | | </div> |
| | | <div class="mine-go-login" v-else>去登录</div> |
| | | </div> |
| | | </template> |
| | | <div class="mine-business-card"> |
| | | <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> |
| | | </UserHomeTopView> |
| | |
| | | <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="8" color="#FF7D00"> |
| | | <nut-badge top="0" right="0" :value="8" color="#FF7D00" hidden> |
| | | <div class="mine-content-record-item-text">我的收藏</div> |
| | | </nut-badge> |
| | | </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="8" color="#FF7D00"> |
| | | <nut-badge top="0" right="0" :value="8" color="#FF7D00" hidden> |
| | | <div class="mine-content-record-item-text">联系记录</div> |
| | | </nut-badge> |
| | | </div> |
| | | </div> |
| | | <Cell :title="'更多服务'" class="mine-content-service"> |
| | | <div class="mine-content-service-list"> |
| | | <TaskDetailWelfareItem :icon="IconFinance" text="财务管理"></TaskDetailWelfareItem> |
| | | <TaskDetailWelfareItem :icon="IconRealName" text="企业实名"></TaskDetailWelfareItem> |
| | | <TaskDetailWelfareItem |
| | | :icon="IconFinance" |
| | | text="财务管理" |
| | | @click="goFinance" |
| | | ></TaskDetailWelfareItem> |
| | | <TaskDetailWelfareItem |
| | | :icon="IconRealName" |
| | | text="企业实名" |
| | | @click.stop="goAuthentication" |
| | | ></TaskDetailWelfareItem> |
| | | <TaskDetailWelfareItem |
| | | :icon="IconSetting" |
| | | text="设置" |
| | |
| | | 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, |
| | | }; |
| | | }); |
| | | |
| | |
| | | goPage(RouterPath.businessCard); |
| | | } |
| | | |
| | | function goFinance() { |
| | | goPage(RouterPath.mineFinanceManage); |
| | | } |
| | | |
| | | async function handleLoginout() { |
| | | try { |
| | | await Message.confirm({ |