fix: s

zhengyiming

5 天以前 fbb9fdb5b11cd5ecd3ff19f41738bbd3b0afb82c

 apps/cMiniApp/src/subpackages/task/taskDetail/InnerPage.vue

@@ -1,7 +1,7 @@
<template>
  <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch">
    <ContentScrollView style="background-color: transparent">
      <Cell :title="detail?.name ?? ''" titleSize="large">
      <TaskDetailView :detail="detail">
        <template #title-right>
          <img
            v-if="from === 'apply'"
@@ -23,92 +23,32 @@
          </div>
          <div v-if="from === 'cancel'" :style="{ color: '#999999' }">已取消</div>
        </template>
        <div class="taskDetail-time">
          {{ dayjs(detail?.beginTime).format('YYYY年MM月DD日') }} 至
          {{ dayjs(detail?.endTime).format('YYYY年MM月DD日') }}
        </div>
        <div class="task-card-welfare-wrapper">
          <div class="task-card-welfare-list">
            <div class="task-card-welfare-list-item">
              {{ EnumSettlementCycleText[detail.settlementCycle] }}
            </div>
            <!-- <div class="task-card-welfare-list-item">
              {{ TaskUtils.getGenderText(detail.genderLimit) }}
            </div> -->
          </div>
          <TaskPrice
            v-if="detail.releaseStatus !== EnumTaskReleaseStatus.Stopped"
            :value="toThousand(detail.serviceFee ?? 0)"
            :unit="BillingMethodEnumUnit[detail.billingMethod]"
          />
        </div>
        <div class="taskDetail-address-wrapper" @click="goMap">
          <div class="taskDetail-address-title-wrapper">
            <img :src="IconLocaltion" class="taskDetail-address-title-icon" />
            <div class="taskDetail-address-title">{{ detail?.addressName ?? '' }}</div>
          </div>
          <div class="taskDetail-address-info-wrapper">
            <div class="taskDetail-address-info">{{ detail?.addressDetail ?? '' }}</div>
            <RectRight :size="8" class="taskDetail-address-info-icon" />
          </div>
        </div>
      </Cell>
      <Cell :show-title="false">
        <CellChunk title="福利信息">
          <div class="taskDetail-welfare-list">
            <TaskDetailWelfareItem
              v-for="benefit in detail.benefits"
              :key="benefit.benefitCode"
              :icon="setOSSLink(benefit.benefitField2)"
              :text="benefit.benefitContent"
            />
          </div>
        </CellChunk>
        <CellChunk title="报名条件">
          <div class="taskDetail-limit-list">
            <div class="taskDetail-limit-list-item">
              <div class="taskDetail-limit-list-item-label">年龄：</div>
              <div class="taskDetail-limit-list-item-text">
                {{ detail.ageMinLimit ?? 0 }}-{{ detail.ageMaxLimit ?? 0 }}岁
              </div>
            </div>
            <div class="taskDetail-limit-list-item">
              <div class="taskDetail-limit-list-item-label">性别：</div>
              <div class="taskDetail-limit-list-item-text">
                {{ TaskUtils.getGenderText(detail.genderLimit) }}
              </div>
            </div>
            <div class="taskDetail-limit-list-item">
              <template v-if="detail?.credentialLimits?.length > 0">
                <div class="taskDetail-limit-list-item-label">资格证书：</div>
                <div class="taskDetail-limit-list-item-text">
                  {{ TaskUtils.getCredentialLimit(detail?.credentialLimits) }}
                </div>
              </template>
            </div>
          </div>
        </CellChunk>
        <CellChunk title="发布者信息">
          <CompanyDesc
            @click="goCompanyDetail"
            :enterpriseName="detail?.enterpriseName ?? ''"
            :taskCount="detail?.taskCount ?? 0"
            :isReal="detail?.isReal ?? false"
          ></CompanyDesc>
        </CellChunk>
      </Cell>
      <Cell>
        <template #title>
          <div class="safe-cell-title-wrapper">
            <img :src="IconSafe" class="safe-cell-title-icon" />
            <div class="safe-cell-title">安全提示</div>
          </div>
        <template #companyDesc>
          <CellChunk title="发布者信息">
            <CompanyDesc
              @click="goCompanyDetail"
              :enterpriseName="detail?.enterpriseName ?? ''"
              :taskCount="detail?.taskCount ?? 0"
              :isReal="detail?.isReal ?? false"
              :supplierEnterpriseName="detail?.supplierEnterpriseName ?? ''"
            ></CompanyDesc>
          </CellChunk>
        </template>
        <div class="safe-cell-content">
          该信息由用户自主发布，如遇虚假信息、诈骗、传销等违法违规行为，请立即
          <div class="safe-cell-content-btn" @click="goComplaint">投诉举报</div>
        </div>
      </Cell>
        <template #footer>
          <Cell>
            <template #title>
              <div class="safe-cell-title-wrapper">
                <img :src="IconSafe" class="safe-cell-title-icon" />
                <div class="safe-cell-title">安全提示</div>
              </div>
            </template>
            <div class="safe-cell-content">
              该信息由用户自主发布，如遇虚假信息、诈骗、传销等违法违规行为，请立即
              <div class="safe-cell-content-btn" @click="goComplaint">投诉举报</div>
            </div>
          </Cell>
        </template>
      </TaskDetailView>
    </ContentScrollView>
    <PageFooter>
      <PageFooterAction
