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>
@@ -17,6 +31,7 @@
import { TaskCard } from '@12333/components';
import { useUserStore } from '@/stores/modules/user';
import { useTaskList } from '@12333/hooks';
import Taro from '@tarojs/taro';
defineOptions({
  name: 'InnerPage',
@@ -25,6 +40,14 @@
const { infiniteLoadingProps } = useTaskList({
  defaultQueryMenuState: {},
});
function goTaskDetail(item: API.GetTaskInfosQueryResultItem) {
  Taro.navigateTo({
    url: `${RouterPath.taskCheckDetail}?id=${item.id}`,
  });
}
function clearExpiredTask() {}
</script>
<style lang="scss">