<template>
  <view class="main">
    <view class="img-banner">
      <image mode="aspectFill" src="https://mn.wenlvti.net/app_static/xiangan/banner_dig_summary.jpg"></image>
    </view>
    <view class="task-list">
      <view class="item">
        <text class="iconfont icon-task-summary-1"></text>
        <view class="info">
          <view class="title">行政区划</view>
          <view class="desc">村落行政区域划分及变迁</view>
        </view>
        <view class="btn" @click="goForm(1)">
          填写
        </view>
      </view>
      <view class="item">
        <text class="iconfont icon-task-summary-5"></text>
        <view class="info">
          <view class="title">村落综述</view>
          <view class="desc">村落整体概况介绍</view>
        </view>
        <view class="btn" @click="goForm(5)">
          填写
        </view>
      </view>
      <view class="item">
        <text class="iconfont icon-task-summary-2"></text>
        <view class="info">
          <view class="title">地理信息</view>
          <view class="desc">地理位置和自然环境特征</view>
        </view>
        <view class="btn" @click="goForm(2)">
          填写
        </view>
      </view>
      <view class="item">
        <text class="iconfont icon-task-summary-3"></text>
        <view class="info">
          <view class="title">建设与保护</view>
          <view class="desc">村落发展与文化遗产保护</view>
        </view>
        <view class="btn" @click="goForm(3)">
          填写
        </view>
      </view>
      <view class="item">
        <text class="iconfont icon-task-summary-4"></text>
        <view class="info">
          <view class="title">人口与经济</view>
          <view class="desc">人口与经济情况</view>
        </view>
        <view class="btn" @click="goForm(4)">
          填写
        </view>
      </view>
    </view>
  </view>
</template>

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

const t = useTaskEntryForm();

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