<template>
|
<LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch">
|
<ContentScrollView style="background-color: transparent">
|
<Cell :title="'客房服务员'" titleSize="large">
|
<div class="taskDetail-time">2025年2月5日 至 2025年3月5日</div>
|
<div class="task-card-welfare-wrapper">
|
<div class="task-card-welfare-list">
|
<div class="task-card-welfare-list-item">日结</div>
|
<div class="task-card-welfare-list-item">男女不限</div>
|
<div class="task-card-welfare-list-item">包三餐</div>
|
</div>
|
<TaskPrice :value="212" />
|
</div>
|
<div class="taskDetail-address-wrapper">
|
<div class="taskDetail-address-title-wrapper">
|
<img :src="IconLocaltion" class="taskDetail-address-title-icon" />
|
<div class="taskDetail-address-title">宁波柏悦酒店</div>
|
</div>
|
<div class="taskDetail-address-info-wrapper">
|
<div class="taskDetail-address-info">宁波市鄞州区东钱湖大堰路188号宁波柏悦酒店</div>
|
<RectRight :size="8" class="taskDetail-address-info-icon" />
|
</div>
|
</div>
|
</Cell>
|
<Cell :show-title="false">
|
<CellChunk title="福利信息">
|
<div class="taskDetail-welfare-list">
|
<TaskDetailWelfareItem :icon="IconLocaltion" text="高温补贴" />
|
<TaskDetailWelfareItem :icon="IconLocaltion" text="高温补贴" />
|
<TaskDetailWelfareItem :icon="IconLocaltion" text="高温补贴" />
|
<TaskDetailWelfareItem :icon="IconLocaltion" text="高温补贴" />
|
<TaskDetailWelfareItem :icon="IconLocaltion" text="高温补贴" />
|
</div>
|
</CellChunk>
|
</Cell>
|
</ContentScrollView>
|
</LoadingLayout>
|
</template>
|
|
<script setup lang="ts">
|
import { useQuery } from '@tanstack/vue-query';
|
import Taro from '@tarojs/taro';
|
import * as orderServices from '@12333/services/api/Order';
|
import IconLocaltion from '@/assets/flexJob/icon-localtion.png';
|
import { TaskPrice, TaskDetailWelfareItem } from '@12333/components';
|
|
defineOptions({
|
name: 'JobDetail',
|
});
|
|
// type Props = {};
|
|
// const props = withDefaults(defineProps<Props>(), {});
|
const router = Taro.useRouter();
|
|
const taskId = router.params?.id ?? '';
|
|
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),
|
onSuccess(data) {},
|
});
|
</script>
|
|
<style lang="scss">
|
@import '@/styles/common.scss';
|
</style>
|
