<route lang="json5" type="page">
{
  layout: 'page',
  style: {
    navigationStyle: 'custom',
  },
}
</route>
<template>
  <view class="flex flex-col h-screen">
    <wd-navbar
      title="一键填报"
      left-arrow
      @click-left="navigatorBack"
      safeAreaInsetTop
      :bordered="false"
      custom-class="bg-transparent! z-[99]"
    ></wd-navbar>
    <view class="flex-1 bg-[#f8f8f8] pb-safe flex flex-col items-center pt-[48rpx]">
      <wd-badge modelValue="12">
        <wd-button plain custom-class="w-[188rpx]! h-[58rpx]! min-w-[unset]!" @click="show = true">
          条件筛选
          <wd-icon name="arrow-down"></wd-icon>
        </wd-button>
      </wd-badge>

      <image
        class="w-[286rpx] h-[286rpx] mt-[134rpx]"
        src="@/pages-sub/static/images/autoFill/auto-fill.svg"
      ></image>
    </view>
    <FilterMenu v-model:show="show" />
  </view>
</template>

<script lang="ts" setup>
import FilterMenu from '@/components-sub/FilterMenu/FilterMenu.vue'

const navigatorBack = () => {
  uni.navigateBack()
}

const show = ref(false)
</script>

<style lang="scss" scoped>
.tbn-border {
  border-radius: 68rpx !important;
  border: 2rpx solid #1580ff !important;
  background-color: #fff !important;
}
</style>
