| | |
| | | <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> |
| | |
| | | <List class="mine-list-wrapper mine-order-list"> |
| | | <div class="mine-order-list-title"> |
| | | <div class="mine-order-list-title-text">我的预约</div> |
| | | <div class="mine-order-list-title-arrow-wrapper" @click="goMineReserveService"> |
| | | <div class="mine-order-list-title-arrow-wrapper" @click="goMineReserveService()"> |
| | | <div class="mine-order-list-title-sub-text">全部预约</div> |
| | | <img :src="IconArrow" class="mine-order-list-title-icon" /> |
| | | </div> |
| | |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.taskCount > 0" |
| | | @click="goMineReserveService" |
| | | :dot="false" |
| | | @click="goMineReserveService(EnumStandardOrderAppointmentStatus.WaitSure)" |
| | | > |
| | | <img :src="IconOrderSign" class="mine-order-list-icon" /> |
| | | <div class="mine-order-list-text">待确认</div> |
| | |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.hirePassTaskCount > 0" |
| | | @click="goMineReserveService" |
| | | :dot="false" |
| | | @click="goMineReserveService(EnumStandardOrderAppointmentStatus.WaitServe)" |
| | | > |
| | | <img :src="IconOrderHire" class="mine-order-list-icon" /> |
| | | <div class="mine-order-list-text">待服务</div> |
| | |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.arrangeCompleteTaskCount > 0" |
| | | @click="goMineReserveService" |
| | | :dot="false" |
| | | @click="goMineReserveService(EnumStandardOrderAppointmentStatus.Completed)" |
| | | > |
| | | <img :src="IconOrderHire" class="mine-order-list-icon" /> |
| | | <div class="mine-order-list-text">已完成</div> |
| | |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.arrangeCompleteTaskCount > 0" |
| | | @click="goMineReserveService" |
| | | :dot="false" |
| | | @click="goMineReserveService(EnumStandardOrderAppointmentStatus.Cancelled)" |
| | | > |
| | | <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'; |
| | | import { EnumStandardOrderAppointmentStatus } from '@12333/constants'; |
| | | |
| | | 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(); |
| | |
| | | goPage(RouterPath.mineCollectTask); |
| | | } |
| | | |
| | | function goMineReserveService() { |
| | | goPage(RouterPath.mineReserveService); |
| | | function goMineReserveService(status: EnumStandardOrderAppointmentStatus = 0 as any) { |
| | | goPage(`${RouterPath.mineReserveService}?status=${status}`); |
| | | } |
| | | |
| | | function goMineOrderManage() { |