<template>
  <view class="mx-5 rounded-lg bg-white px-[32rpx] py-[56rpx]">
    <view
      class="flex items-center justify-between mx-[34rpx] py-[30rpx]"
      style="border-bottom: 2rpx solid #ededed"
      @click="handleChange"
    >
      <text class="text-[40rpx] text-[#636363]">输入模考/高考成绩</text>
      <image class="w-[42rpx] h-[39rpx]" src="/static/images/home/pen.svg"></image>
    </view>
    <view class="mt-[56rpx] flex items-center justify-between">
      <wd-button
        custom-class="w-[240rpx]! h-[88rpx]! border-[#1580FF]! text-[#1580FF]! text-[28rpx]! font-normal! mr-[32rpx]"
        :round="false"
        plain
        @click="navigatorTo"
      >
        一键填报
      </wd-button>
      <wd-button
        :round="false"
        custom-class="w-[350rpx]! h-[88rpx]!  text-[#fff]! text-[28rpx]! bg-[#1580FF]! font-normal"
      >
        智能填报
      </wd-button>
    </view>
  </view>
</template>

<script lang="ts" setup>
const value = ref('')

const handleChange = () => {
  uni.navigateTo({
    url: '/pages-sub/home/inputScore/index',
  })
}

const navigatorTo = () => {
  uni.navigateTo({
    url: '/pages-sub/home/autoFill/index',
  })
}
</script>
