feat: mine

wupengfei

2025-02-13 d864edfd4d033ad01d053cf7ac585fa1efd07fe5

 apps/cMiniApp/src/pages/mine/index.vue

@@ -1,5 +1,5 @@
<template>
  <PageLayoutWithBg class="mine-page-wrapper" :need-auth="false">
  <PageLayoutWithBg class="mine-page-wrapper" title="我的" :need-auth="false">
    <template #navigationBar>
      <TransparentNavigationBar
        title="个人中心"
@@ -21,9 +21,11 @@
                <div class="user-info-auth-item">
                  <div class="user-info-unCertified" v-if="isCertified">
                    <div class="user-info-unCertified-text">未实名</div>
                    <div class="user-info-unCertified-btn">立即实名</div>
                    <div class="user-info-unCertified-btn" @click.stop="goAuthentication">
                      立即实名
                    </div>
                  </div>
                  <div class="user-info-unCertified" v-else @click.stop="goAuthentication">
                  <div class="user-info-unCertified" v-else>
                    <img :src="IconAuth" class="user-info-unCertified-icon" />
                    <div class="user-info-unCertified-text">已实名</div>
                  </div>
@@ -31,9 +33,11 @@
                <div class="user-info-auth-item">
                  <div class="user-info-unCertified" v-if="!isCertified">
                    <div class="user-info-unCertified-text">未认证</div>
                    <div class="user-info-unCertified-btn">立即认证</div>
                    <div class="user-info-unCertified-btn" @click.stop="goAuthentication">
                      立即认证
                    </div>
                  </div>
                  <div class="user-info-unCertified" v-else @click.stop="goAuthentication">
                  <div class="user-info-unCertified" v-else>
                    <img :src="IconAuth" class="user-info-unCertified-icon" />
                    <div class="user-info-unCertified-text">已认证</div>
                  </div>
@@ -46,39 +50,39 @@
      </UserHomeTopView>
    </ContentView>
    <ContentScrollView v-if="isLogin" class="mine-content-scroll-view">
      <List class="mine-list-wrapper mine-balance">
      <!-- <List class="mine-list-wrapper mine-balance">
        <div class="mine-balance-title">我的余额</div>
        <div class="mine-balance-money">￥{{ toThousand(100) }}</div>
        <div class="mine-balance-btn">
          进入我的钱包
          <img :src="IconArrow" class="mine-balance-btn-icon" />
        </div>
      </List>
      </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" :value="8">
          <nut-badge class="mine-order-list-item" top="8" :value="8" @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" :value="8">
          <nut-badge class="mine-order-list-item" top="8" :value="8" @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" :value="8">
          <nut-badge class="mine-order-list-item" top="8" :value="8" @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="IconSetting" title="我收藏的任务" @click="goSetting"></ListItem>
        <ListItem :icon="IconSetting" title="协议签约" @click="goSetting"></ListItem>
        <ListItem :icon="IconCollect" title="我收藏的任务" @click="goMineCollectTask"></ListItem>
        <ListItem :icon="IconAgreement" title="协议签约" @click="goMineAgreementSign"></ListItem>
        <ListItem :icon="IconSetting" title="设置" @click="goSetting"></ListItem>
        <ListItem :icon="IconSetting" title="我要招人/用人" @click="goSetting"></ListItem>
        <ListItem :icon="IconRecruit" title="我要招人/用人" @click="goSetting"></ListItem>
      </List>
    </ContentScrollView>
  </PageLayoutWithBg>
@@ -88,6 +92,9 @@
import { TransparentNavigationBar, ContentScrollView, UserHomeTopView } from '@/components';
import IconArrow from '@/assets/setting/icon-arrow.png';
import IconSetting from '@/assets/mine/icon-setting.png';
import IconCollect from '@/assets/mine/icon-collect.png';
import IconAgreement from '@/assets/mine/icon-agreement.png';
import IconRecruit from '@/assets/mine/icon-recruit.png';
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';
@@ -120,7 +127,7 @@
}

function goSetting() {
  // goPage(RouterPath.setting);
  goPage(RouterPath.setting);
}

Taro.showShareMenu({
@@ -138,6 +145,21 @@
function goAuthentication() {
  goPage(RouterPath.authenticationHome);
}
function goMineSign() {
  goPage(RouterPath.mineSign);
}
function goMineHire() {
  goPage(RouterPath.mineHire);
}
function goMineCancel() {
  goPage(RouterPath.mineCancel);
}
function goMineCollectTask() {
  goPage(RouterPath.mineCollectTask);
}
function goMineAgreementSign() {
  goPage(RouterPath.mineAgreementSign);
}
</script>

<style lang="scss">
@@ -147,4 +169,11 @@
.mine-setting-badge {
  margin-right: 20px;
}

.mine-setting-list {
  .pro-list-item-icon {
    width: 48px;
    height: 48px;
  }
}
</style>