Quellcode durchsuchen

完成开票功能

yuanmingze vor 3 Monaten
Ursprung
Commit
cd109f2a35
6 geänderte Dateien mit 77 neuen und 2 gelöschten Zeilen
  1. 0 1
      components.d.ts
  2. BIN
      dist-生产.zip
  3. BIN
      dist.zip
  4. 6 0
      src/router/routes.ts
  5. 1 1
      src/services/modules/login/index.ts
  6. 70 0
      src/views/success/index.vue

+ 0 - 1
components.d.ts

@@ -18,7 +18,6 @@ declare module 'vue' {
     VanButton: typeof import('vant/es')['Button']
     VanCellGroup: typeof import('vant/es')['CellGroup']
     VanCheckbox: typeof import('vant/es')['Checkbox']
-    VanDialog: typeof import('vant/es')['Dialog']
     VanField: typeof import('vant/es')['Field']
     VanIcon: typeof import('vant/es')['Icon']
     VanNavBar: typeof import('vant/es')['NavBar']

BIN
dist-生产.zip


BIN
dist.zip


+ 6 - 0
src/router/routes.ts

@@ -42,6 +42,12 @@ export const routes: RouteRecordRaw[] = [
     component: () => import('@/views/face-recognition/index.vue'),
     meta: { title: '开票认证', requiresAuth: true },
   },
+  {
+    path: '/success',
+    name: 'Success',
+    component: () => import('@/views/success/index.vue'),
+    meta: { title: '开票完成', requiresAuth: false },
+  },
   {
     path: '/:pathMatch(.*)*',
     redirect: '/login',

+ 1 - 1
src/services/modules/login/index.ts

@@ -4,7 +4,7 @@ import type { PushRecordIdRequest } from '../invoiceInformation/type.d'
 
 export const getPubNameApi = (data: PushRecordIdRequest) => {
   return http.get({
-    url: '/admin//invoice-record/pub',
+    url: '/admin/invoice-record/pub',
     params: data,
   })
 }

+ 70 - 0
src/views/success/index.vue

@@ -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>