<template>
|
<InfiniteLoading
|
scrollViewClassName="common-page-infinite-scroll-list"
|
v-bind="infiniteLoadingProps"
|
>
|
<div class="mineCollectTask-service-list">
|
<StandardServiceCard
|
v-for="item in infiniteLoadingProps.flattenListData"
|
:key="item.id"
|
@click="goSerciceDetail(item)"
|
v-bind="item"
|
style="min-width: 0"
|
/>
|
</div>
|
</InfiniteLoading>
|
</template>
|
|
<script setup lang="ts">
|
import { useInfiniteLoading } from '@12333/hooks';
|
import Taro from '@tarojs/taro';
|
import { EnumPagedListOrder, EnumStandardServiceReleaseStatus } from '@12333/constants';
|
import * as standardServiceServices from '@12333/services/apiV2/standardService';
|
|
defineOptions({
|
name: 'InnerPage',
|
});
|
|
const queryState = reactive({
|
releaseStatus: EnumStandardServiceReleaseStatus.InProcess,
|
isCollected: true,
|
});
|
|
const { infiniteLoadingProps, invalidateQueries } = useInfiniteLoading(
|
({ pageParam }) => {
|
let params: API.GetStandardServicesQuery = {
|
pageModel: {
|
rows: 20,
|
page: pageParam,
|
orderInput: [
|
{ property: 'createdTime', order: EnumPagedListOrder.Desc },
|
{ property: 'recommendStatus', order: EnumPagedListOrder.Desc },
|
],
|
},
|
releaseStatus: queryState.releaseStatus,
|
isCollected: queryState.isCollected,
|
};
|
|
return standardServiceServices.getOpenStandardServices(params, {
|
showLoading: false,
|
});
|
},
|
{
|
queryKey: ['standardServiceServices/getOpenStandardServices', queryState],
|
}
|
);
|
|
function goSerciceDetail(item: API.GetStandardServicesQueryResultItem) {
|
Taro.navigateTo({
|
url: `${RouterPath.serciceDetail}?id=${item.id}`,
|
});
|
}
|
</script>
|
|
<style lang="scss">
|
@import '@/styles/common.scss';
|
|
.mineCollectTask-service-list {
|
display: grid;
|
grid-template-columns: repeat(2, 1fr);
|
grid-gap: 20px;
|
}
|
</style>
|