@@ -132,7 +72,13 @@
        {{ GetTaskInfoQueryResultApplyButtonText[detail.applyButton] }}
      </PageFooterBtn>
      <PageFooterBtn
        v-if="from === 'hire'"
        v-if="
          from === 'hire' &&
          !(
            isContainCheckIn &&
            detail?.hireButton === GetTaskInfoQueryResultHireButton.ApplyCheckReceive
          )
        "
        type="primary"
        :disabled="detail?.hireButton !== GetTaskInfoQueryResultHireButton.ApplyCheckReceive"
        @click="handleHire"
@@ -161,23 +107,17 @@
import { useQuery } from '@tanstack/vue-query';
import * as taskServices from '@12333/services/apiV2/task';
import * as taskUserServices from '@12333/services/apiV2/taskUser';
import * as enterpriseEmployeeServices from '@12333/services/apiV2/enterpriseEmployee';
import { useToggle } from 'senin-mini/hooks';
import { TaskPrice, TaskDetailWelfareItem } from '@12333/components';
import { TaskDetailView, Cell, CellChunk } from '@12333/components';
import IconAttention from '@/assets/task/icon-attention.png';
import IconAttentioActive from '@/assets/task/icon-attention-active.png';
import { RectRight } from '@nutui/icons-vue-taro';
import IconShare from '@/assets/task/icon-share.png';
import IconPhone from '@/assets/task/icon-phone.png';
import IconSafe from '@/assets/task/icon-safe.png';
import IconLocaltion from '@/assets/task/icon-localtion.png';
import './taskDetail.scss';
import CompanyDesc from '../components/CompanyDesc.vue';
import dayjs from 'dayjs';
import { TaskUtils, toThousand, setOSSLink, Message } from '@12333/utils';
import { Message } from '@12333/utils';
import {
  EnumSettlementCycleText,
  BillingMethodEnumUnit,
  EnumTaskReleaseStatus,
  GetPersonalApplyTaskInfosQueryStatusColor,
  GetTaskInfoQueryResultApplyButtonText,
@@ -185,8 +125,10 @@
  GetTaskInfoQueryResultHireButtonText,
  GetTaskInfoQueryResultHireButton,
  GetTaskInfoQueryResultApplyButton,
  EnumTaskCheckReceiveMethod,
} from '@12333/constants';
import { useAccessLogin } from '@/hooks';
import { useTaskInfo } from '@12333/hooks';

defineOptions({
  name: 'InnerPage',
@@ -200,26 +142,7 @@
const id = router.params?.id ?? '';
const from = router.params?.from ?? '';

const {
  isLoading,
  isError,
  data: detail,
  refetch,
} = useQuery({
  queryKey: ['taskServices/getTaskInfo', id],
  queryFn: async () => {
    return await taskServices.getTaskInfo(
      { id: id },
      {
        showLoading: false,
      }
    );
  },
  placeholderData: () => ({} as API.GetTaskInfoQueryResult),
  onSuccess(data) {
    // if (data.isExistTradeChatRecord) setTrue();
  },
});
const { isLoading, isError, detail, refetch, isContainCheckIn } = useTaskInfo({ id });

const { isCollapse, setTrue } = useToggle();

@@ -232,7 +155,9 @@
const goCompanyDetail = useAccessLogin(() => {
  if (detail.value.enterpriseId) {
    Taro.navigateTo({
      url: `${RouterPath.companyDetail}?id=${detail.value.enterpriseId}`,
      url: `${RouterPath.companyDetail}?id=${detail.value.enterpriseId}&supplierEnterpriseId=${
        detail.value.supplierEnterpriseId ?? ''
      }`,
    });
  }
});