| | |
| | | <template> |
| | | <ContentScrollView style="background-color: transparent"> |
| | | <MyTaskCard :showMyTaskArrow="false"></MyTaskCard> |
| | | <InfiniteLoading |
| | | scrollViewClassName="common-infinite-scroll-list task-list" |
| | | v-bind="infiniteLoadingProps" |
| | | > |
| | | <template #renderItem="{ item }"> |
| | | <div class="taskCheckDetail-status-wrapper"> |
| | | <div class="taskCheckDetail-status-title">验收照片</div> |
| | | <div |
| | |
| | | :column-num="3" |
| | | :border="false" |
| | | :gutter="20" |
| | | v-if="list.length > 0" |
| | | v-if="item?.files?.length > 0" |
| | | class="taskCheckDetail-img-grid" |
| | | > |
| | | <nut-grid-item |
| | | v-for="(item, index) in list" |
| | | :key="item" |
| | | v-for="(itema, index) in item.files" |
| | | :key="index" |
| | | class="publish-circle-friend-file-grid-item" |
| | | > |
| | | <div class="taskCheckDetail-img-grid-item"> |
| | | <PreviewImage :src="item" class="taskCheckDetail-img" :urls="list" /> |
| | | <PreviewImage |
| | | :src="setOSSLink(itema)" |
| | | class="taskCheckDetail-img" |
| | | :urls="item.files" |
| | | /> |
| | | </div> |
| | | </nut-grid-item> |
| | | </nut-grid> |
| | | </template> |
| | | </InfiniteLoading> |
| | | </ContentScrollView> |
| | | <!-- <div class="taskCheckDetail-tips-wrapper"> |
| | | <div class="taskCheckDetail-tips-text">您尚未绑定银行卡,暂时无法结算服务费</div> |
| | |
| | | <script setup lang="ts"> |
| | | import { MyTaskCard, PreviewImage } from '@12333/components'; |
| | | import { Colors } from '@12333/constants'; |
| | | import Taro from '@tarojs/taro'; |
| | | import { useCheckReceiveTaskUserSubmits } from '@12333/hooks'; |
| | | import { setOSSLink } from '@12333/utils'; |
| | | |
| | | defineOptions({ |
| | | name: 'InnerPage', |
| | | }); |
| | | |
| | | const list = ref([ |
| | | 'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg', |
| | | 'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg', |
| | | 'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg', |
| | | 'https://storage.360buyimg.com/jdc-article/fristfabu.jpg', |
| | | ]); |
| | | const route = Taro.useRouter(); |
| | | const id = route.params?.id as string; |
| | | |
| | | const { infiniteLoadingProps } = useCheckReceiveTaskUserSubmits({ id: id }); |
| | | </script> |
| | | |
| | | <style lang="scss"> |