From e81a93e56fc382b3f4efc26425a4e894a12d5907 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 13 八月 2025 09:54:08 +0800
Subject: [PATCH] feat: 接口对接
---
apps/cMiniApp/src/subpackages/task/taskDetail/InnerPage.vue | 129 ++++++++++++++++++++++++++++++++++++++----
1 files changed, 115 insertions(+), 14 deletions(-)
diff --git a/apps/cMiniApp/src/subpackages/task/taskDetail/InnerPage.vue b/apps/cMiniApp/src/subpackages/task/taskDetail/InnerPage.vue
index b599bbe..0efdd59 100644
--- a/apps/cMiniApp/src/subpackages/task/taskDetail/InnerPage.vue
+++ b/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,59 @@
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('鎶ュ悕鎴愬姛', {
+ onClosed() {
+ 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) {
+ Message.success('鎿嶄綔鎴愬姛', {
+ onClosed() {
+ refetch({ type: 'inactive' });
+ },
+ });
+ }
+ } catch (error) {}
+});
+
+const handleCall = useAccessLogin(() => {
+ if (detail.value.contactPhoneNumber) {
+ Taro.makePhoneCall({
+ phoneNumber: detail.value.contactPhoneNumber,
+ });
+ }
});
</script>
--
Gitblit v1.9.1