release: @12333/bMiniApp v1.1.10

wupengfei

8 天以前 7b8ce5a14d50c0a617f1ab23e87bb1c7a06225a3

 apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/flexJobDetail.vue

@@ -1,7 +1,31 @@
<template>
  <PageLayoutWithBg class="flexJobDetail-page-wrapper" title="灵工详情" :need-auth="false">
    <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch">
      <JobDetailContent :isCollapse="isCollapse">
      <JobDetailContent
        :avatar="userResumeInfo.avatar"
        :name="userResumeInfo.name"
        :age="userResumeInfo.age"
        :isReal="userResumeInfo.isReal"
        :gender="userResumeInfo.gender"
        :personalIdentityContent="userResumeInfo.personalIdentityContent"
        :educationalBackgroundContent="userResumeInfo.educationalBackgroundContent"
        :taskCount="userResumeInfo.taskCount"
        :contactPhoneNumber="userResumeInfo.contactPhoneNumber"
        :identity="userResumeInfo.identity"
        :isCollapse="isCollapse"
        :userExpectJobs="userResumeInfo.userExpectJobs"
        :freeTime="userResumeInfo.freeTime"
        :jobSeekingStatus="userResumeInfo.jobSeekingStatus"
        :userCredentials="userResumeInfo.userCredentials"
        :workSeniority="userResumeInfo.workSeniority"
        :workExperience="userResumeInfo.workExperience"
        :photos="userResumeInfo.photos"
        :height="userResumeInfo.height"
        :weight="userResumeInfo.weight"
        :shoeSize="userResumeInfo.shoeSize"
        :videos="userResumeInfo.videos"
        :taskInfoUsers="userResumeInfo.taskInfoUsers"
      >
        <template #footer>
          <PageFooterAction
            :icon="IconShare"
@@ -10,11 +34,12 @@
            openType="share"
          ></PageFooterAction>
          <PageFooterAction
            :icon="IconAttentionActive"
            :icon="userResumeInfo.isCollected ? IconAttentionActive : IconAttention"
            text="收藏"
            :isFlex="false"
            @click="handleAttention"
          ></PageFooterAction>
          <PageFooterBtn type="primary" @click="toggle">立即联系</PageFooterBtn>
          <PageFooterBtn type="primary" @click="handleContact">立即联系</PageFooterBtn>
        </template>
      </JobDetailContent>
    </LoadingLayout>
@@ -24,40 +49,51 @@
<script setup lang="ts">
import Taro from '@tarojs/taro';
import { useQuery } from '@tanstack/vue-query';
import * as orderServices from '@12333/services/api/Order';
import * as userResumeServices from '@12333/services/apiV2/userResume';
import IconShare from '@/assets/flexJob/icon-share.png';
import IconAttention from '@/assets/flexJob/icon-attention-lg.png';
import IconAttentionActive from '@/assets/flexJob/icon-attention-lg-active.png';
import { useToggle } from 'senin-mini/hooks';
import { Message } from '@12333/utils';
import { useUserResume } from '@12333/hooks';
import { useAccessLogin } from '@/hooks';

defineOptions({
  name: 'flexJobDetail',
});

const router = Taro.useRouter();
const taskId = router.params?.id ?? '';
const userId = router.params?.userId ?? '';

const {
  isLoading,
  isError,
  data: detail,
  refetch,
} = useQuery({
  queryKey: ['orderServices/getOrdeForDetail', taskId],
  queryFn: async () => {
    return await orderServices.getOrdeForDetail(
      { id: taskId },
      {
        showLoading: false,
      }
    );
  },
  placeholderData: () => ({} as API.OrderInfoDto),
const { isLoading, isError, userResumeInfo, refetch } = useUserResume({
  userId: userId,
});

const { isCollapse, toggle } = useToggle();
</script>

<style lang="scss">
@import '@/styles/common.scss';
</style>
const handleContact = useAccessLogin(async () => {
  try {
    if (!isCollapse.value) {
      await userResumeServices.contactUserResume({ id: userId });
      toggle();
    } else {
      Taro.makePhoneCall({
        phoneNumber: userResumeInfo.value.contactPhoneNumber,
      });
    }
  } catch (error) {}
});

async function handleAttention() {
  try {
    let params: API.CollectUserResumeCommand = {
      id: userId,
      isCollected: !userResumeInfo.value.isCollected,
    };
    let res = await userResumeServices.collectUserResume(params);
    if (res) {
      refetch({ type: 'inactive' });
    }
  } catch (error) {}
}
</script>