新增预约成功页

@@ -15,6 +15,7 @@ declare module '@vue/runtime-core' {
     VanCheckboxGroup: typeof import('vant/es')['CheckboxGroup']
     VanCol: typeof import('vant/es')['Col']
     VanDialog: typeof import('vant/es')['Dialog']
+    VanEmpty: typeof import('vant/es')['Empty']
     VanField: typeof import('vant/es')['Field']
     VanForm: typeof import('vant/es')['Form']
     VanIcon: typeof import('vant/es')['Icon']

 /*
  * @Date: 2023-06-13 13:26:46
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-15 17:40:55
+ * @LastEditTime: 2024-01-15 18:29:00
  * @FilePath: /xysBooking/src/route.js
  * @Description: 文件描述
  */
@@ -42,6 +42,13 @@ export default [
     },
   },
   {
+    path: '/success',
+    component: () => import('@/views/success.vue'),
+    meta: {
+      title: '预约成功',
+    },
+  },
+  {
     path: '/auth',
     component: () => import('@/views/auth.vue'),
     meta: {

+<!--
+ * @Date: 2024-01-15 18:28:25
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-01-16 10:03:13
+ * @FilePath: /xysBooking/src/views/success.vue
+ * @Description: 文件描述
+-->
+<template>
+  <div class="success-page">
+    <div style="display: flex; align-items: center; justify-content: center; height: 35vh; flex-direction: column;">
+      <img src="https://cdn.ipadbiz.cn/xys/booking/%E6%88%90%E5%8A%9F@2x.png" style="width: 60vw;">
+      <div style="color: #A67939; font-size: 1.25rem;">预约成功</div>
+    </div>
+    <div style="padding: 2rem 1rem; border-bottom: 1px dashed #A67939; line-height: 2;">
+      <div>参观人数：<span style="color: #A67939;">2人</span></div>
+      <div>参访时间：<span style="color: #A67939;">2024-01-10 05:00-08:00</span></div>
+      <div>支付金额：<span style="color: #FF1919;">¥50</span></div>
+    </div>
+    <div style="color: #A67939; padding: 1rem; line-height: 2;">
+      <p style="margin-bottom: 0.25rem;"><van-icon name="info-o" />&nbsp;温馨提示</p>
+      <p style="font-size: 0.85rem;">1. 一人一码，或拿身份证，扫码或识别身份证成功后进入</p>
+      <p style="font-size: 0.85rem;">2. 若您无法按时参观，请提前在预约记录中取消您的预约</p>
+    </div>
+    <div class="success-btn">
+      <div class="btn-item btn-left">首页</div>
+      <div class="btn-item btn-right">详情</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
+//import { } from '@/utils/generateModules.js'
+//import { } from '@/utils/generateIcons.js'
+//import { } from '@/composables'
+const $route = useRoute();
+const $router = useRouter();
+useTitle($route.meta.title);
+
+</script>
+
+<style lang="less" scoped>
+.success-page {
+  position: relative;
+  background-color: #FFF;
+  .success-btn {
+    background-color: #FFF;
+    position: fixed;
+    width: 100vw;
+    bottom: 0;
+    left: 0;
+    height: 5rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    .btn-item {
+      padding: 0.7rem 4rem;
+      border-radius: 5px;
+      font-size: 1.05rem;
+    }
+    .btn-left{
+      background-color: #A67939;
+      color: #FFF;
+      margin-left: 0.7rem;
+    }
+    .btn-right{
+      border: 1px solid #A67939;
+      color: #A67939;
+      font-size: 1.05rem;
+      margin-right: 0.7rem;
+    }
+  }
+}
+</style>