| | |
| | | <img :src="OssAssets.mine.Bg" class="mine-page-bg" :style="{ height: `${bgHeight}px` }" /> |
| | | </template> |
| | | <ContentView> |
| | | <UserHomeTopView :showUserHomePageBtn="isLogin" :showOperation="isLogin"> |
| | | <UserHomeTopView :showOperation="isLogin"> |
| | | <template #avatar> |
| | | <div class="mine-avatar-wrapper" @click="goLogin"> |
| | | <UserAvatar :size="52" class="mine-avatar" /> |
| | |
| | | {{ EnumUserRealMethodText[userDetail?.realMethod] |
| | | }}{{ EnumPersonalUserRealStatusText[userDetail?.realStatus] }} |
| | | </div> |
| | | <div |
| | | class="user-info-unCertified-btn" |
| | | @click.stop="goAuthentication" |
| | | v-if=" |
| | | userDetail?.realStatus === EnumPersonalUserRealStatus.UnReal || |
| | | userDetail?.realStatus === EnumPersonalUserRealStatus.Fail |
| | | " |
| | | > |
| | | 立即认证 |
| | | </div> |
| | | </div> |
| | | <!-- <div class="user-info-unCertified" v-else> |
| | | <img :src="IconAuth" class="user-info-unCertified-icon" /> |
| | |
| | | </UserHomeTopView> |
| | | </ContentView> |
| | | <ContentScrollView v-if="isLogin" class="mine-content-scroll-view"> |
| | | <List class="mine-list-wrapper mine-balance"> |
| | | <div class="mine-balance-content"> |
| | | <div class="mine-balance-content-item"> |
| | | <div class="mine-balance-content-item-title">我的收益</div> |
| | | <div class="mine-balance-content-item-money income"> |
| | | ¥{{ toThousand(userDetail?.incomeCount ?? 0) }} |
| | | </div> |
| | | </div> |
| | | <div class="mine-balance-content-item"> |
| | | <div class="mine-balance-content-item-title">待结算</div> |
| | | <div class="mine-balance-content-item-money settlement"> |
| | | ¥{{ toThousand(userDetail?.waitSettlement ?? 0) }} |
| | | </div> |
| | | </div> |
| | | <div class="mine-balance-content-item"> |
| | | <div class="mine-balance-content-item-title">已发放</div> |
| | | <div class="mine-balance-content-item-money withdraw"> |
| | | ¥{{ toThousand(userDetail?.releaseedCount ?? 0) }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="mine-balance-btn" @click="goMineWallet"> |
| | | 进入我的钱包 |
| | | <img :src="IconArrow" class="mine-balance-btn-icon" /> |
| | | </div> |
| | | </List> |
| | | <List class="mine-list-wrapper mine-order-list"> |
| | | <div class="mine-order-list-title"> |
| | | <div class="mine-order-list-title-text">我的订单</div> |
| | | <img :src="IconArrow" class="mine-order-list-title-icon" /> |
| | | </div> |
| | | <div class="mine-order-list-content"> |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.taskCount > 0" |
| | | @click="goMineSign" |
| | | > |
| | | <img :src="IconOrderSign" class="mine-order-list-icon" /> |
| | | <div class="mine-order-list-text">已报名</div> |
| | | </nut-badge> |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.hirePassTaskCount > 0" |
| | | @click="goMineHired" |
| | | > |
| | | <img :src="IconOrderHire" class="mine-order-list-icon" /> |
| | | <div class="mine-order-list-text">已录用</div> |
| | | </nut-badge> |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :dot="userDetail?.arrangeCompleteTaskCount > 0" |
| | | @click="goMineHire" |
| | | > |
| | | <img :src="IconOrderHire" class="mine-order-list-icon" /> |
| | | <div class="mine-order-list-text">已安排</div> |
| | | </nut-badge> |
| | | |
| | | <!-- <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :value="userDetail?.hirePassTaskCount ?? 0" |
| | | @click="goMineHire" |
| | | > |
| | | <img :src="IconOrderHire" class="mine-order-list-icon" /> |
| | | <div class="mine-order-list-text">已安排</div> |
| | | </nut-badge> |
| | | <nut-badge |
| | | class="mine-order-list-item" |
| | | top="8" |
| | | :value="userDetail?.hireRefuseTaskCount ?? 0" |
| | | @click="goMineCancel" |
| | | > |
| | | <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="goMineCollectTask"></ListItem> |
| | | <ListItem :icon="IconAgreement" title="协议签约" @click="goMineAgreementSign"></ListItem> |
| | | <ListItem |
| | | :icon="IconCollect" |
| | | v-if=" |
| | | userDetail?.realStatus === EnumPersonalUserRealStatus.UnReal || |
| | | userDetail?.realStatus === EnumPersonalUserRealStatus.Fail |
| | | " |
| | | title="实名认证" |
| | | @click="goAuthentication" |
| | | ></ListItem> |
| | | <ListItem :icon="IconCollect" title="我的简历" @click="goMineCurriculumVitae"></ListItem> |
| | | <ListItem :icon="IconSetting" title="设置" @click="goSetting"></ListItem> |
| | | <!-- <ListItem :icon="IconRecruit" title="我要招人/用人" @click="goSetting"></ListItem> --> |
| | | </List> |
| | |
| | | function goMineWallet() { |
| | | goPage(RouterPath.mineWallet); |
| | | } |
| | | |
| | | function goMineCurriculumVitae() { |
| | | goPage(RouterPath.mineCurriculumVitae); |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss"> |