fix: 灵工管理

zhengyiming

4 天以前 b65d117cd956c2a60d531f36160ad044584e0bf4

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

@@ -6,6 +6,7 @@
          <img
            :src="detail.isCollected ? IconAttentioActive : IconAttention"
            class="taskDetail-attention-icon"
            @click="handleAttention"
          />
        </template>
        <div class="taskDetail-time">
@@ -22,7 +23,7 @@
            </div> -->
          </div>
          <TaskPrice
            :value="detail.serviceFee ?? 0"
            :value="toThousand(detail.serviceFee ?? 0)"
            :unit="BillingMethodEnumUnit[detail.billingMethod]"
          />
        </div>
@@ -43,7 +44,7 @@
            <TaskDetailWelfareItem
              v-for="benefit in detail.benefits"
              :key="benefit.benefitCode"
              :icon="IconAttentioActive"
              :icon="setOSSLink(benefit.benefitField2)"
              :text="benefit.benefitContent"
            />
          </div>
@@ -100,8 +101,53 @@
        :isFlex="false"
        openType="share"
      ></PageFooterAction>
      <PageFooterAction :icon="IconPhone" text="手机" :isFlex="false"></PageFooterAction>
      <PageFooterBtn type="primary">报名（5人已报名）</PageFooterBtn>
      <PageFooterAction
        :icon="IconPhone"
        text="手机"
        :isFlex="false"
        @click="handleCall"
      ></PageFooterAction>
      <template v-if="from === 'mine'">
        <PageFooterBtn
          v-if="detail.applyButton === GetTaskInfoQueryResultApplyButton.WaitHire"
          color="#999999"
          disabled
          >待确认</PageFooterBtn
        >
        <!-- <PageFooterBtn
        v-if="detail.applyButton === GetTaskInfoQueryResultApplyButton.WaitSignContract"
        >去签约</PageFooterBtn
      > -->
        <PageFooterBtn
          v-if="detail.hireButton === GetTaskInfoQueryResultHireButton.InProcess"
          color="#999999"
          disabled
          >进行中</PageFooterBtn
        >
        <!-- <PageFooterBtn
        v-if="detail.hireButton === GetTaskInfoQueryResultHireButton.ApplyCheckReceive"
        >申请验收</PageFooterBtn
      > -->
        <PageFooterBtn
          v-if="detail.hireButton === GetTaskInfoQueryResultHireButton.Completed"
          color="#999999"
          disabled
          >已完成</PageFooterBtn
        >
      </template>
      <template v-else>
        <PageFooterBtn
          v-if="detail?.releaseStatus === EnumTaskReleaseStatus.InProcess"
          type="primary"
          @click="handleApply"
          :disabled="detail?.hireStatus"
          >{{ `报名（${detail?.applyCount ?? 0}人已报名）` }}</PageFooterBtn
        >

        <PageFooterBtn v-if="detail.releaseStatus === EnumTaskReleaseStatus.Stopped" color="#999999"
          >已停止</PageFooterBtn
        >
      </template>
    </PageFooter>
  </LoadingLayout>
</template>
@@ -110,6 +156,7 @@
import Taro from '@tarojs/taro';
import { useQuery } from '@tanstack/vue-query';
import * as taskServices from '@12333/services/apiV2/task';
import * as taskUserServices from '@12333/services/apiV2/taskUser';
import { useToggle } from 'senin-mini/hooks';
import { TaskPrice, TaskDetailWelfareItem } from '@12333/components';
import IconAttention from '@/assets/task/icon-attention.png';
@@ -122,8 +169,15 @@
import './taskDetail.scss';
import CompanyDesc from '../components/CompanyDesc.vue';
import dayjs from 'dayjs';
import { TaskUtils } from '@12333/utils';
import { EnumSettlementCycleText, BillingMethodEnumUnit } from '@12333/constants';
import { TaskUtils, toThousand, setOSSLink, Message } from '@12333/utils';
import {
  EnumSettlementCycleText,
  BillingMethodEnumUnit,
  EnumTaskReleaseStatus,
  EnumTaskUserHireStatus,
  GetTaskInfoQueryResultApplyButton,
  GetTaskInfoQueryResultHireButton,
} from '@12333/constants';
import { useAccessLogin } from '@/hooks';

defineOptions({
@@ -131,11 +185,12 @@
});

/**
 * TODO 缺少已报名人数 手机 投诉举报接口
 * TODO 缺少 投诉举报接口
 */

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

const {
  isLoading,
@@ -143,10 +198,10 @@
  data: detail,
  refetch,
} = useQuery({
  queryKey: ['taskServices/getTaskInfo', taskId],
  queryKey: ['taskServices/getTaskInfo', id],
  queryFn: async () => {
    return await taskServices.getTaskInfo(
      { id: taskId },
      { id: id },
      {
        showLoading: false,
      }
@@ -162,13 +217,57 @@

const goComplaint = useAccessLogin(() => {
  Taro.navigateTo({
    url: `${RouterPath.complaint}?id=${taskId}`,
    url: `${RouterPath.complaint}?id=${id}`,
  });
});

const goCompanyDetail = useAccessLogin(() => {
  Taro.navigateTo({
    url: `${RouterPath.companyDetail}?id=${taskId}`,
  });
  if (detail.value.enterpriseId) {
    Taro.navigateTo({
      url: `${RouterPath.companyDetail}?id=${detail.value.enterpriseId}`,
    });
  }
});

const handleApply = useAccessLogin(async () => {
  try {
    let params: API.ApplyTaskCommand = {
      ids: [id],
    };
    let res = await taskUserServices.applyTask(params);
    if (res) {
      Message.success('报名成功');
      refetch({ type: 'inactive' });
    }
  } catch (error) {}
});

const handleAttention = useAccessLogin(async () => {
  try {
    // await Message.confirm({
    //   message: `确定${detail.value?.isCollected ? '取消收藏' : '收藏'}吗？`,
    // });
    let params: API.CollectTaskCommand = {
      ids: [id],
      isCollect: !detail.value?.isCollected,
    };
    let res = await taskUserServices.collectTask(params);
    if (res) {
      refetch({ type: 'inactive' });
      // Message.success('操作成功', {
      //   onClosed() {
      //     refetch({ type: 'inactive' });
      //   },
      // });
    }
  } catch (error) {}
});

const handleCall = useAccessLogin(() => {
  if (detail.value.contactPhoneNumber) {
    Taro.makePhoneCall({
      phoneNumber: detail.value.contactPhoneNumber,
    });
  }
});
</script>