<template>
  <CommonTopBanner :title="querys.taskTitle">
    <FlexCol :padding="30" :gap="20">
      <CollectModuleList
        :villageId="querys.villageId"
        :villageVolunteerId="querys.villageVolunteerId"
        :taskTitle="querys.taskTitle"
        :taskPid="querys.taskPid"
        :isView="querys.isView"
      />
    </FlexCol>
  </CommonTopBanner>
</template>

<script setup lang="ts">
import { useLoadQuerys } from '@/components/composeabe/LoadQuerys';
import CollectModuleList from '../components/CollectModuleList.vue';
import FlexCol from '@/components/layout/FlexCol.vue';
import CommonTopBanner from '@/common/components/CommonTopBanner.vue';

const { querys } = useLoadQuerys({ 
  villageId: 0,
  villageVolunteerId: 0,
  taskTitle: '',
  taskPid: 0,
  isView: false,
});
</script>
