zhengyiming
3 天以前 afb9410b3794275c180cdd66e3ca54fd32888d33
apps/bMiniApp/src/pages/mine/index.vue
@@ -17,74 +17,87 @@
            <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-item">
        <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> -->
        </div>
      </UserHomeTopView>
      <div class="mine-content-record">
        <div class="mine-content-record-item">
          <img class="mine-content-record-item-icon" :src="IconCollect" alt="" />
          <nut-badge top="0" right="0" :value="8" color="#FF7D00">
            <div class="mine-content-record-item-text">我的收藏</div>
          </nut-badge>
        </div>
        <div class="mine-content-record-item">
          <img class="mine-content-record-item-icon" :src="IconRecord" alt="" />
          <nut-badge top="0" right="0" :value="8" color="#FF7D00">
            <div class="mine-content-record-item-text">联系记录</div>
          </nut-badge>
        </div>
      </div>
      <Cell :title="'更多服务'" class="mine-content-service">
        <div class="mine-content-service-list">
          <div class="mine-content-service--list-item">
            <img class="mine-content-service--list-item-icon" :src="IconFinance" alt="" />
            <div class="mine-content-service--list-item-text">财务管理</div>
      <template v-if="isLogin">
        <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" hidden>
              <div class="mine-content-record-item-text">我的收藏</div>
            </nut-badge>
          </div>
          <div class="mine-content-service--list-item">
            <img class="mine-content-service--list-item-icon" :src="IconRealName" alt="" />
            <div class="mine-content-service--list-item-text">企业实名</div>
          </div>
          <div class="mine-content-service--list-item" @click="goSetting">
            <img class="mine-content-service--list-item-icon" :src="IconSetting" alt="" />
            <div class="mine-content-service--list-item-text">设置</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" hidden>
              <div class="mine-content-record-item-text">联系记录</div>
            </nut-badge>
          </div>
        </div>
      </Cell>
      <nut-button type="info" class="mine-content-logout" @click="handleLoginout"
        >退出登录</nut-button
      >
        <Cell :title="'更多服务'" class="mine-content-service">
          <div class="mine-content-service-list">
            <TaskDetailWelfareItem
              :icon="IconFinance"
              text="财务管理"
              @click="goFinance"
            ></TaskDetailWelfareItem>
            <TaskDetailWelfareItem
              :icon="IconRealName"
              text="企业实名"
              @click.stop="goAuthentication"
            ></TaskDetailWelfareItem>
            <TaskDetailWelfareItem
              :icon="IconSetting"
              text="设置"
              @click="goSetting"
            ></TaskDetailWelfareItem>
          </div>
        </Cell>
        <nut-button type="info" class="mine-content-logout" @click="handleLoginout"
          >退出登录</nut-button
        >
      </template>
    </ContentView>
  </PageLayoutWithBg>
</template>
@@ -106,6 +119,8 @@
import { Message } from '@12333/utils';
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();
@@ -138,15 +153,29 @@
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,
  };
});
function goAuthentication() {
  goPage(RouterPath.authenticationHome);
}
function goMineFavorites() {
  goPage(RouterPath.mineFavorites);
}
function goMineContactRecord() {
  goPage(RouterPath.mineContactRecord);
}
function goBusinessCard() {
  goPage(RouterPath.businessCard);
}
function goFinance() {
  goPage(RouterPath.mineFinanceManage);
}
async function handleLoginout() {
  try {