feat: 接口对接

wupengfei

3 天以前 4fc5800552aed10e10f1aeb8a3041c9613ba83e3

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

@@ -4,10 +4,24 @@
      <Cell :title="detail?.name ?? ''" titleSize="large">
        <template #title-right>
          <img
            v-if="from === 'apply'"
            :src="detail.isCollected ? IconAttentioActive : IconAttention"
            class="taskDetail-attention-icon"
            @click="handleAttention"
          />
          <div
            v-if="from === 'sign'"
            :style="{ color: GetPersonalApplyTaskInfosQueryStatusColor[detail.applyButton] }"
          >
            {{ GetTaskInfoQueryResultApplyButtonText[detail.applyButton] }}
          </div>
          <div
            v-if="from === 'hire'"
            :style="{ color: GetPersonalHireTaskInfosQueryStatusColor[detail.hireButton] }"
          >
            {{ GetTaskInfoQueryResultHireButtonText[detail.hireButton] }}
          </div>
          <div v-if="from === 'cancel'" :style="{ color: '#999999' }">已取消</div>
        </template>
        <div class="taskDetail-time">
          {{ dayjs(detail?.beginTime).format('YYYY年MM月DD日') }} 至
@@ -107,16 +121,30 @@
        :isFlex="false"
        @click="handleCall"
      ></PageFooterAction>
      <PageFooterBtn v-if="from === 'sign'" type="primary" disabled>
        {{ GetTaskInfoQueryResultApplyButtonText[detail.applyButton] }}
      </PageFooterBtn>
      <PageFooterBtn
        v-if="detail.releaseStatus === EnumTaskReleaseStatus.InProcess"
        v-if="from === 'hire'"
        type="primary"
        @click="handleApply"
        :disabled="detail?.hireStatus === EnumTaskUserHireStatus.Wait"
        >{{ `报名（${detail?.applyCount ?? 0}人已报名）` }}</PageFooterBtn
        :disabled="detail?.hireButton !== GetTaskInfoQueryResultHireButton.ApplyCheckReceive"
        @click="handleHire"
      >
      <PageFooterBtn v-if="detail.releaseStatus === EnumTaskReleaseStatus.Stopped" color="#999999"
        >已停止</PageFooterBtn
      >
        {{ GetTaskInfoQueryResultHireButtonText[detail.hireButton] }}
      </PageFooterBtn>
      <template v-if="from === 'apply'">
        <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>
@@ -143,7 +171,11 @@
  EnumSettlementCycleText,
  BillingMethodEnumUnit,
  EnumTaskReleaseStatus,
  EnumTaskUserHireStatus,
  GetPersonalApplyTaskInfosQueryStatusColor,
  GetTaskInfoQueryResultApplyButtonText,
  GetPersonalHireTaskInfosQueryStatusColor,
  GetTaskInfoQueryResultHireButtonText,
  GetTaskInfoQueryResultHireButton,
} from '@12333/constants';
import { useAccessLogin } from '@/hooks';

@@ -152,11 +184,12 @@
});

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

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

const {
  isLoading,
@@ -164,10 +197,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,
      }
@@ -183,7 +216,7 @@

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

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

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

function handleHire() {
  Taro.navigateTo({
    url: `${RouterPath.taskSubmitCheck}?id=${id}`,
  });
}
</script>