<template>
  <div class="success-page">
    <van-nav-bar title="自然人开票" fixed placeholder safe-area-inset-top />

    <div class="content">
      <!-- 成功图标 -->
      <van-icon name="passed" class="success-icon" />

      <!-- 标题 -->
      <div class="title">提交成功</div>

      <!-- 描述文本 -->
      <div class="desc">
        您的开票信息已提交税务部门审核，审核通过后通知您缴纳税金，请关注缴税信息。
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'
// import { useRouter } from 'vue-router'
// const router = useRouter()

onMounted(() => {
  // 可选：例如 3 秒后自动跳转
  // setTimeout(() => router.replace('/invoice-information'), 3000)
})
</script>

<style scoped lang="scss">
.success-page {
  min-height: 100vh;
  background: #f6f7f9;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei',
    sans-serif;
  text-align: center;

  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20vw;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .success-icon {
    font-size: 16vw;
    color: #0072f8; /* 微信绿 */
    margin-bottom: 6vw;
  }

  .title {
    font-size: 5vw;
    font-weight: 600;
    color: #333;
    margin-bottom: 4vw;
  }

  .desc {
    font-size: 3.8vw;
    color: #666;
    line-height: 1.8;
    text-align: center;
    width: 80vw;
  }
}
</style>
