<template>
  <view class="main">
    <view class="img-banner">
      <image mode="aspectFill" src="https://mn.wenlvti.net/app_static/xiangan/banner_dig_trip.jpg"></image>
    </view>
    <view class="task-list">
      <view class="item">
        <text class="iconfont icon-task-trip-3"></text>
        <view class="info">
          <view class="title">旅游导览</view>
        </view>
        <view class="btn" @click="goForm('travel_guide', 0)">
          填写
        </view>
      </view>
      <view class="item">
        <text class="iconfont icon-task-trip-1"></text>
        <view class="info">
          <view class="title">游览路线</view>
        </view>
        <view class="btn" @click="goForm('route', 1)">
          填写
        </view>
      </view>
      <view class="item">
        <text class="iconfont icon-task-trip-2"></text>
        <view class="info">
          <view class="title">活动时间</view>
        </view>
        <view class="btn" @click="goForm('route', 2)">
          填写
        </view>
      </view>
      <view class="item">
        <text class="iconfont icon-task-trip-4"></text>
        <view class="info">
          <view class="title">路线特色</view>
        </view>
        <view class="btn" @click="goForm('route', 3)">
          填写
        </view>
      </view>
    </view>
  </view>
</template>

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

const { goForm } = useTaskEntryForm();
</script>

<style lang="scss" scoped>
.task-list {
  .item{
    .title{
      margin-bottom: 0;
    }
  }
}
</style>
