<template>
  <img class="head-img w-100 radius-base" src="https://mn.wenlvti.net/app_static/xiangan/banner_dig_summary.jpg" />
  <TaskList>
    <TaskItem 
      title="行政区划" 
      desc="村落行政区域划分及变迁" 
      icon="icon-task-summary-1" 
      :enabled="true"
      @click="goForm(1)"
    />
    <TaskItem 
      title="村落综述" 
      desc="村落整体概况介绍" 
      icon="icon-task-summary-5" 
      :enabled="true"
      @click="goForm(5)"
    />
    <TaskItem 
      title="地理信息" 
      desc="地理位置和自然环境特征" 
      icon="icon-task-summary-2" 
      :enabled="true"
      @click="goForm(2)"
    />
    <TaskItem 
      title="建设与保护" 
      desc="村落发展与文化遗产保护" 
      icon="icon-task-summary-3" 
      :enabled="true"
      @click="goForm(3)"
    />
    <TaskItem 
      title="人口与经济" 
      desc="人口与经济情况" 
      icon="icon-task-summary-4" 
      :enabled="true"
      @click="goForm(4)"
    />
  </TaskList>
</template>

<script setup lang="ts">
import { useTaskEntryForm } from '../composeable/TaskEntryForm';
import TaskList from '../components/TaskList.vue';
import TaskItem from '../components/TaskItem.vue';

const t = useTaskEntryForm();

function goForm(subId: number) {
  t.goForm('overview', subId, undefined, 'common');
}
</script>