zhengyiming
4 天以前 2935cf3629d1495d959381a1550cddaa500a0986
apps/cMiniApp/src/subpackages/mine/mineCollectTask/InnerPage.vue
@@ -1,14 +1,28 @@
<template>
  <div class="my-collect-task">
    <div class="my-collect-task-title">收藏任务列表</div>
    <div class="my-collect-task-btn">清空已失效任务</div>
    <div class="my-collect-task-btn" @click="clearExpiredTask">清空已失效任务</div>
  </div>
  <InfiniteLoading
    scrollViewClassName="common-infinite-scroll-list home-list"
    v-bind="infiniteLoadingProps"
  >
    <template #renderItem="{ item }">
      <TaskCard> </TaskCard>
      <TaskCard
        :name="item.name"
        :address-name="item.addressName"
        :begin-time="item.beginTime"
        :end-time="item.endTime"
        :gender-limit="item.genderLimit"
        :service-fee="item.serviceFee"
        :billing-method="item.billingMethod"
        :settlement-cycle="item.settlementCycle"
        :benefits="item.benefits"
      >
        <template #actions>
          <nut-button @click="goTaskDetail(item)" type="primary">报名</nut-button>
        </template>
      </TaskCard>
    </template>
  </InfiniteLoading>
</template>
@@ -16,34 +30,24 @@
<script setup lang="ts">
import { TaskCard } from '@12333/components';
import { useUserStore } from '@/stores/modules/user';
import { useInfiniteLoading } from '@12333/hooks';
import { OrderInputType } from '@12333/constants';
import * as flexWorkerServices from '@12333/services/api/FlexWorker';
import { useTaskList } from '@12333/hooks';
import Taro from '@tarojs/taro';
defineOptions({
  name: 'InnerPage',
});
const userStore = useUserStore();
const { infiniteLoadingProps } = useTaskList({
  defaultQueryMenuState: {},
});
const { infiniteLoadingProps } = useInfiniteLoading(
  ({ pageParam }) => {
    let params: API.GetFlexTaskListInput = {
      pageModel: {
        rows: 20,
        page: pageParam,
        orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }],
      },
    };
function goTaskDetail(item: API.GetTaskInfosQueryResultItem) {
  Taro.navigateTo({
    url: `${RouterPath.taskCheckDetail}?id=${item.id}`,
  });
}
    return flexWorkerServices.getFlexTaskByArrange(params, {
      showLoading: false,
    });
  },
  {
    queryKey: ['flexWorkerServices/getFlexTaskByArrange'],
  }
);
function clearExpiredTask() {}
</script>
<style lang="scss">