预约码页面没有数据时，新增一个查看预约记录的链接

 <!--
 <!--
  * @Date: 2024-01-16 10:06:47
  * @Date: 2024-01-16 10:06:47
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-29 17:08:00
+ * @LastEditTime: 2024-01-30 09:49:29
  * @FilePath: /xysBooking/src/components/qrCode.vue
  * @FilePath: /xysBooking/src/components/qrCode.vue
  * @Description: 预约码卡组件
  * @Description: 预约码卡组件
 -->
 -->
@@ -49,6 +49,7 @@
     <div v-else class="no-qrcode">
     <div v-else class="no-qrcode">
       <img src="https://cdn.ipadbiz.cn/xys/booking/%E6%9A%82%E6%97%A0@2x.png" style="width: 10rem;">
       <img src="https://cdn.ipadbiz.cn/xys/booking/%E6%9A%82%E6%97%A0@2x.png" style="width: 10rem;">
       <div class="no-qrcode-title">您还没有预约过今天参观</div>
       <div class="no-qrcode-title">您还没有预约过今天参观</div>
+      <div style="text-align: center; color: #A67939;">在我的“<span @click="toRecord" style="text-decoration: underline;">预约记录</span>”查看更多</div>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
@@ -62,6 +63,8 @@ import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@
 //import { } from '@/composables'
 //import { } from '@/composables'
 
 
 import { qrcodeListAPI, qrcodeStatusAPI, billPersonAPI } from '@/api/index'
 import { qrcodeListAPI, qrcodeStatusAPI, billPersonAPI } from '@/api/index'
+import { useGo } from '@/hooks/useGo'
+const go = useGo();
 const $route = useRoute();
 const $route = useRoute();
 const $router = useRouter();
 const $router = useRouter();
 useTitle($route.meta.title);
 useTitle($route.meta.title);
@@ -254,6 +257,10 @@ const intervalId = setInterval(poll, 1000);
 onUnmounted(() => {
 onUnmounted(() => {
   clearInterval(intervalId);
   clearInterval(intervalId);
 });
 });
+
+const toRecord = () => { // 跳转到预约记录
+  go('/bookingList');
+}
 </script>
 </script>
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>