<template>
|
<ContentScrollView style="background-color: transparent">
|
<MyTaskCard
|
:name="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.taskInfo?.name ?? ''"
|
:addressName="
|
infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.taskInfo?.addressName ?? ''
|
"
|
:beginTime="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.taskInfo?.beginTime"
|
:endTime="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.taskInfo?.endTime"
|
:showMyTaskArrow="false"
|
></MyTaskCard>
|
<div class="taskCheckFileCard-status-title">验收照片</div>
|
<InfiniteLoading
|
scrollViewClassName="common-infinite-scroll-list task-list"
|
v-bind="infiniteLoadingProps"
|
>
|
<template #renderItem="{ item }">
|
<TaskCheckFileCard
|
:created-time="item?.createdTime"
|
:checkReceiveStatus="item?.checkReceiveStatus"
|
:files="item?.files?.map((x) => setOSSLink(x))"
|
></TaskCheckFileCard>
|
</template>
|
</InfiniteLoading>
|
</ContentScrollView>
|
<!-- <div class="taskCheckDetail-tips-wrapper" v-if="!isBindBankCard">
|
<div class="taskCheckDetail-tips-text">您尚未绑定银行卡，暂时无法结算服务费</div>
|
<div class="taskCheckDetail-tips-btn" @click="goBindBankCard">立即绑定银行卡信息</div>
|
</div> -->
|
</template>
|
|
<script setup lang="ts">
|
import { MyTaskCard, TaskCheckFileCard } from '@12333/components';
|
import Taro from '@tarojs/taro';
|
import { useCheckReceiveTaskUserSubmits } from '@12333/hooks';
|
import { setOSSLink } from '@12333/utils';
|
|
defineOptions({
|
name: 'InnerPage',
|
});
|
|
const route = Taro.useRouter();
|
const id = route.params?.id as string;
|
|
const { infiniteLoadingProps } = useCheckReceiveTaskUserSubmits({ id: id });
|
|
const isBindBankCard = computed(
|
() =>
|
infiniteLoadingProps.value?.listData?.pages?.[0]?.objectData?.enterpriseEmployeeUser
|
?.isBindBankCard
|
);
|
|
function goBindBankCard() {
|
Taro.navigateTo({
|
url: `${RouterPath.unboundBankCard}`,
|
});
|
}
|
</script>
|
|
<style lang="scss">
|
@import '@/styles/common.scss';
|
|
.taskCheckDetail-page-wrapper {
|
.taskCheckFileCard-status-title {
|
font-weight: 600;
|
font-size: 28px;
|
line-height: 32px;
|
margin-bottom: 16px;
|
color: boleGetCssVar('text-color', 'primary');
|
}
|
|
.taskCheckDetail-tips-wrapper {
|
text-align: center;
|
font-size: 24px;
|
line-height: 32px;
|
|
.taskCheckDetail-tips-text {
|
color: boleGetCssVar('text-color', 'secondary');
|
}
|
|
.taskCheckDetail-tips-btn {
|
color: boleGetCssVar('color', 'primary');
|
}
|
}
|
}
|
</style>
|
