|
|
@@ -0,0 +1,70 @@
|
|
|
+<template>
|
|
|
+ <div class="success-page">
|
|
|
+ <van-nav-bar title="自然人开票" fixed placeholder />
|
|
|
+
|
|
|
+ <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: #ff8036; /* 微信绿 */
|
|
|
+ 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>
|