| | |
| | | <div class="mine-avatar-wrapper" @click="goLogin"> |
| | | <UserAvatar :size="52" class="mine-avatar" /> |
| | | <div class="user-info" v-if="isLogin"> |
| | | <div class="user-info-item">{{ userDetail?.name ?? '' }}</div> |
| | | <div class="user-info-item">{{ displayName }}</div> |
| | | </div> |
| | | <div class="mine-go-login" v-else>去登录</div> |
| | | </div> |
| | |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.taskCount > 0" |
| | | :dot="false" |
| | | @click="goMineReserveService" |
| | | > |
| | | <img :src="IconOrderSign" class="mine-order-list-icon" /> |
| | |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.hirePassTaskCount > 0" |
| | | :dot="false" |
| | | @click="goMineReserveService" |
| | | > |
| | | <img :src="IconOrderHire" class="mine-order-list-icon" /> |
| | |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.arrangeCompleteTaskCount > 0" |
| | | :dot="false" |
| | | @click="goMineReserveService" |
| | | > |
| | | <img :src="IconOrderHire" class="mine-order-list-icon" /> |
| | |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.arrangeCompleteTaskCount > 0" |
| | | :dot="false" |
| | | @click="goMineReserveService" |
| | | > |
| | | <img :src="IconOrderHire" class="mine-order-list-icon" /> |
| | | <img :src="IconOrderCancel" class="mine-order-list-icon" /> |
| | | <div class="mine-order-list-text">已取消</div> |
| | | </nut-badge> |
| | | </div> |
| | | </List> |
| | | <List class="mine-list-wrapper mine-setting-list"> |
| | | <ListItem :icon="IconCollect" title="订单管理" @click="goMineOrderManage"></ListItem> |
| | | <ListItem :icon="IconAgreement" title="订单管理" @click="goMineOrderManage"></ListItem> |
| | | <ListItem :icon="IconCollect" title="收藏夹" @click="goMineCollectTask"></ListItem> |
| | | <ListItem :icon="IconAgreement" title="升级企业版" @click="goCompanyInfo"></ListItem> |
| | | <ListItem |
| | | :icon="IconRecruit" |
| | | v-if="!userDetail.enterpriseIsReal" |
| | | title="升级企业版" |
| | | @click="goCompanyInfo" |
| | | ></ListItem> |
| | | <ListItem :icon="IconSetting" title="设置" @click="goSetting"></ListItem> |
| | | <!-- <ListItem :icon="IconRecruit" title="我要招人/用人" @click="goSetting"></ListItem> --> |
| | | </List> |
| | |
| | | import IconOrderSign from '@/assets/mine/icon-order-sign.png'; |
| | | import IconOrderHire from '@/assets/mine/icon-order-hire.png'; |
| | | import IconOrderCancel from '@/assets/mine/icon-order-cancel.png'; |
| | | import IconAuth from '@/assets/mine/icon-auth.png'; |
| | | import { useUser, useIsLogin, useGoLogin } from '@/hooks'; |
| | | import Taro from '@tarojs/taro'; |
| | | import { RouterPath, OssAssets } from '@/constants'; |
| | | import { EnumPersonalUserRealStatus } from '@12333/constants'; |
| | | import { List, ListItem, CustomerServiceButton } from '@12333/components'; |
| | | import { useSystemStore } from '@/stores/modules/system'; |
| | | import PageLayoutWithBg from '@/components/Layout/PageLayoutWithBg.vue'; |
| | | import { toThousand } from '@12333/utils'; |
| | | import { useIntervalFn } from 'senin-mini/hooks'; |
| | | import { useQuery } from '@tanstack/vue-query'; |
| | | |
| | | const { userDetail, isCertified, updateUserInfo } = useUser(); |
| | | const { userDetail, updateUserInfo, displayName } = useUser(); |
| | | const isLogin = useIsLogin(); |
| | | const systemStore = useSystemStore(); |
| | | const { goLoginFn } = useGoLogin(); |
| | | const bgHeight = computed(() => 133 + systemStore.navHeight); |
| | | |
| | | useQuery({ |
| | | queryKey: ['updateUserInfo'], |
| | | queryFn: () => {}, |
| | | enabled: computed( |
| | | () => isLogin.value && userDetail.value?.realStatus === EnumPersonalUserRealStatus.Checking |
| | | ), |
| | | refetchInterval: 5000, |
| | | }); |
| | | |
| | | Taro.useDidShow(() => { |
| | | if (isLogin.value) { |
| | | updateUserInfo(); |