成功预约页逻辑调整

 <!--
 <!--
  * @Date: 2024-01-15 18:28:25
  * @Date: 2024-01-15 18:28:25
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-16 10:03:13
+ * @LastEditTime: 2024-01-16 15:49:07
  * @FilePath: /xysBooking/src/views/success.vue
  * @FilePath: /xysBooking/src/views/success.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -22,8 +22,8 @@
       <p style="font-size: 0.85rem;">2. 若您无法按时参观，请提前在预约记录中取消您的预约</p>
       <p style="font-size: 0.85rem;">2. 若您无法按时参观，请提前在预约记录中取消您的预约</p>
     </div>
     </div>
     <div class="success-btn">
     <div class="success-btn">
-      <div class="btn-item btn-left">首页</div>
-      <div class="btn-item btn-right">详情</div>
+      <div @click="goToHome" class="btn-item btn-left">首页</div>
+      <div @click="goToDetail" class="btn-item btn-right">详情</div>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
@@ -31,7 +31,7 @@
 <script setup>
 <script setup>
 import { ref } from 'vue'
 import { ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useRoute, useRouter } from 'vue-router'
-
+import { useGo } from '@/hooks/useGo'
 import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
 import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
 //import { } from '@/utils/generateModules.js'
 //import { } from '@/utils/generateModules.js'
 //import { } from '@/utils/generateIcons.js'
 //import { } from '@/utils/generateIcons.js'
@@ -40,6 +40,14 @@ const $route = useRoute();
 const $router = useRouter();
 const $router = useRouter();
 useTitle($route.meta.title);
 useTitle($route.meta.title);
 
 
+const go = useGo();
+
+const goToHome = () => {
+  go('/')
+}
+const goToDetail = () => {
+  go('/bookingDetail', { id: 'test' })
+}
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>